/*common css*/
/*@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');*/

body{
	margin:0;
	padding:0;
}

body p, label, td, a, ul, li{
    font-family: 'Mulish', sans-serif;
	font-size:14px;
	font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
}

body h1, h2, h3, h4, h5, h6, blockquote, span{
    font-family: 'Mulish', sans-serif;
	font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
}

html{
	line-height:1.3;
}
html li{
	list-style: none;
}
html li a{
	text-decoration: none;
}
body h2, h3, h4, h1, h5, h6{
	margin:0;
}
.page-wrapper {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
.home-expertise {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 20px;
}


 #myBtn{ display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: 1px solid #fff;
    outline: none;
    background-color: #e565656b;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.6);
}

#myBtn img{
    width:100%;
}

/*common-css ends*/
body{
	margin:0;
	padding:0;
}
body p, label, td, a{
	font-family: 'Mulish', sans-serif;
	font-size:14px;
	font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
}

body h1, h2, h3, h4, h5, h6 , blockquote{
    font-family: 'Mulish', sans-serif;
	font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
}

html{
	line-height:1.3;
}
html li{
	list-style: none;
}
html li a{
	text-decoration: none;
}

/*common-css ends*/

/*header css starts*/
.booknow {
    display: none;
    /* position: fixed;
    top: 50%;
    max-width: 170px;
    z-index: 1;
    right: 20px; */
}

.main-menu-li.btn-b {
    margin-top: 0;
    font-size: 14px;
}

/* .top-banner-sec{
	background: #f2f2f2;
	    padding: 10px 30px;
}

.top-banner-sec .top-items{
	margin:0;
	display:flex;
	flex-wrap: nowrap;
	list-style: none;
	column-gap:10px;
	justify-content: end;
	align-items: center;
	padding-inline-start: 0px;
}
.top-banner-sec .top-items li{
	padding: 0px 10px;
	font-size: 14px;
} */

/* .top-banner-sec .top-items li i{
	color: #f6b138;
} */

/* .top-banner-sec .top-items li.top-banner-txt{
	margin-right:auto;
}

.top-banner-sec .top-items li.top-banner-txt p{
	margin:0px;
	margin-left:auto;
}

.top-banner-sec .top-items li a {
	text-decoration: none;
    color: #000;
    padding-left: 10px;
}
.top-banner-sec.hm-bg-bl .top-items li a {
    color: #FFF;
}

.top-banner-sec .top-items li a:hover{
	color:#A52A2A;
}

.top-banner-sec .top-items li.phone_number a{
	 color: #A52A2A;
}

.top-banner-sec .top-items li.phone_number i{
	border: 1px solid #f6b138;
    padding: 5px;
    border-radius: 50px;
} */


/* New top header style like client reference */
.new-top-header {
    background: #020a1c;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.new-top-header .home-address,
.new-top-header .home-top-links{
    display: flex;
}

.new-top-header .top-items {
    /* max-width: 1450px; */
    margin: 0 auto;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    list-style: none;
}

.new-top-header .top-items li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 11px;
   
}

.new-top-header .top-items li:last-child {
    border-right: 0;
}

.new-top-header .top-items a,
.new-top-header .top-items span,
.new-top-header .top-items p {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    margin: 0;
    letter-spacing: 0.2px;
}

.new-top-header .top-items li i {
    color: #ffffff;
    /* font-size: 18px; */
    margin-right: 10px;
}
.new-top-header .top-banner-txt i,
.new-top-header .phone_number i{
    font-size: 18px;
}

.new-top-header .facebook-icon i{
    margin-right: 0;
    font-size: 20px;
}
.new-top-header .tiktok-icon i {
       margin-right: 0;
    font-size: 22px;
}

.new-top-header .instagram-icon i{
   margin-right: 0;
    font-size: 25px;
}

.new-top-header .cherry-link img{
    width:90px;
}
.new-top-header .carecredit-link img {
    width:135px;
}

/* make address wider */
.new-top-header .top-banner-txt {
    flex: 1;
}

/* remove old yellow/orange icon styling if applied */
.new-top-header .home-address .phone_number i,
.new-top-header .home-address .top-banner-txt i,
.new-top-header  .booking i,
.new-top-header .find_us i {
    color: #fff!important;
}

.inner-top-header {
    background: transparent;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.inner-top-header .about-address,
.inner-top-header .about-top-links{
    display: flex;
}

.inner-top-header .about-top-items {
    /* max-width: 1450px; */
    margin: 0 auto;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    list-style: none;
}

.inner-top-header .about-top-items li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 11px;
   
}

.inner-top-header .about-top-items li:last-child {
    border-right: 0;
}

.inner-top-header .about-top-items a,
.inner-top-header .about-top-items .about-address span,
.inner-top-header .about-top-items p {
    color: #222222;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    margin: 0;
    letter-spacing: 0.2px;
}
.inner-top-header .about-top-items .about-address .phone_number span{
    color:#222222 ;
}

.inner-top-header .about-top-items li i {
    color: #0053DC;
    /* font-size: 18px; */
    margin-right: 10px;
}
.inner-top-header .ab-top-banner-txt i,
.inner-top-header .phone_number i{
    font-size: 18px;
}

.inner-top-header .facebook-icon i{
    margin-right: 0;
    font-size: 20px;
}
.inner-top-header .tiktok-icon i {
       margin-right: 0;
    font-size: 22px;
}

.inner-top-header .instagram-icon i{
   margin-right: 0;
    font-size: 25px;
}

.inner-top-header .cherry-link img{
    width:90px;
}
.inner-top-header .carecredit-link img {
    width:135px;
}

/* make address wider */
.inner-top-header .ab-top-banner-txt {
    flex: 1;
}


.r-border{
	border-right:1px solid #000;
}

.header{
	display: flex;
    justify-content: space-between;
    background: #fff;
    align-items: center;
    padding: 0px 10px;
    position: sticky;
    top: 0px;
    z-index: 99;
    /* background: linear-gradient(45deg, black, transparent); */
    /* background: linear-gradient(45deg, #fbfeff 0%, transparent 100%); */
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.header .navbar ul.menu{
	display: flex;
    column-gap: 31px;
    justify-content: end;
    padding: 0px 30px;
    font-size: 14px;
    align-items: center;
}

.header .navbar ul.menu li a{
	color:#000;
}
/* .navbar .dropdown-parent{
	position: relative;
}

.navbar .dropdown-parent ul.child {
    display: none;
    position:absolute;
    top:28px;
    padding: 10px 10px;
    background: white;
    left: 0px;
}

.navbar li.dropdown-parent:hover>ul {
    display: block;
    right: 0px;
    min-width: 160px;
}

.navbar .dropdown-parent ul.child li.dropdown-list{
	padding: 6px;
}
.navbar .dropdown-parent ul.child li.dropdown-list:hover{
    background: #228ec2;
}

.navbar .dropdown-parent span.expand{
	font-size: 10px;
    padding-left: 6px;
} */
/* Blog page only */
/* .blog-page .navbar .child,
.review-page .navbar .child,
.colon-prep-page .navbar .child{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 220px;
    z-index: 9999;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.blog-page .navbar .dropdown-parent,
.review-page .navbar .dropdown-parent,
.colon-prep-page .navbar .dropdown-parent {
    position: relative;
}

.blog-page .navbar .dropdown-parent:hover > .child,
.review-page .navbar .dropdown-parent:hover > .child,
.colon-prep-page .navbar .dropdown-parent:hover > .child {
    display: block;
}
/* Blog page only */
/* .blog-page #navlist > li .child,
.review-page #navlist > li .child,
.colon-prep-page #navlist > li .child{
    position: absolute;
    top: 26px;
    left: 0;
    width: max-content;
    min-width: 192px;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    z-index: 999;
} */

/* .blog-page #navlist > li:hover > .child,
.review-page #navlist > li:hover > .child,
.colon-prep-page #navlist > li:hover > .child  {
    display: block;
}
.blog-page #navlist > li .child li a,
.review-page #navlist > li .child li a,
.colon-prep-page #navlist > li .child li a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
} */
/* Biote Store page only */

/* .biote-store-page .dropdown-parent{
    position: relative;
}

.biote-store-page .dropdown-parent .child{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    padding: 0;
    margin: 0;
    list-style: none;
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
    z-index: 9999;
}

.biote-store-page .dropdown-parent:hover > .child{
    display: block;
}

.biote-store-page .dropdown-parent .child li a{
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
}

.biote-store-page .dropdown-parent .child li a:hover{
    background: #368dff;
    color: #fff;
}  */
.header #logo{
	padding: 10px;
}
#logo .logo-sticky {
    display: none;
}
.header.dark-bg-head.header-sticky #logo .logo-default {
    display: none;
}
/* .header.hd-white #logo .logo-default {
    display: block;
} */

.header.dark-bg-head.header-sticky #logo .logo-sticky {
    display: block;
}
.header #logo .logo-img{
	height: auto;
    max-width: 160px;
    padding: 0px 10px;
}
.header .navbar.nav-white-bg ul.menu li a {
    color:#000;
}
.header .navbar.nav-white-bg ul.menu li:hover a {
    color:#000 !important;
}

#toggle-nav {
    display: none;
    margin: auto;
    cursor: pointer;
}
#navlist >li {
    position: relative;
}
#navlist > li .sub-menu-serv {
    position: absolute;
    top: 26px;
    left: 0;
    width: max-content;
    max-width: 210px;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    z-index: 999;
}
#navlist > li:hover .sub-menu-serv {
    display: block;
}
#navlist > li .sub-menu-serv li a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
}
#navlist > li .main-menu-li i {
    padding-left: 6px;
}
#navlist > li .sub-menu-serv li:hover a {
    background-color: #368dff;
    color: white;   
}
.top-items li span{
    padding:0px 0px 0px 4px;
}
.header .navbar ul.menu li:hover a.main-menu-li {
    /* background-color: #368dff; */
    background: none;
    border-bottom: 2px solid #1a73e8;
    /* color: white; */
    /* padding: 7px; */
}

.header .navbar ul.menu li a.main-menu-li {
    padding: 8px 0px;
}
.header .navbar ul.menu li a.main-menu-li.btn-b {
    padding: 8px 12px;
}
.header .navbar ul.menu li:hover a.main-menu-li.btn-b {
    opacity:0.9;
    
}
.header.header-sticky .navbar ul.menu li a.btn-b:hover {
   
    color:#000 !important;
  
}
.navbar .dropdown-parent ul.child li.dropdown-list  a:hover {
    color: white;
}


/* Booking button */

.bookingg {
    background: #1f4e79;
    position: fixed;
    top: 18%;
    z-index: 1;
    /* right: 2px; */
    right: 51px;
    padding: 7px 10px;
    border-radius: 5px;
    display: flex;
    width: max-content;
}


.booknow-biote { 
    max-width: 170px;
    right: 20px;
    padding: 7px 20px;
    font-size: 14px;
    background: #1f4e79;
    border: none;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
}

.booknow-M{
    margin-right: 0px;
    text-decoration: none;
    width: 134px;
    text-align: center;
    /* background-color: #fff; */
    color: #fff;
}
/* .top-items li.facebook-icon, .top-items li.instagram-icon{
    padding: 0px !important;
} */
/* .top-items li.facebook-icon, .top-items li.instagram-icon i {
    font-size: 18px;
} */
/* .top-items li.instagram-icon {
    height: 14px;
} */
/*header css ends */


.blog-anchor {
    text-decoration: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;

}

/* Share Button Styles */
.share-container .share-options {
    height: 110px;
    overflow: auto;
}

.share-container {
    position: relative;
    margin-top: 10px;
    z-index: 5;
}

.share-button {
    background: none;
    border: 1px solid #2e6b3b;
    color: #2e6b3b;
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.share-button i {
    font-size: 16px;
}

.share-options {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 10;
}

.share-options a {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    gap: 8px;
}

.share-options a:hover {
    background: #f0f0f0;
}

.share-options.show {
    display: block;
}
.top-banner-sec .top-items li a{
    padding-left: 0px;
}

.top-banner-sec{
    background-color: transparent;
}
.header{
    /* background-color: transparent; */
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
} 
.header.header-sticky{
    background-color: #fff;
}
.sticky {
	position: fixed;
	top: 0;
}
.header-sticky {
	position: fixed;
	top: 0;
	transition: background-color .5s linear;
	right: 0;
	left: 0;
} 
.header{
	transition: all 0.5s ease-in-out;
}

@keyframes mymove {
	from {top: -20px;}
	to {top: 0px;}
}

@media screen and (max-width:1280px){
    .page-wrapper{
        padding:0px 15px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #toggle-nav {
    display: block;
    text-align: right;
    font-size: 22px;
    padding-right: 40px;}

  .mobile-menu-img {
    height: auto;
    width: 30px;}

  #navlist {
	display:none;
    background: rgb(21, 21, 23);
    position: absolute;
    right: 20px;
    z-index: 99;
    top: 66px;}

#navlist li {
        text-align: center;
        padding: 10px 12px;
    }

.header .navbar ul.menu li a.main-menu-li {
        color: white !important;
    }
 #navlist > li .sub-menu-serv{
    right: 0;
    left: unset;
 }   

  }

@media screen and (max-width:1120px){
    .top-banner-sec{
        padding:10px 20px;
    }
    .header #logo{
            padding: 10px 0px;
    }
    .header #logo .logo-img{
        padding:0px;
    }
    .header .navbar ul.menu{
         padding: 0px;
         column-gap: 16px;
    }
}

@media screen and (max-width:1024px){
     header.header .navbar ul.menu{
        display:none;
    }
    #toggle-nav {
    display: block;
    text-align: right;
    font-size: 22px;
    padding-right:40px;
   }
   #navlist {
    display: none;
    background: #151517;
    position: absolute;
    right: 20px;
    z-index: 99;
    top: 66px;
   }
   #navlist li {
    text-align: center;
    padding: 10px 12px;
   }
   #navlist .sub-menu-serv li {
    padding: 0;
   }
   .header .navbar ul.menu li a {
    color: white;
   }
   .navbar .dropdown-parent ul.child {
    position:relative;
    top:0px;
    right:100px;
    padding: 10px 10px;
    background: black;
   }
    #navlist > li .sub-menu-serv {
        right: 0;
        top: 40px;
        left: unset;
    }
   .main-menu img.mobile-menu-img {
    max-width: 20px;
    width: 100%;
    height: auto;
    }
   .mobile-menu-img{
    height:auto;
    width:30px;
    }
    .top-items .home-address li span{
        display:none;
    }
    .about-top-items .about-address li span {
        display: none;
    }
    .top-banner-sec .top-items li a{
        padding:0px;
    }
    .top-items li.facebook-icon, .top-items li.instagram-icon{
    padding: 0px 10px !important;
}
    .top-banner-sec .top-items li{
        font-size:18px;
    }
    .top-items li.instagram-icon {
        height: 22px;
    }
    .top-banner-sec .top-items{
        column-gap:0px;
    }
    .top-banner-sec .top-items li.booking i,.top-banner-sec .top-items li.find_us i{
        font-size:17px;
    }
    .inner-top-header .about-top-items,
    .new-top-header .top-items {
        padding: 10px 0;
    }
    /* .top-items li.phone_number i{
        font-size:13px;
    } */
    .tab-none {
        display: none;
    }
    nav.navbar {
        display: flex;
        gap: 10px;
    }
    nav.navbar  .main-menu-li.btn-b.desk-none {
        padding: 8px 16px;
    }
    .header .navbar.nav-white-bg ul.menu li a,
    .header .navbar ul.menu li a  {
        color: #FFF;
   }
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .booknow {
        position: fixed;
        top: 90%;
        max-width: 130px;
        z-index: 1;
        left: 20px;
    }
    .top-banner-sec .top-items li.top-banner-txt p{
        display: none;
    }
    .top-banner-sec .top-items li i{
        font-size: 18px;
        padding-right: 5px;
        padding-left: 10px;
        
    }
    .new-top-header .carecredit-link img {
    width: 130px;
}
.new-top-header .cherry-link img {
    width: 85px;
}
.inner-top-header .facebook-icon i {
    margin-right: 0;
    font-size: 18px;
}
.inner-top-header .instagram-icon i {
    margin-right: 0;
    font-size: 22px;
}
.inner-top-header .tiktok-icon i {
    margin-right: 0;
    font-size: 18px;
}

}

@media screen and (max-width:576px){
    .top-banner-sec .top-items li.top-banner-txt p{
        font-size:12px;
    }
    .top-banner-sec{
        padding:10px 7px;
    }
        #toggle-nav {
        display: block;
        text-align: right;
        font-size: 22px;
         padding-right: 10px; 
    }
    .new-top-header .top-items{
        padding: 10px 0;
    }
    .top-banner-sec .top-items li i {
            font-size: 16px;
            padding: 0 10px!important;
    }
        .new-top-header .cherry-link img {
        width: 72px;
    }
        .new-top-header .carecredit-link img {
        width: 110px;
    }
    .new-top-header .top-items li i {
        margin: 0;
    }
    .new-top-header .top-items li {
        padding: 0;
    }
        .top-items li.facebook-icon, .top-items li.instagram-icon {
         padding: 0px  !important;
    }
    .top-items li span {
    padding: 0px 0px 0px 10px;
    }

    
    
    .inner-top-header .top-items{
        padding: 10px 0;
    }
    .top-banner-sec .about-top-items li i {
            font-size: 16px;
            padding: 0 10px!important;
    }
        .inner-top-header .cherry-link img {
        width: 74px;
    }
        .inner-top-header .carecredit-link img {
        width: 104px;
    }
    .inner-top-header .about-top-items li i {
        margin: 0;
    }
    .inner-top-header .about-top-items li {
        padding: 0;
    }
        .about-top-items li.facebook-icon, .top-items li.instagram-icon {
         padding: 0px  !important;
    }
    .about-top-items li span {
    padding: 0px 0px 0px 10px;
    }
    .inner-top-header .about-top-items {
        padding: 0;
        gap: 0;
    }

}

/*.top-banner-sec .top-items li.phone_number a {*/
/*    color: #A52A2A;*/
   
/*}*/
/*.top-banner-sec .top-items{*/
/*    padding-left:0px;*/
/*} */
/*.top-banner-sec .top-items li a {*/
/*    display:none;*/
/*}*/
/*.top-banner-sec {*/
/*    background: #f2f2f2;*/
/*    padding: 10px;*/
/*}*/
/*}*/