@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: Poppins-Light;
  src: url("../fonts/Poppins-Light.ttf");
}
@font-face {
  font-family: Poppins-Bold;
  src: url("../fonts/Poppins-Bold.ttf");
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url("../fonts/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: Poppins-Regular;
  src: url("../fonts/Poppins-Regular.ttf");
}

body{font-family: 'Poppins-Light';}

.flex{display: flex; align-items: center;}
#showMenu{display: none;}
.logoMain{background-color: transparent;}

.header {background-image: linear-gradient(to bottom, rgba(23, 161, 200, 1) 40px, rgba(67, 199, 238, 1) 40px 80px); /* height: 100px; */}
.bg-cut{position: relative;}
.bg-cut::after{content: ''; position: absolute; border-bottom: 50px solid #43c7ee; border-right: 50px solid transparent; top: 0; left: -2px; z-index: 1;}

.logo{position: relative;}
.logo::before{content: ''; position: absolute; width: 1000px; height: 50px; background: #43c7ee; top: 0; left: -980px;}

.header p{margin: 0;}
.header .topDetails p{font-size: 14px;}
.topRow01{background-image: linear-gradient(to bottom, rgba(67, 199, 238, 1) 50%, rgba(255,255,255,1) 50%); height: 100px; border-bottom: 1px solid #999999;}

.topDetails{display: flex; justify-content: flex-end; padding: 10px 0; color: #FFFFFF;}

.customMenu ul{margin: 0; padding: 0; display: flex; align-content: space-between; justify-content: space-between;}
.customMenu ul li{margin: 0; padding: 0; list-style: none; position: relative; font-size: 14px; color: #FFFFFF;}
/*.customMenu ul li::after{content: ""; width: 1px; height: 15px; background: #FFFFFF; position: absolute; top: 5px; right: -18px;}*/

.customMenuMobile ul li{display: flex; flex-direction: column; position: relative; padding: 5px 0;}
.customMenuMobile ul li::before{content: ""; width: 10px; height: 10px; background-color: #43C7EE; position: absolute; left: -20px; border-radius: 50%; top: 11px;}
.mobMenuCls{width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: #FFFFFF; z-index: 999; display: none;}
.mobMenuCls ul a, .customMenu ul a{text-decoration: none; color: #212121;}

.call{display: none;}
.mail{display: none;}

.head-bold{font-family: 'Poppins-Light';}

.banner h2{font-family: 'Poppins-SemiBold'; color:#43C7EE; font-size: 22px;}
.banner h3{font-family: 'Poppins-Regular'; color:#43C7EE; font-size: 24px;}
.banner p{font-family: 'Poppins-Regular'; color:#999999; font-size: 16px;}
/*.container-banner{height: 500px;  background-image: url("../images/slider_image.png"); background-repeat: no-repeat; background-size: 50%; background-position: 280px top;}*/
.container-banner{position: relative;}
.banner-image{position: relative;}
.banner-content{margin-top: 110px; position: absolute; top: 0; left: 0;}

/*.container-banner .row{width: 100%;}*/
.banner-form{background-color: #FFFFFF; padding: 30px; border-radius: 10px; box-shadow: 0 0 50px 0 #00000030; width: 350px; position: absolute; right: 0; z-index: 99;}
.banner-form h2{font-family: Poppins-Bold; font-weight: bold; font-size: 18px; color: #111111; margin-bottom: 20px;}
.banner-form input[type=text],.banner-form input[type=date]{font-size: 12px;}
	
.banner-form .btn{background-color: #43C7EE; color:#FFFFFF; font-weight: bold;}
.banner-form .btn:hover{background-color: #43C7EE !important; color:#FFFFFF !important;}
.timeSlotPop{background-color: #FFFFFF; box-shadow: 0 0 10px 0 #00000020; padding: 10px; display: none; transition: 5s;}
.timeSlot{font-size: 8px; border:1px solid #00000020; padding: 2px; border-radius: 5px; width: 100%; margin: 5px 0; text-align: center;}

.welcome{background-color:#D8EEFF; padding: 50px 0;}
.welcome h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 20px;}
.welcome p{font-size: 16px;}

.servicesDesc{background-color:#D8EEFF; padding: 50px 0;}
.servicesDesc h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 20px;}
.servicesDesc h2{font-weight: bold; font-size: 18px; color: #212121; margin-bottom: 20px;}
.servicesDesc h3{font-weight: bold; font-size: 16px; color: #212121; margin-bottom: 20px;}
.servicesDesc p{font-size: 16px;}

.whatSwiper{min-height: 240px;}
.what{padding: 50px 0;}
.what h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 50px; text-align: center; position: relative;}
.what h1::after{content: ""; position: absolute; width: 180px; height: 3px; background-color: #43C7EE; top: 35px; left: 50%; margin-left: -90px;}
.whatImgBox{position: relative;}
.whatImgBox img{width: 100%; border-radius: 20px; overflow: hidden;}
.whatImgBox h4{background-image:  linear-gradient(to bottom, #00000000 10%, #000000 100% ); position: absolute; padding: 30px 0 30px 0; bottom: -8px; width: 100%; margin-left: -50%; left:50%; color: #FFFFFF; font-size: 14px; text-align: center; border-radius: 0 0 20px 20px;}
.whatImgBox:hover{filter: grayscale(5)}
.why{background-color:#F0FCFF; padding: 50px 0;}
.why h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 50px; text-align: center; position: relative;}
.why h1::after{content: ""; position: absolute; width: 480px; height: 3px; background-color: #43C7EE; top: 35px; left: 50%; margin-left: -240px;}
.whyIconBox{text-align: center;}
.whyIconBox img{width: 50%;}
.whyIconBox h4{color: #111111; font-size: 14px; text-align: center; margin-top:10px;}

.special{background-image: url("../images/special_cases_bg.png"); background-repeat: no-repeat; background-size: 100%; padding: 50px 0;}
.special h1{font-weight: bold; font-size: 25px; color: #FFFFFF; margin-bottom: 50px; text-align: center; position: relative;}
.special h1::after{content: ""; position: absolute; width: 200px; height: 3px; background-color: #FFFFFF; top: 35px; left: 50%; margin-left: -100px;}
.specialImgBox{text-align: center;}
.specialImgBox img{width: 100%;}

.patient{background-color: #FFFFFF; padding: 50px 0;}
.patient h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 50px; text-align: center; position: relative;}
.patient h1::after{content: ""; position: absolute; width: 250px; height: 3px; background-color: #43C7EE; top: 35px; left: 50%; margin-left: -125px;}
.patientImgBox{text-align: center; border-radius: 20px; overflow: hidden; background-color: #43C7EE; box-shadow: 0 5px 10px 0 #00000090;}

.patientReview{background-color: #FFFFFF; padding: 50px 0;}
.patientReview h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 50px; text-align: center; position: relative;}
.patientReview h1::after{content: ""; position: absolute; width: 250px; height: 3px; background-color: #43C7EE; top: 35px; left: 50%; margin-left: -125px;}
.patientReview h2{width:200px; margin: 0 auto; background-color: #000000; padding: 5px 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #f8b805; margin-bottom: 20px;}
.golden{color:#f8b805;}

.sneak{background-repeat: no-repeat; background-size: 100%; padding: 50px 0;}
.sneak h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 50px; text-align: center; position: relative;}
.sneak h1::after{content: ""; position: absolute; width: 240px; height: 3px; background-color: #43C7EE; top: 35px; left: 50%; margin-left: -120px;}
.sneakImgBox{text-align: center;}
.sneakImgBox img{width: 100%;}

.visionMission{padding: 50px 0;}
.visionMission h1{font-weight: bold; font-size: 25px; color: #FFFFFF; margin-bottom: 80px; text-align: center; position: relative;}
.visionMission h1::after{content: ""; position: absolute; width: 200px; height: 3px; background-color: #FFFFFF; top: 35px; left: 50%; margin-left: -100px;}
.visionMissionImgBox{background-image: url("../images/special_cases_bg.png"); background-repeat: no-repeat; background-size: cover;}
.vsn{/*background-color: #17a1c830;*/ width: 100%; height: 100%; padding: 20px 50px; border-radius: 10px;}
.msn{background-color: #000000; width: 100%; height: 100%; padding: 50px;}
.visionMission p{font-size: 14px; font-weight: bold; color: #212121; text-align: center; margin: 0;}
.visionMission .coreBox{width: 100%; background-color: #FFFFFF; /*background-image: linear-gradient(to right, #17a1c8 0%, #FFFFFF 20%); padding: 30px;*/ border-radius: 50px 50px 50px 50px; min-height: 70px; position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 0 5px;}
.visionMission .coreValue{width: 60px; height: 60px; margin-right: 10px; background-color: #17a1c8; color:#FFFFFF; border-radius: 50%; /*position: absolute; top: -30px; left: 50%; margin-left: -30px;*/ display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; /*box-shadow: 3px 2px 5px 2px #00000090;*/}

.aboutServices{background-color:#F0FCFF; padding: 50px 0;}
.aboutServices h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 50px; text-align: center; position: relative;}
.aboutServices h1::after{content: ""; position: absolute; width: 380px; height: 3px; background-color: #43C7EE; top: 35px; left: 50%; margin-left: -190px;}
.aboutServicesIconBox{text-align: center;}
.aboutServicesIconBox img{width: 70%;}
.aboutServicesIconBox h3{color: #111111; font-size: 38px; font-weight: bold; text-align: center; margin-top:10px; font-family: Poppins-Bold;}
.aboutServicesIconBox h4{color: #111111; font-size: 14px; text-align: center; margin-top:10px; line-height: 24px;}

.services{background-color:#F0FCFF; padding: 50px 0;}
.services h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 50px; text-align: center; position: relative;}
.services h1::after{content: ""; position: absolute; width: 280px; height: 3px; background-color: #43C7EE; top: 35px; left: 50%; margin-left: -140px;}
.servicesBox{width: 100%; background-color: #FFFFFF; box-shadow: 0 0 10px 0 #00000010; border-radius: 10px; display: flex; overflow: hidden; margin: 10px 0;}
.servicesContent{width: 55%; /*padding: 20px;*/ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.servicesContent h3{color: #111111; font-size: 15px; font-weight: normal; text-align: center; font-family: Poppins-Light;}
.servicesContent h4{color: #111111; font-size: 14px; text-align: center; margin-top:10px; line-height: 24px;}
.servicesContent button{background-color: #17a1c8; color: #FFFFFF; font-size: 11px; margin-top: 10px; padding: 5px;}
.servicesIconBox{text-align: center; width: 45%;}
.servicesIconBox img{width: 100%;}

.imageGrid{/*height: 100%;*/ display: flex; justify-content: space-evenly; align-items: flex-start;}
.imageGrid img{background-color: #FFFFFF; padding: 10px; box-shadow: 0 0 10px 0 #0000002b; border-radius: 10px; width: 45%; margin-bottom: 15px;}

.gallery{background-color:#F0FCFF; padding: 50px 0;}
.gallery h1{font-weight: bold; font-size: 25px; color: #111111; margin-bottom: 50px; text-align: center; position: relative;}
.gallery h1::after{content: ""; position: absolute; width: 280px; height: 3px; background-color: #43C7EE; top: 35px; left: 50%; margin-left: -140px;}
.gallery img{background-color: #FFFFFF; padding: 10px; box-shadow: 0 0 10px 0 #00000010; margin-bottom: 10px;}
.gallery .nav-pills .nav-link{background-color: #FFFFFF; color: #212121; margin: 0 3px; border-radius: 0; box-shadow: 0 0 10px 0 #00000010; font-size: 14px; font-weight: bold;}
.gallery .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #43c7ee; color: #FFFFFF;}
.galleryBox{background-color: #00000010; padding: 20px;}
.gallery .tab-content{padding: 0;}

.footer{background-color:#43C7EE; padding: 30px 0;}
.footBox01 img{widows: 70%;}
.footBox01 p{font-size: 16px; color:#FFFFFF; padding-top: 20px;}
.footBox02 h3{font-size: 22px; color:#FFFFFF; padding: 10px 0 10px 0;}
.footBox02 p{font-size: 16px; color:#FFFFFF; line-height:26px; margin:0; padding:0;}
.footBox03 {width: 100%; height:180px; border-radius: 10px; overflow: hidden; border:2px solid #43C7EE; box-shadow: 0 0 0 2px #FFFFFF;}
.social{width: 280px; color:#FFFFFF; font-size:18px; display: grid; grid-template-columns: auto auto auto auto; justify-content: space-between;}
.social .socialBox{display: flex; flex-direction: column; align-items: center; padding: 10px;}
.social .socialBox p{font-size: 12px; padding: 0; margin: 0;}
.social a{text-decoration: none;}
.copy{background-color: #00AEE2; padding: 10px 0 5px 0;}
.copy p{color:#FFFFFF; text-align: center; font-size:12px;}
.since{font-size: 18px !important; font-weight: bold; padding-right: 170px;}
.footBox01{position: relative;}
/*.footBox01::after{content: ''; background-image: url('../images/since.png'); background-size: 100%; position: absolute; top:0; right: 50px; height: 23px; width: 96px; background-repeat: no-repeat;}*/
.footLogo{width: 65%;}

.patientReview .swiper{min-height: 320px;}
.ytvideo{width:100%; height:380px;}

@media only screen and (max-width:480px){
	.container-banner{height: 750px;}
	.why h1::after {width: 300px; top: 65px; left: 50%; margin-left: -150px;}
	.banner h2{font-size: 18px;}
	.banner h3{font-size: 16px;}
	.container-banner {background-size: 50%; background-position: 166px -15px;}
	.banner-form {width: 90%; left: 50%; margin-left: -45%; z-index: 99; top: 240px;}
	#showMenu{display: block;}
	.logoMain{background-color: #43c7ee;}
	.header .topDetails p {font-size: 16px;}
	.topDetails {padding: 5px 0;}
	.topDetails .bx-menu{font-size: 30px;}
	.whatSwiper{min-height: 310px;}
	.mySwiper .swiper-slide img {display: block; width: 140% !important;}
	.banner-content {top: -84px;}
	.social .socialBox {padding: 0;}
	.social {width: 100%; font-size: 22px; grid-template-columns: auto auto auto auto; justify-content: space-between;}
	.slide02P{font-size: 13px !important; line-height: 23px;}
	.header {height: 68px; overflow: hidden;}
	.since{font-size: 15px !important; padding-right: 70px;}
	.imageGrid{flex-direction: column;}
	.imageGrid img{width: 100%;}
	.aboutServices h1::after {width: 280px; margin-left: -140px;}
	.logo::before {display: none;}
	.bg-cut::after {left: -2px;}
	.gallery .nav-pills .nav-link {font-size: 12px; font-weight: bold; padding: 5px;}
	.gallery .nav{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 9px;}
	.gallery .nav-item{margin-bottom: 5px; width: 50%;}
	.galleryBox {background-color: #00000010; padding: 5px 0;}

	.call{width:50px; height:50px; position: fixed; top:300px; right: 0; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; border-radius: 50%; box-shadow: 0 0 5px 0 #0000002b; z-index: 999;}
	.call .bx{font-size:25px; color:#00AEE2}
	.mail{width:50px; height:50px; position: fixed; top:370px; right: 0; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; border-radius: 50%; box-shadow: 0 0 5px 0 #0000002b; z-index: 999;}
	.mail .bx{font-size:25px; color:#00AEE2}

	.patientReview .swiper{min-height: 540px;}
	.ytvideo{width:100%; height:200px;}
}

@media only screen and (min-width:700px) and (max-width:1000px){
	.visionMission .coreBox{width: 100%; background-color: #FFFFFF; /*background-image: linear-gradient(to right, #17a1c8 0%, #FFFFFF 20%); padding: 30px;*/ border-radius: 50px 50px 50px 50px; min-height: 50px; position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 0 5px;}
	.visionMission .coreValue{width: 40px; height: 40px; margin-right: 10px; background-color: #17a1c8; color:#FFFFFF; border-radius: 50%; /*position: absolute; top: -30px; left: 50%; margin-left: -30px;*/ display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; /*box-shadow: 3px 2px 5px 2px #00000090;*/}
}
@media only screen and (min-width:1367px) and (max-width:2480px){
	/*.whatSwiper{min-height: 250px;}*/
}