
@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Medium.eot');
    src: url('../fonts/DMSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-Medium.woff2') format('woff2'),
        url('../fonts/DMSans-Medium.woff') format('woff'),
        url('../fonts/DMSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Light.eot');
    src: url('../fonts/DMSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-Light.woff2') format('woff2'),
        url('../fonts/DMSans-Light.woff') format('woff'),
        url('../fonts/DMSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Regular.eot');
    src: url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-Regular.woff2') format('woff2'),
        url('../fonts/DMSans-Regular.woff') format('woff'),
        url('../fonts/DMSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Bold.eot');
    src: url('../fonts/DMSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-Bold.woff2') format('woff2'),
        url('../fonts/DMSans-Bold.woff') format('woff'),
        url('../fonts/DMSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-SemiBold.eot');
    src: url('../fonts/DMSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-SemiBold.woff2') format('woff2'),
        url('../fonts/DMSans-SemiBold.woff') format('woff'),
        url('../fonts/DMSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root{

    --color-White: #ffffff;
    --color-Aztec-Gold: #C79D51;
    --color-Catalina-Blue: #01357E;

    --f-size-16:16px;
    --f-size-18:18px;
    --f-size-20:18px;
    --f-size-25:25px;
    --f-size-30:30px;
    --f-size-40:40px;
    --f-size-50:50px;
}


body {
    font-family: 'DM Sans';
    font-size: var(--f-size-18);
    font-weight: normal;
    line-height: 1.5;
    color: #000000;
    margin-top: 90px;
    min-height:100dvh;
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {transition-delay: .8s;}
[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: .4s; }
[data-aos][data-aos][data-aos-delay='3100'].aos-animate, body[data-aos-delay='3100'] [data-aos].aos-animate { transition-delay: 3.1s; }
[data-aos][data-aos][data-aos-delay='3200'].aos-animate, body[data-aos-delay='3200'] [data-aos].aos-animate { transition-delay: 3.2s; }
[data-aos][data-aos][data-aos-delay='3300'].aos-animate, body[data-aos-delay='3300'] [data-aos].aos-animate { transition-delay: 3.3s; }
[data-aos][data-aos][data-aos-delay='3400'].aos-animate, body[data-aos-delay='3400'] [data-aos].aos-animate { transition-delay: 3.4s; }
[data-aos][data-aos][data-aos-delay='3500'].aos-animate, body[data-aos-delay='3500'] [data-aos].aos-animate { transition-delay: 3.5s; }
[data-aos=fade-up] { transform: translateY(50px);}

.f-W-L {font-weight: 300 !important;}
.f-W-N, .font-normal {font-weight: normal !important;}
.f-W-M {font-weight: 500 !important;}
.f-W-SB {font-weight: 600 !important;}
.f-W-B {font-weight: bold !important;}
.f-W-EB {font-weight: 800 !important;}


.f-sz-16 {font-size: var(--f-size-16) !important;}
.f-sz-18 {font-size: var(--f-size-18) !important;}
.f-sz-20 {font-size: var(--f-size-20) !important;}
.f-sz-25 {font-size: var(--f-size-25) !important;}
.f-sz-30 {font-size: var(--f-size-30) !important;}
.f-sz-40 {font-size: var(--f-size-40) !important;}
.f-sz-50 {font-size: var(--f-size-50) !important;}

a {text-decoration: none;}
strong, b {font-weight: bold;}

img, video, iframe { max-width:100%; }
.btn { box-shadow:none !important; }
.line-H-1 { line-height:1; }
.line-H-1_1 { line-height:1.1; }
.line-H-1_2 { line-height:1.2; }
.line-H-1_3 { line-height:1.3; }
.line-H-1_4 { line-height:1.4; }
.line-H-1_5 { line-height:1.5; }
.line-H-1_6 { line-height:1.6; }
.line-H-1_7 { line-height:1.7; }
.line-H-1_8 { line-height:1.8; }
.line-H-1_9 { line-height:1.9; }

p, ul { margin-bottom:15px; }
h1, h2, h3, h4, h5, h6 {margin-bottom:15px;font-weight: 500;}
h1 {font-size:50px;}
h2 {font-size: 45px;}
h3 {font-size: 30px;}
h4 {font-size: 22px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

.z-1 {z-index: 1 !important}
.z-2 {z-index: 2 !important}
.z-3 {z-index: 3 !important}
.last-p>p:last-child { margin-bottom: 0; }
.object-cover {object-fit: cover;}
.cursor-pointer { cursor: pointer; }
.color-Blue{color: var(--color-Catalina-Blue);}
.color-Gold{color: var(--color-Aztec-Gold);}

.error-validate-custom{font-size:var(--f-size-16);}
.mb__10 {margin-bottom: 10px;}
.mb__15 {margin-bottom:15px;}
.mb__20 {margin-bottom: 20px;}
.mb__25 {margin-bottom: 25px;}
.mb__30 {margin-bottom: 30px;}
.mb__50 {margin-bottom: 50px;}



.pgScroll_Header .main-header { background-color: #ffffff; padding-top:15px;padding-bottom:15px; animation: smoothScroll 0.8s forwards; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.main-header {position: fixed;top: 0;left: 0;right: 0;z-index: 999;padding-top: 18px;padding-bottom: 18px;  background-color: #ffffff;}
.cstNavbar {border-radius: 0;padding: 0;}
.siteLogo { display: inline-flex; max-width:300px; width: 100%; }
.cstNav { gap: 50px; }
.cstNav > li > .nav-link {font-size: var(--f-size-18); color: #000000;text-transform:capitalize; font-weight: 500; padding: 10px 0 !important;line-height: 1.1;position: relative;}
.cstNav > li > .nav-link:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height:2px; background-color: #C79D51; transform: scaleX(0); transform-origin: right; transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cstNav > li > .nav-link:hover:before, .cstNav > li > .nav-link.active:before { transform: scaleX(1); transform-origin: left; }
.cstNav > li > .nav-link .inner {display: block;overflow: hidden;position: relative;}
.cstNav > li > .nav-link.active {color:#C79D51;}
.dropdown-item.active, .dropdown-item:active{background-color: var(--color-Catalina-Blue);}
.cst-Btn{background-color: var(--color-Aztec-Gold) !important; font-size: var(--f-size-18); color: #ffffff !important; font-weight: 500; padding: 13px 32px; border-radius: 30px; line-height: 1; border: 1px solid #C79D51 !important;}
.header-Cta{margin-left: 30px;}

.heroSlider.slick-dotted.slick-slider{margin-bottom: 0;}
.heroSlider.slick-dotted.slick-slider .slick-dots{bottom: 25px;}
.heroSlider .slick-dots li{width: auto; height: auto;}
.heroSlider .slick-dots li button{width: 15px; height: 15px; background-color: #D9D9D9; border-radius: 15px; padding: 0; transition: all .3s;}
.heroSlider .slick-dots li.slick-active button{width: 40px; background-color: var(--color-Aztec-Gold);}
.heroSlider .slick-dots li button:before{width: 100%; height: 100%; font-size: 0;}

.section-Wrp{ padding-top: 75px; padding-bottom: 75px; }
.infoLine{background-color: var(--color-Aztec-Gold); padding: 18px 0;}
.infoLine-Wrp .infoLine-item{padding: 0 20px;}
.infoLine-item{color: #ffffff; font-size: var(--f-size-18); font-weight:500; display:flex; gap: 10px; align-items: center;}
.infoLine-item .info-icon{width: 20px; display:block;}
.text-summary{font-size: var(--f-size-18); color: #6A7995;}
.secImg{border-radius:50px; overflow:hidden;}
.shape-1{max-width: 150px;}
.shape-2{max-width: 260px;}
.shape-3{max-width: 430px;}

.bg-lightGold{background-color: rgba(199,157,81,.1);}
.treatment-card{background-color: #FFFFFF; padding: 12px; border-radius: 20px;}
.treatment-card .treatment-Thumb{border-radius: 15px; overflow: hidden;}
.treatment-content{padding: 15px 5px;}

.text-truncate-4 { -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.cardCta{background-color: var(--color-Catalina-Blue) !important; font-weight: 500;  display:inline-flex; align-items:center; gap:5px; color: #ffffff !important; padding: 5px 20px; border: 1px solid var(--color-Catalina-Blue);}
.cardCta .ctaArrow{ display: block; transition: .3s;}
.cardCta:hover .ctaArrow{transform: translateX(5px);}
.tretmentSlider.cstSlider{margin:0 -15px;}
.cstSlider .treatment-item{padding:0 15px;}
.cstSlider.slick-dotted.slick-slider{margin-bottom: 30px !important;}
.cstSlider.slick-dotted.slick-slider .slick-dots{bottom: -40px;}
.cstSlider .slick-dots li{width: auto; height: auto;}
.cstSlider .slick-dots li button{width: 15px; height: 15px; background-color: #D9D9D9; border-radius: 15px; padding: 0; transition: all .3s;}
.cstSlider .slick-dots li.slick-active button{width: 40px; background-color: var(--color-Aztec-Gold);}
.cstSlider .slick-dots li button:before{width: 100%; height: 100%; font-size: 0;}

.cstSlider .slick-arrow{width: 40px; height: 40px; background-color: var(--color-Catalina-Blue); border-radius: 100%; font-family:"Font Awesome 6 Free"; text-align: center; font-weight: 900; top: auto; bottom: -80px; left: 0; }
.cstSlider .slick-arrow.slick-next {left: 50px;}
.cstSlider .slick-arrow.slick-next:before{content:'\f178'; opacity: 1; font-size: 14px;}
.cstSlider .slick-arrow.slick-prev:before{content:'\f177';  opacity: 1; font-size: 14px;}
.why-ChooseBx{padding: 20px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 20px; height: 100%;}
.why-ChooseBx .whyC-icon{padding: 18px; width: 75px; height: 75px; border-radius:10px; background-color: rgba(199, 157, 81, 0.1); display: inline-flex; }

.address-Box{background-color: var(--color-Catalina-Blue); padding: 45px;}
.location-Box{width: 100%; height: 350px;}

.contactForm{padding: 30px 100px;}
.cstfld_control{padding:12px 20px; font-size: var(--f-size-16); border: none ; outline: none; box-shadow: none !important; background-color: #ffffff;}
.cstfld_control.bg-gray{background-color: #e8e8e8;}
.cstfld_control::placeholder{color: #6A7995;}
.footer-Wrp{background-color: var(--color-Catalina-Blue);}
.footer-Wrp .ftr_Inn{padding: 50px 0;}

.ftrLogo{ filter: invert(1) grayscale(1) brightness(2); max-width:300px;}
.ftrIcon{min-width: 40px; width: 40px; height: 40px; color: #ffffff; display: flex; align-items: center; justify-content: center; background-color: var(--color-Aztec-Gold); border-radius: 100%;}
.padR{margin-right: 60px;}
.ftrList{display: flex; flex-direction: column; gap: 20px;}
.ftrList .ftrLink{color: #FFFFFF;}
.socialList{display: flex; gap: 15px;}
.copyright-text{padding: 15px; border-top: 1px solid #ffffff53;}
.error-validate-custom {color: red;}

/*Modal CSS*/
.cst-Modal .modal-dialog{ max-width: 600px;}
.cst-Modal .modal-dialog.w-lg{ max-width: 700px;}
.cst-Modal .modal-content{border-radius: 30px;}
.cst-Modal .modal-body{padding: 50px;}
.cst-Modal .checkIcon{max-width: 100px; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
.cst-Modal .btn-close{width: 30px; height: 30px; background-color: var(--color-Aztec-Gold); color: #ffffff; background-image: none; border-radius: 100%; opacity: 1; position: absolute; top: -15px; right: -15px; z-index: 9;}

.siteLoadingWrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #ffffff;z-index: 9999;display: flex;justify-content: center;align-items: center;}
.loader {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
  }
  .loader::after,
  .loader::before {
    content: '';  
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #01357E;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    animation: animloader 2s linear infinite;
  }
  .loader::after {
    animation-delay: 1s;
  }
  
  @keyframes animloader {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }


/********************** responsive *********************/
@keyframes smoothScroll {
    0% {transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);}
    100% {transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);}
}
@media (min-width:1660px){
    .lg-container{max-width: 1600px;}
    .md-container{max-width: 1400px;}
}

@media (min-width:992px){
    .cstRow {margin-right: -20px;margin-left: -20px;}
    .cstRow>.col, .cstRow>[class*=col] {padding-right: 20px;padding-left: 20px;}
    .cstDropdown.dropdown .dropdown-toggle::after{position: absolute;right: -15px;top: 45%;}
    .cstDropdown.dropdown .dropdown-menu {display: block !important;opacity: 0; visibility: hidden;border: none;border-radius: 0;margin: 0;padding: 0; background: #ffffff;}
    .cstDropdown.dropdown:hover .dropdown-menu{opacity: 1;visibility: visible;}
    .toggleSep{display: none}
    .cstRow-size>.col-md-20 {flex: 0 0 auto;width: 20%;}
    
}
@media only screen and (max-width: 1366px) and (min-width: 992px){
}


@media only screen and (max-width: 1366px){
   
:root{
    --f-size-16:14px;
    --f-size-18:16px;
    --f-size-20:18px;
    --f-size-25:20px;
    --f-size-30:25px;
    --f-size-40:30px;
    --f-size-50:40px;
}
body {margin-top: 65px;}
.siteLogo {max-width: 200px;}
.cstNav {gap:40px;}
.header-Cta {margin-left: 20px;}
.cst-Btn {padding: 10px 20px;}
.main-header {padding-top: 14px; padding-bottom: 14px;}
.heroSlider .slick-dots li button {width: 12px; height: 12px;}
.heroSlider .slick-dots li.slick-active button{width: 30px;}
.infoLine {padding:15px 0;}
.infoLine-Wrp { column-gap: 30px; }
.section-Wrp {padding-top: 60px; padding-bottom: 60px;}

.cstSlider .slick-arrow{width: 30px; height: 30px;}
.cstSlider .slick-dots li button { width: 12px; height: 12px; }
.cstSlider .slick-dots li.slick-active button {width: 30px;}
.why-ChooseBx .whyC-icon { padding: 15px; width: 65px; height: 65px; }
.contactForm { padding: 30px 60px;}
.address-Box {padding: 35px;}
.location-Box {height: 300px;}
.cstfld_control {padding: 10px 20px;}
.ftrLogo {max-width: 200px;}
}

@media only screen and (max-width: 1199px){
    :root{
        --f-size-16:12px;
        --f-size-18:14px;
        --f-size-20:16px;
        --f-size-25:18px;
        --f-size-30:20px;
        --f-size-40:30px;
        --f-size-50:35px;
    }

    .shape-3 {max-width: 300px;}
    .ftrIcon {min-width: 30px; width: 30px; height: 30px; font-size: 12px;}
    .infoLine-Wrp {column-gap: 20px;} 
}

@media (max-width:991px){
    :root{
        --f-size-16:12px;
        --f-size-18:14px;
        --f-size-20:15px;
        --f-size-25:16px;
        --f-size-30:18px;
        --f-size-40:25px;
        --f-size-50:30px;
    }

    p, ul {margin-bottom:20px;}
    h1, h2, h3, h4, h5, h6 {margin-bottom:12px; }
    h6 {font-size:14px;}
    h5 {font-size: 17px;}
    h4 {font-size: 20px;}
    h3 {font-size: 23px;}
    h2 {font-size: 26px;}
    h1 {font-size: 29px;}

  
    .mb__10 {margin-bottom: 10px;}
    .mb__15 {margin-bottom:10px;}
    .mb__20 {margin-bottom: 15px;}
    .mb__25 {margin-bottom: 18px;}
    .mb__30 {margin-bottom: 25px;}
    .mb__50 {margin-bottom: 30px;}

    .navbar-toggler{float:right;border:none;padding-right:0;padding: 0;}
    .navbar-toggler:active,.navbar-toggler:focus{outline:0;box-shadow: none}
    .navbar-toggler-icon{width:24px;height:17px;background-image:none;position:relative;border-bottom:1px solid #000000;transition:.3s linear}
    .navbar-toggler-icon:after,.navbar-toggler-icon:before{width:24px;position:absolute;height:1px;background-color:#000000;top:0;left:0;content:'';z-index:2;transition:.3s linear}
    .navbar-toggler-icon:after{top:8px}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{transform:rotate(45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{transform:translateY(8px) rotate(-45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{border-color:transparent}
    .navbar-collapse{position:fixed;top:0;left:0;background-color:#fff;width:100%;border-top:1px solid rgba(0,0,0,.07);max-width:250px;height:100%;transform:translateX(-120%);transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;z-index:999}
    .navbar-collapse.show{transform:translateX(0)}
    .navMng-In{max-height:100vh;height:100vh;padding:15px calc(3% + 15px);overflow:auto;-webkit-box-shadow:31px 0 36px -1px rgb(0 0 0 / 10%);-moz-box-shadow:31px 0 36px -1px rgba(0,0,0,.1);box-shadow:31px 0 36px -1px rgb(0 0 0 / 10%);background-color:#fff}
    .cstNav {gap:15px;}
    .secImg { border-radius: 30px;}
    .cstSlider .treatment-item {padding: 0 10px;}
    .tretmentSlider.cstSlider {margin: 0 -10px;}
    .cstSlider.slick-dotted.slick-slider .slick-dots {bottom: -30px;}
    .section-Wrp {padding-top: 50px; padding-bottom: 50px;}
    .cstSlider .slick-arrow {bottom: -60px;}
    .cstSlider .slick-arrow.slick-next {left: 40px;}
    .contactForm {padding: 30px 20px;}
    .address-Box {padding: 20px;}
    .secImg{margin-bottom: 20px;}
  
}

@media (max-width:767px){
    body { margin-top: 60px;}
    .header-Cta .cst-Btn{padding: 8px 10px; font-size: 12px;}
    .siteLogo {max-width: 150px;}
    .client-slider-1 {margin-bottom: 10px;}
    .client-slider-2{margin-bottom: 40px;}
    .contactForm {padding: 30px 0;}
    .footer-Wrp .ftr_Inn {padding: 40px 0;}
    .ftrList {gap: 10px;}
    .ftrbotom{margin-bottom: 30px !important;}
    .padR { margin-right: 0px;}
    .heroSlider.slick-dotted.slick-slider .slick-dots {bottom: 15px;}
    .heroSlider .slick-dots li button {width: 10px; height: 10px;}
    .shape-3 {max-width: 180px;}
    .shape-2 {max-width: 150px;}
    .shape-1 {max-width: 100px;}
    .header-Cta{margin: 0;}
    .infoLine {padding: 10px 0;}
    
    /*Modal CSS*/
    .modalTitle{font-size:20px !important; }
    .cst-Modal .modal-dialog, .cst-Modal .modal-dialog.w-lg { max-width: 90%; margin: auto; }
    .cst-Modal .w-lg .modal-body{padding: 20px;}
}
@media (max-width:575px){
  
}
@media (max-width:375px){
    .siteLogo {max-width: 140px;}
    .header-Cta .cst-Btn {font-size: 10px;}
}