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

body{
	margin:0;
	padding:0;
}

body p, label, td, a, i , div{
    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;
}
body h2, h3, h4, h1, h5, h6{
	margin:0;
}
.page-wrapper {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  
}

.sharereview h6{
    padding-top: 20px;
    text-align: center;
}
.sharereview a{
	font-size: 16px;
	color: white;
    text-decoration: none;
  }
  .b-color{
   background: #0C2D48;
}


/*common-css ends*/

/*index page css starts*/


@media screen and (max-width:500px){
   .sharereview a{
         display: flex;
}
}

@media screen and (max-width:1440px){
   .page-wrapper.b-color{
         margin: 0px 15px;
}
}


   #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%;
}

.main-banner{
	object-fit: cover;
    background: linear-gradient(rgba(45,45,45, 0.20), rgba(45, 45, 45, 0.20)), url(../images/restorative.jpg) no-repeat;
    margin: 0px;
    padding: 180px 0px;
    background-position: center center;
    background-size:cover;
}

.banner-text{
	max-width: 830px;
    margin: 0px 10px 0px auto;
}
.main-banner .banner-text .text-box1{
	display: flex;
	flex-wrap:wrap;
    justify-content: center;
}
.main-banner .banner-text .text-box2 h1{
	text-align: center;
    margin: 0px 0px 10px;
    font-size: 36px;
    font-weight: 600;
    color: #C5E0B3;
    margin-top:20px;
}

.main-banner .banner-text h2{
	margin: 0px;
    font-size: 20px;
    padding: 0px 10px;
    letter-spacing: 0.3em;
    font-weight: 600;
    color:#fff;
}

.main-banner .banner-text h2.text-rborder{
	   border-right: 1px solid #fff;
}

.welcome-sec{
	text-align:center;
	padding:50px 0px 10px;
}

.welcome-sec .inner-sec{
	display: flex;
}

.welcome-sec .inner-sec .intro-div{
    max-width: 750px;
    margin: 0px auto;
    padding: 30px 20px;
}

.inner-sec .intro-div p{
	text-align: center;
}

.hide-img{
    display:none;
}
.hide-img img{
    height:auto;
    max-width:100%;
    margin-bottom: 20px
}
.intro-div p {
    font-size:18px;
}
.slick-list{
    border:2px solid black;
}
/*carousel css starts*/
.testimonial-container.google-testi{
	display: flex;
	flex-wrap:wrap;
	padding: 50px 0px;
}

.carousel{
    position: relative;
    width: calc(100% - 10%);
    margin: 0px auto;
}

.heroSlider-fixed {
    position: relative;
}

.testimonial-container .google-left img{
	max-width: 170px;
    height: auto;
}

.testimonial-container .google-left p.google-div-txt{
	width: 36%;
    margin: auto;
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height:auto;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:after,.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.testimonial-container .google-left{
	width:50%;
	text-align: center;
}
.slick-dots {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
}
.slick-dots li {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
}
.slick-dots li button {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: #999;
    border: none;
    width: 6px;
    height: 12px;
    border-radius: 50%;
}
.slick-dots li :hover {
    background-color: black;
}
.slick-dots li.slick-active button{
	background-color:#000;
}

.google-testi .slider .slick-slide{
	background-color: #f5f9f9;
	padding: 0px 20px;
}

.google-testi .slider .slick-slide blockquote {
    margin: 20px 0px;
    font-weight: 600;
    text-align:center;
}
.heroSlider-fixed .prev {
    color: #999;
    position: absolute;
    top: 37%;
    left: -23px;
    font-size: 15px;
    width: 30px;
}
.heroSlider-fixed .next {
    color: #999;
    position: absolute;
    top: 37%;
    right: -40px;
    font-size: 15px;
    width: 30px;
}
.testimonial-name{
    text-align:center;
}

.testimonial-name h5 span{
    color:#8a8a8a;
    text-transform:uppercase;
}

.testimonial-name img{
   max-width: 90px;
    height: auto;
    margin: 0px auto;
}
.slick-slider .slick-track{
    background:#f5f9f9;
}
/*carousel css ends */

.services-sec{
	padding:50px 0px 0px;
}
.services-sec .service-heading{
	text-align: center;
    background: rgb(206,187,150,0.18);
    padding: 30px 20px 30px;
}

.srvc-inner-sec{
	display: flex;
	flex-wrap: wrap;
}

.services-sec .srvc-inner-sec .srvc-text, .pic-side{
	width:50%;
}

.services-sec .srvc-text.text-side{
	background-color:#1e2731;
	color:#fff;	
	padding: 60px 0px;
}
.services-sec .srvc-text.text-side h2, .services-sec .srvc-text p{
    padding:0px 50px;
    font-size: 16px;
}
.nut-ther .srvc-img.pic-side{
     background: url('../images/srvc-img-1.jpg') no-repeat center center;
   background-size: cover;
}
.biote-div .srvc-img.pic-side{
   background: url('../images/srvc-img-biote3.jpg') no-repeat center center;
   background-size: cover;
}

.services-sec .srvc-img.srvc-2{
   background: url('../images/srvc-img-2.jpg') no-repeat center center;
    background-size: cover;
}

.services-sec .srvc-img.srvc-3{
       background: url(../images/srvc-img-3.jpg) no-repeat center bottom;
    background-size: cover;
}

.services-sec .srvc-img.srvc-4{
       background: url(../images/srvc-img-4.jpg) no-repeat center center;
    background-size: cover;
}

.services-sec .srvc-inner-sec .srvc-btn{
	background-color: #68c9ca;
    border: none;
    color: #1a2749;
    padding: 12px 16px;
    margin: 20px 50px;
    display: inline-flex;
    text-decoration: none;
}
.page-wrapper.b-color{
    max-width: 100%;
    margin: 0px;
    display: flex;
}
.new-view .testimonial-container.google-testi{
    width: calc(100% - 30%);
}
.btn-b {
    padding: 10px 30px;
    background: #1f4e79;
    border: none;
    color: #fff;
    margin-top: 20px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    margin-right: 10px;
}
.btn-bann{
    text-align: center;
    margin-top: 40px;
}
.main-banner{
    margin-top: -150.8px;
    /* min-height: 100dvh; */
}
.header.header-sticky .navbar ul.menu li a.main-menu-li {
    color: black !important;
}
.header .navbar ul.menu li a.main-menu-li {
    color: white !important;
}
.top-banner-sec ul li p{
    color: white;
}
.top-banner-sec ul li a span{
    color: white;
}
/* .top-banner-sec ul li.phone_number a span{
    color: #A52A2A;
} */
.r-border {
    border-right: 1px solid white !important;
}
.top-banner-sec ul li.phone_number a span {
    color: #ceffad;
}
@media screen and (max-width:1024px) {
    .banner-text {
    max-width: 560px;
    margin: 0px 0px 0px auto;
}
}

@media screen and (max-width:768px) {
    .banner-text {
    max-width: 900px;
    margin: 0px auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header.header-sticky .navbar ul.menu li a.main-menu-li {
        color: white !important;
    }
    
  }

/*index page css ends */

@media screen and (max-width:767px){
    .main-banner .banner-text .text-box2 h1{
            font-size: 26px;
    }
    .main-banner .banner-text h2{
        font-size: 16px;
        letter-spacing: 0.2em;
    }
    .main-banner{
        padding: 100px 0px;
    }
    .welcome-sec{
        padding: 20px 0px;
    }
    .welcome-sec h1{
        font-size:24px;
    }
    .welcome-sec h3{
        font-size:17px;
    }
    .welcome-sec .inner-sec .intro-div{
      padding: 0px 10px;
    }
    .inner-sec .intro-div p{
        font-size:16px;
    }
    .services-sec .srvc-text.text-side{
        padding:10px 20px;
    }
    .srvc-img{
        display:none;
    }
    .services-sec .srvc-inner-sec .srvc-text {
    width: 100%;
    }
    .hide-img{
    display: block;
    }

    .services-sec .srvc-text.text-side h2, .services-sec .srvc-text p {
     padding: 0px;
    }
    .services-sec .srvc-inner-sec .srvc-btn {
    margin: 20px 0px;
    }
    .srvc-inner-sec .srvc-text.text-side.mobile-div {
    padding-top: 30px;
    }
    .google-testi .slider .slick-slide blockquote{
        margin:20px 0px 0px;
    }
    .main-banner{
        background: linear-gradient(rgba(45, 45, 45, 0.20), rgba(45, 45, 45, 0.20)), url(../images/mob-bg-banner.jpg) no-repeat;
    }
    .main-banner {
        padding: 200px 0px;
        margin-top: -200.8px;
    }
    .page-wrapper.b-color{
        display: inline-block;
        width: 94%;
    }
    .new-view .testimonial-container.google-testi {
        width: calc(100% - 0%);
    }
    .header.header-sticky .navbar ul.menu li a.main-menu-li {
        color: white !important;
    }
    .top-banner-sec .top-items li i{
        font-size: 18px;
        padding-right: 5px;
        padding-left: 10px;
        color: white !important;
    }
}