html, body {
    overflow-anchor: none; 
    scroll-behavior: auto; 
}

.aftercare-section {
    padding-top: 80px;  
    padding-bottom: 100px;
    background-color: #E2DDD5; 
    background-image:
        linear-gradient(rgba(226, 221, 213, 0.5), rgba(226, 221, 213, 0.5)),
        url('../images/background1.png');
    min-height: 100vh;   
    display: block; 
}

.aftercare-title-bar-full {
    width: 100%;             
    background-color: #685951; 
    color: #ffffff;
    padding: 20px 0;         
    margin-bottom: 60px;     
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.aftercare-title-bar-full .container {
    text-align: center;
}

.aftercare-title-bar-full h1 {
    font-family: 'SVN-Aptima', sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.custom-accordion {
    width: 100%;
}

.custom-accordion .accordion-item {
    border: none;
    border-radius: 0;
    margin-bottom: 1px;
    background-color: transparent;
    overflow: hidden; 
    position: relative;
    contain: content; 
}

.custom-accordion .accordion-button {
    font-family: 'Urbanist', sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 20px 30px;
    border-radius: 0;
    border: 0;
    background-color: #f5f5f5;
    color: #333;
    box-shadow: none !important; 
    outline: none !important;
    -webkit-tap-highlight-color: transparent; 
    touch-action: manipulation;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-accordion .accordion-button:not(.collapsed) {
    background-color: #685951; 
    color: #ffffff;
}

.custom-accordion .accordion-button::after {
    background-size: 1.25rem;
    transition: transform 0.35s ease; 
}

.custom-accordion .accordion-button.collapsed::after {
    filter: none; 
}

.custom-accordion .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
    transform: rotate(-180deg);
}

.custom-accordion .accordion-collapse.collapsing {
    transition: height 0.35s ease-in-out;
    will-change: height;
}

.custom-accordion .accordion-collapse.collapse.show {
    visibility: visible;
}

.custom-accordion .accordion-body {
    background-color: #ffffff;
    padding: 30px 30px 30px 50px; 
    font-family: 'Urbanist', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    color: #685951;
    border-top: 1px solid #eee; 
}

.custom-accordion .accordion-body p {
    margin-bottom: 0; 
}
.custom-accordion .accordion-body p + p {
    margin-top: 1rem;
}

@media (hover: hover) {
    .custom-accordion .accordion-button.collapsed:hover {
        background-color: #eaeaea; 
        color: #000;
    }
}

@media (hover: none) {
    .custom-accordion .accordion-button {
        transition: none !important;
    }
    
    .custom-accordion .accordion-button:active {
        background-color: #685951 !important;
        color: #ffffff !important;
    }

    .custom-accordion .accordion-button.collapsed:hover,
    .custom-accordion .accordion-button.collapsed:focus {
        background-color: #f5f5f5 !important;
        color: #333 !important;
    }
    
    .aftercare-section { padding-top: 80px; }
    .custom-accordion .accordion-button { padding: 15px 20px; font-size: 18px; }
    .custom-accordion .accordion-body { padding: 20px; font-size: 16px; }
}