.menu-container {
    position: sticky;
    top: 0px;
    z-index: 9;
}
/********************************
 NAVBAR
********************************/
@media (max-width: 767.98px) {

.banner-container img {
    max-width: 265px;
    margin-bottom: 5px;
}
.customhtml:has(.whatsapp-btn) {
    text-align: center;
}
}

@media (min-width: 768px) {
    .navbar.navbar-top .container {
        min-height: 50px;
    }
}

/********************************
 BUTTONS
********************************/
a.quicklinkbutton.buttonanim-basic,
.automart-custom-cards a.btn {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}


.customhtml:has(whatsapp-btn) {
    text-align: center;
}
  .whatsapp-btn {
    display:inline-flex;
    align-items:center;
    gap:0.6rem;
    padding:0.6rem 1rem;
    border-radius:8px;
    background-color: var(--clr-primary-400);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: transform .08s ease, box-shadow .12s ease;
  }
  .whatsapp-btn i{ font-size:1.2rem; }
  .whatsapp-btn:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.12); text-decoration: none; color: white;}
  .whatsapp-btn:active{ transform: translateY(0); text-decoration: none; color: white;}
  .whatsapp-btn:focus{ transform: translateY(0); text-decoration: none; color: white;}

@media (min-width: 768px) { 
.whatsapp-btn {
    margin-top: 40px;
}
}

@media (max-width: 767.98px) {
.sm-hidden {
    display: none!important;
}
}
@media (min-width: 768px) {
.lrg-hidden {
    display: none!important;
}
}

/********************************
 TABS
********************************/
.nav-tabs > li > a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/********************************
 SLIDER
********************************/
.specialSwiper .swiper-slide a {
    border-radius: 8px;
    overflow: hidden;
}

/********************************
Edited Menu 10/13/2025
********************************/

@media (min-width: 768px) {
    div:has(.pageid-hom) .navbar-default.dynamic-fixed {
        background-color: #3C096C !important;
        position: fixed;
        left: 0;
        right: 0;
        font-size: 20px;
        font-weight: bold;
    }
}

.dropdown-menu > li > a {
    color: var(--clr-neutral-800);
    font-size: 20px !important;
}

/********************************
 11/24/2025
********************************/

.ghost-bttn .quicklinkbutton.buttoncolor-white_lightpurple {
    color: #fff !important;
    background-color: #3C096B !important;
    border-color: #3C096B !important;
}