/* Responsive Image Control */
.custom-oil-img {
    max-height: 500px;
    width: auto;
    object-fit: contain;
}

/* Accordion Toggle Base Styling */
.custom-accordion-style-1 .accordion-toggle {
    position: relative;
    display: block;
    padding: 15px 40px 15px 15px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

    /* Icon Logic (Plus/Minus) */
    .custom-accordion-style-1 .accordion-toggle::after {
        content: '\2212'; /* Unicode for Minus (-) */
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-family: Arial, sans-serif;
        font-size: 18px;
    }

    .custom-accordion-style-1 .accordion-toggle.collapsed::after {
        content: '\002B'; /* Unicode for Plus (+) */
    }

/* Active Header Background (Dark Theme from your image) */
.custom-accordion-style-1 .card-header {
    transition: background-color 0.3s ease;
}

    .custom-accordion-style-1 .card-header:has(.accordion-toggle:not(.collapsed)) {
        background-color: #1c3344 !important; /* Industrial Dark Blue */
    }

        .custom-accordion-style-1 .card-header:has(.accordion-toggle:not(.collapsed)) .accordion-toggle {
            color: #ffffff !important;
        }

/* Mobile Adjustments */
@media (max-width: 767px) {
    .custom-oil-img {
        max-height: 300px;
        margin-top: 30px;
    }
}