/*

White #FFFFFF
Charcoal #2E3A44
Yellow #FDBB01
Dark Gray #222222
Light Gray #CAC6C3

*/

::selection { background-color: #FDBB01; color: #2E3A44;}

.slider .slide__title{font-size:65px}
.feature-item .feature__img{opacity:1}
.feature-item{margin-bottom:120px}
.feature__content h4{margin-top:100px}
.team .feature__content h4{margin-top:0px !important}

@media (max-width: 992px) {
  .features-layout2 .feature-item .feature__img {display: block; width: 100%; height: 150px; margin-top: 100px !important; top: -150px; overflow: hidden;}
  
}
@media (max-width: 420px) {
  .header .navbar-brand img {
    max-width: 220px;
  }
}

.member .member__info{border-radius:15px;}
/*.member .member__info{background:#f5f5f5; border-radius:15px; margin-top:-25px; }*/
.member .member__info .member__job{font-weight:700; font-size:17px; line-height:25px; }
.member .member__info .member__job, .member .member__info .member__name{border-bottom:1px solid #dee; font-family: "Roboto", sans-serif; font-weight:550;padding-bottom:10px}
.member .member__info .member__job span{color:#0e204d}
.details-list > li .details__title{flex: 0 0 25%;  max-width: 25%;}
.details-list > li .details__content {flex: 0 0 75%;  max-width: 75%;}
.treatments .member .member__info{background:#3851a2}
.treatments .member .member__info .member__name, .treatments .member .member__info .member__desc{color:#ffffff;}
.treatments .member .member__info .member__name{font-weight:bold; text-transform: none;}
.treatments .member .member__info .member__name h5{text-transform: none !important}
.slick-track{width:100%}
.testimonial__meta-title{font-size:20px; color:black;}
.testimonial__meta div{border-bottom:1px soilid red}
.bg1{background:#eeeeee}
.bg1 .slick-dots li.slick-active button{background-color: #757575;  box-shadow: 0 0 0 5px rgba(100, 100, 100, 0.15);}

.hz .member__img, .hz .member__info{width:45%; float:left}


/* Brand Identity */
.bi .color-primary{color:#FDBB01 !important}

.header-topbar{background-color:#2E3A44}

.footer .footer-primary{background-color:#2E3A44}
.footer .footer-secondary::after{background-color:#FDBB01}
.footer .fz-14 span{color:#2E3A44}
.bi .footer .footer-widget-nav li a:hover{color:#FDBB01 !important}
.contact-info .boxes-wrapper > [class*="col-"]:nth-of-type(1) .contact-box{background-color:#FDBB01}
.contact-info .boxes-wrapper > [class*="col-"]:nth-of-type(2) .contact-box{background-color:#2E3A44}
.contact-info .boxes-wrapper > [class*="col-"]:nth-of-type(3) .contact-box{background-color:#222222}
.navbar .nav__item .nav__item-link::before{background-color:#FDBB01 !important; height:5px}
.navbar .nav__item .nav__item-link.active, .navbar .nav__item .nav__item-link:hover{color:#2E3A44}
.contact-info .contact-box .phone__number .icon-phone{background-color:#222222}
.footer .footer-widget-contact::after{background-color:#2E3A44}
.bg-overlay-primary::before{background-color:rgba(202, 198, 195, 0.7)}


.bi .btn__primary{color:#ffffff}
.bi .btn__primary:hover{background-color:#666666; color:#222222}
.bi .btn__link.btn__primary{color:#222222}

.bi .footer .phone__number:hover{color:#2E3A44 !important;}
.bi .btn__primary:hover{background-color:#222222 !important;}


/*.bi .member .btn__link.btn__secondary i{color:#222222}*/
.bi .member:hover .btn__link.btn__secondary i{color:#ffffff}

.bi .member .member__info .member__job {color:#555555}
.bi .member::before{background-color:#FDBB01}

.bi .about-layout2 .text-with-icon .text__icon, .bi .features-layout2 .heading__icon{color:#2E3A44}
.bi .navbar .dropdown-menu .nav__item .nav__item-link:hover {color:#CAC6C3}
.bi .navbar .dropdown-menu .nav__item .nav__item-link{color:#222222}
.bi .navbar .dropdown-menu .nav__item .nav__item-link::after{background:#CAC6C3}
.bi .list-items li::before{color:#ffffff}
.bi .miniPopup-departments-trigger a:hover{color:#FDBB01}

.bi .slick-dots li.slick-active button{background-color: #222222;  box-shadow: 0 0 0 5px rgba(202, 198, 195, 0.7);}
.bi .slick-dots li button{background-color: #CAC6C3;}

.bi .bg-overlay-secondary::before{background-color:#2E3A44;}
.bi .bg-dark-gray{background-color:#222222;}

.bi .process-item::before{background:#FDBB01}
.bi .process-item:hover .process__icon{color:#FDBB01}

.bi .list-items-light.list-items-layout2 li::before {  color: #ffffff;  border-color: #FDBB01;  background-color: #FDBB01;}

.bi .widget::after{background-color:#FDBB01}
.bi .bg-overlay-primary-gradient::before{background-color:#2E3A44; background-image:none}
.bi .widget-help .phone__number .icon-phone{background-color:#222222}
.bi .treatments .member .member__info{background:#2E3A44; margin-top:-20px; z-index:999999}
.bi #scrollTopBtn{background-color: #2E3A44; border:2px solid #FDBB01}
.bi #scrollTopBtn:hover{background-color: #222222;}

.bi .header-topbar .contact__list li > i{color:#CAC6C3}
.bi .social-icons li a{height:28px; width:28px; line-height:28px; font-weight:500}
.bi .header-topbar .social-icons li a,  .social-icons li a{color: #ffffff; background-color: #222222;}
.bi .header-topbar .social-icons li a:hover, .social-icons li a:hover{color: #222222; background-color: #ffffff}


.bi .testimonial__meta.slick-current .testimonial__thmb { border: 2px solid #2E3A44; background-color: #ffffff;}
.bi .testimonials-layout2 .testimonial__meta .testimonial__thmb::before, .bi .testimonials-layout3 .testimonial__meta .testimonial__thmb::before{color: #2E3A44;}
.bi .btn__primary-style{color: #ffffff}
.bi .btn__primary-style2{color: #2E3A44}
.bi .btn__primary-style2:hover{color: #222222}

.bi .btn__white.btn__outlined:hover{color: #2E3A44; background-color: #ffffff;}
.bi .btn__secondary{background-color:#2E3A44 !important; color:#ffffff;}
.bi .btn__secondary::before{background-color:#FDBB01 !important; color:#222222 !important;}
.bi .btn2__secondary{background-color:#CAC6C3;color:#ffffff}
.bi .btn2__primary{background-color:#FDBB01;color:#2E3A44}
.bi .btn2__primary:hover{background-color:#FDBB01;color:#ffffff}
.bi .btn:not(.btn__link):not(.btn__outlined)::before{background-color:#2E3A44; color:#222222}
.bi .btn__link.btn__secondary, .bi .member .btn__link.btn__secondary i{color:#ffffff}
.bi .btn__link.btn__secondary:hover{background-color:#FDBB01 !important;color:#2E3A44}
.bi .btn__link.btn__secondary a{padding:0px 15px}

.bi .timeline-item::before{background-color: #2E3A44;}
.bi .details-list > li:nth-of-type(2n+1){background-color:#f5f5f5}{color:#fff}
.bi .list-items-layout2 li::before{border-color: #2E3A44;  background-color: #2E3A44;}{color:#fff}


/* Bottom Menu */
.bi .list-items-layout2 li::before{border-color: #2E3A44;  background-color: #2E3A44;}{color:#fff}

@media (min-width: 769px) { 
    .bottom-nav { 
        display: none !important; /* Completely hide on desktop */
    }
}

@media (max-width: 768px) { /* Mobile only */
    .bottom-nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: linear-gradient(to right, #CAC6C3, #E3DFDC); /* Smooth Gradient */
        display: flex;
        justify-content: space-around;
        padding: 12px 0;
        box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.3);
		z-index:999999;
    }

    .nav-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #2E3A44; /* Charcoal */
        font-weight: bold;
        font-size: 14px;
        padding: 12px;
        transition: transform 0.2s ease-in-out;
    }

    .nav-btn:hover {
        transform: scale(1.1); /* Hover Effect */
    }

    .nav-btn i {
        font-size: 24px;
        color: #FDBB01; /* Yellow */
        background-color: #2E3A44; /* Charcoal */
        padding: 12px;
        border-radius: 50%;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
        transition: all 0.3s ease-in-out;
    }

    .nav-btn:active i {
        animation: bounce 0.4s ease-in-out; /* Bounce Effect on Click */
    }

    .nav-btn span {
        margin-top: 6px;
    }
}

/* Bounce Animation */
@keyframes bounce {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Border Glow Effect */
.nav-btn i:hover {
    box-shadow: 0px 0px 10px rgba(253, 187, 1, 0.8); /* Glowing Yellow */
}
	
/* Bottom Menu */