/* :root {
    --body-font: var(--font-inter), "Inter", sans-serif;
    --title-font: var(--font-plus-jakarta), "Plus Jakarta Sans", sans-serif;
  }
  
  /* Swiper 12 default nav icons are SVG; we use template img arrows — hide any stray injected icon. */
/* .slider-btn .swiper-navigation-icon {
    display: none !important;
} */

/* Template used <a>; <button> needs UA chrome stripped so .dark-active matches. */

#darkModeBtn.dark-active {
    border: none;
    padding: 0;
    margin: 0;
    appearance: none;
}
.testimonial-sec .nav-tabs .nav-link.active {
    border-color: #000;
}

@keyframes testimonialShuffleIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.testimonial-sec .testimonial-pane-enter {
    animation: testimonialShuffleIn 0.45s ease forwards;
}

/* Mobile drawer — active underline width matches label (shrink-wrap link). */
.mobile-menu .main-menu11 li.active a.active {
    position: relative;
    width: fit-content;
    max-width: 100%;
    padding-bottom: 6px;
}

.mobile-menu .main-menu11 li.active a.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--theme-color);
    border-radius: 2px;
}

.crm-home.active .mobile-menu .main-menu11 li.active a.active::after {
    background-color: rgba(255, 255, 255, 0.9);
}
.breadcrumb {
    flex-wrap: nowrap;
}


.price-box3-two .btn-style1.v3.active {
   background-color: var(--theme-color);
    color: var(--white-color);
}
.price-box3-two .btn-style1.v3.active span {
 background-color: var(--white-color);
}
.price-box3-two .btn-style1.v3.active span img {
 filter: invert(0);
}

/* Onepage nav uses react-scroll items; force pointer on desktop + mobile links. */
.main-menu11 ul > li > * {
    cursor: pointer;
}

.mobile-menu .main-menu11 li > * {
    cursor: pointer;
}