.navbar-nav .nav-link.active::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    background-color: var(--primary);
    width: 100%;
}

/* When navbar is transparent (default, white text) */
.navbar:not(.scrolled) .nav-link.active,
.navbar:not(.scrolled) .nav-link:hover {
    color: #ffff;
}

/* When navbar has white background (after scroll or on mobile) */
.navbar.scrolled .nav-link.active,.navbar.scrolled .nav-link:hover,
.navbar.bg-white .nav-link.active {
    color: var(--dark) !important;
    /* border-bottom: 3px solid var(--dark); */
}

.mega-left {
    /* width: 100%; */
    border-right: none;
    border-right: 1px solid #ddd;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding-top: 3rem !important;
}

#faq-section .accordion-button::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235F656F'%3e%3cpath d='M8 1v14M1 8h14' stroke='%235F656F' stroke-width='2'/%3e%3c/svg%3e");
} 

#faq-section .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235F656F' stroke-width='2'%3e%3cpath d='M1 8h14'/%3e%3c/svg%3e");
}

#faq-section .accordion-button:not(.collapsed){
    color:#02245B;
    border:none !important;
    box-shadow:none !important;
    font-size: 18px !important;

}

#faq-section .accordion-button{
    color:#02245B;
    border:none !important;
    font-size: 18px !important;
}   

#faq-section .accordion-item{
    border-bottom: 2px solid #02245B;
}

#faq-section .accordion-flush .accordion-button:focus {
    border: none !important;
    box-shadow:none;
}