/* Container for Pros and Cons */
.epc-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0;
    border: 3px solid #000; /* 3 pixels black border */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Individual Sections */
.epc-section {
    flex: 1;
    padding: 20px;
    /* Removed cursor pointer as toggling is no longer needed */
    position: relative; /* For positioning icons if needed */
}

/* Pros Section */
.epc-pros {
    background-color: #f0fff4; /* Light green */
    border-right: 1px solid #ddd;
}

.epc-pros strong {
    color: #2d7a2d;
    font-size: 1.2em;
}

.epc-pros ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 10px;
}

.epc-pros li {
    margin-bottom: 8px;
}

/* Cons Section */
.epc-cons {
    background-color: #fff4f4; /* Light red */
}

.epc-cons strong {
    color: #a94442;
    font-size: 1.2em;
}

.epc-cons ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 10px;
}

.epc-cons li {
    margin-bottom: 8px;
}

/* Icons */
.epc-icon {
    font-size: 1.5em;
    margin-right: 10px;
    vertical-align: middle;
}

/* Pros Icon */
.epc-pros-icon {
    color: #2d7a2d;
}

/* Cons Icon */
.epc-cons-icon {
    color: #a94442;
}

/* Header Styling */
.epc-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .epc-container {
        flex-direction: column;
    }

    .epc-pros, .epc-cons {
        border-right: none;
        border-bottom: 1px solid #ddd;
    }

    .epc-cons {
        border-bottom: none;
    }
}