@font-face{font-family:Product-Sans-Regular;
 src:url(../fonts/Product-Sans-Regular.ttf);
 }
@font-face{font-family:Product-Sans-Bold;
 src:url(../fonts/Product-Sans-Bold.ttf);
 }
 
@font-face{font-family:Product-Sans-Italic;
 src:url(../fonts/Product-Sans-Italic.ttf);
 }
/*-----------------------*/
body { padding: 0; margin: 0 auto;font-family:Product-Sans-Regular; position: relative; font-weight: 400; overflow-x: hidden; color: #000; font-size: 17px;background:#fff;}
ul { list-style: none }
a { text-decoration: none; outline: none; }
body a:hover, body a:focus { text-decoration: none; color:#00378a; }
a:focus { outline: none; text-decoration: underline }
textarea:focus { outline: none }
input { outline: none !important }
button, button:focus { outline: none }
a img { border: none }
img { border: 0; max-width: 100%; width: 100%;}
p {padding: 0px; margin: 0px;}
h1, h2, h3, h4, ul, p { padding: 0px; margin: 0px;}
textarea { resize: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff }
input:-moz-placeholder, textarea:-moz-placeholder { color: #fff }
input::-moz-placeholder { opacity: 1; outline: none }
textarea::-moz-placeholder { opacity: 1; outline: none }
.clr { clear: both; height: 0 }
.form-control:focus { box-shadow: none }
ul { padding: 0; list-style: none }
a { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }
a:hover { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }

.csn-ul{margin-left:20px;}
.csn-ul li {position: relative;margin-bottom:7px;}
.csn-ul li:before {position: absolute;top:9px;left:-19px;height: 8px;width: 8px;
background:#00378a;border-radius: 100%;content: '';}

/*===============header===============*/

html {scroll-behavior: smooth;}
.touch-form option{font-family:arial;}
.ph-top{color:#fff !important; background:#03216a; padding:10px 15px !important; border-radius:6px; line-height:24px; box-shadow:0px 3px 6px #00000029; font-size:18px !important;}

.ph-top{color:#fff !important; background:#1fbdb6; padding:10px 15px !important; border-radius:6px; line-height:24px; box-shadow:0px 3px 6px #00000029; font-size:18px !important;}


#header-id {
    height: auto;
}
#header-id {
  background:none;
  height: auto;
  position:absolute;
  transition: transform .3s ease-in-out;
  z-index: 1020;
  width: 100%;
  margin: 0px auto;
  top:0px;
}
.header-inner {
    margin: 0 auto;
    max-width: 1600px;
    width:100%;
}
.wiki-mk {
  padding-left: 40px;
  padding-right: 40px;
}
.logo-d > img {
  max-width:260px;
  transform:translateY(30px);
  position: absolute;
  transition: transform .3s ease-in-out;
  padding:10px;
  top: 0;
  z-index: 999;
}

#slider-section {max-width: 100%;display: block;  position: relative;}
.banner-d{display:block;}.banner-m{display:none;}

.home-ranksection {
     width:420px;
	height:auto;
	padding:25px 35px 25px 35px;
    display: block;
    margin-top: -80px;
    background:#1fbdb6;border-radius:20px;
	background-size:100%;
    position: absolute;
    right:6%;
	bottom:-50px;
}
.home-ranksection h2{
	font-size:24px;
    color: #fff;
    text-align: left;
    padding-top:0px;
    padding-bottom:0px;
}
.touch-form{padding-top:12px; column-count: 1;}
.home-ranksection ::placeholder {color:#666666;}
.home-ranksection input:focus {border-bottom:2px solid #03216a;}
.home-ranksection select:focus {border-bottom:2px solid #03216a;}
.home-ranksection textarea:focus {border-bottom:2px solid #03216a;}
.home-ranksection input, select, textarea {
    border: 1px solid #dcdee2;
	height:40px;padding-left:15px;
    width:100%;
    font-size: 14px;
    border-radius:4px;
    background-color: #fff;
    outline: none;
    text-align: left;
}
.submit-now-button {
    background:#03216a;
    border: 1px solid #03216a;
    padding:7px  12px;
    color: #fff;border-radius:25px;
    font-size:25px;width:100%;font-weight:Bold;
    margin-top:0px;
    display: flex;box-shadow: 1px 5px 10px rgb(255 255 255 / 30%);
    justify-content: center;
    align-items: center;
}
.submit-now-button:hover{background:#fff; color:#03216a;}
#about-us{padding-top:70px; display:block;}
#about-us h2{
  font-size:54px;
  color: #03216a;
  text-align:center;
  padding-top: 10px;
  padding-bottom: 10px;
}
#about-us span{
  color: #03216a;font-family:Product-Sans-Bold;
  text-align:center; font-weight:bold;
  padding-top: 10px;
  padding-bottom: 10px;position:relative;
}
#about-us span img{position:absolute; top:-10px; width:50px; left:19%;}
#about-us p{font-size:17px; text-align:center; color:#777777; padding-bottom:20px; line-height:22px; padding-left:17%; padding-right:17%;}
.about-section{display:block; column-count: 1; background:#ededed; margin-bottom:70px; padding:20px; border-radius:10px;}
.about-d{display:block; float:left; width:50%; padding-bottom: 20px;}
#whc-cs .about-img{display:block; float:left; padding-left:2%; width:48%; position:relative;}
.about-img{display:block; float:left; padding-left:2%; width:55%; position:relative;}
.about-img img{width:100%; position:relative; right:-5%;}
.about-d p{ padding:10px !important; color:#777777 !important; text-align:left !important;}



#comprehensive-care{padding:20px;display: block; column-count: 1;}
#comprehensive-care h2 {
  font-size:44px;font-family: Product-Sans-Bold;font-weight: bold;
  color: #03216a;
  text-align:left;
  padding-top: 10px;
  padding-bottom:0px;
}
#comprehensive-care h3{
  font-size:37px;
  color: #03216a;
  text-align:left;
  padding-top: 10px;
  padding-bottom:20px;
}
#comprehensive-care p {
  font-size: 17px;
  color:#777777;
  padding-bottom: 20px;
  line-height: 24px;
}
.Surgery-d{
  display: block;
  float: left;
  width: 50%;
}

.services-listed {
  width: 100%;
  list-style-type: none;column-count: 1;
  position: relative;background:#fff; padding-left:0px; display: flex;
}

#why-choose{
  padding: 20px;
  display: block;
  column-count: 1;
}

.why-choose {
  display: block;
  column-count: 1;
  background: #003874;
  margin-bottom: 70px;
  padding:20px;
  border-radius:20px;
}
.why-choose-img {
  display:flex;
  float: left;
  padding-left: 2%;
  width: 54%;
  position: relative;
  justify-content: center;
align-items: center;
}
.why-choose-img img{width:560px;}
.why-choose-d {
  display: block;
  float: left;
  width: 44%;
}
.why-choose-d h2{
  font-size:40px;
  color: #fff;
  padding-top:20px;
  padding-bottom:20px;
}
.why-choose-d span {
  font-family: Product-Sans-Bold;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.why-choose-d p {
  font-size: 16px;
  color: #ffffff;
  padding-bottom: 20px;
  line-height: 22px;
}
.regsiter{
    background:#fff;
    border: 1px solid #03216a;
    padding: 12px;
    color: #03216a;border-radius:25px;
    font-size: 15px;width:50%;
    margin-top:20px;
	display:block; text-align:center;
}
.regsiter:hover{color:#444;}
.consult-doctors{
  display: block;
  float: left;
  width:43%;
}
#consult-doctors{
  padding: 20px;
  display: block;background: #ededed;
  column-count: 1;margin-bottom:80px;
}
#consult-doctors img{width:90%;}
.youtube-button {
  background: #03216a;
  border:0px solid #03216a;
  padding: 10px;
  color: #fff;
  border-radius:45px;
  font-size:20px;
  width: max-content;
  padding-left:70px;
  padding-right:30px;
  margin-top: 0px;
  display: flex;
  box-shadow: 1px 5px 10px rgb(255 255 255 / 30%);
  justify-content: center;
  align-items: center;position:relative;
  margin:10px;
}
.youtube-button:hover{background:#1fbdb6; color: #fff;}
.youtube-button img {
  position: absolute;
  top: -2px;
  width:55px;
  left: -9px;
  background: #fff;
  border-radius: 100%;
  height:55px;border:3px solid #03216a;
}

.youtube-button1 {
  background: #fff;
  border:0px solid #03216a;
  padding: 10px;
  color: #03216a;
  border-radius:45px;
  font-size:20px;
  width:250px;
  padding-left:38px;
  margin-top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;position:relative;
  margin:10px;
}
.youtube-button1:hover{background:#1fbdb6; color: #fff;}
.youtube-button1 img {
  position: absolute;
  top: -2px;
  width:55px;
  left: -9px;
  background: #fff;
  border-radius: 100%;
  height:55px;border:3px solid #03216a;
}

#consult-doctors h2{
  font-size:44px;
  color: #000;
  padding-top:60px;
  padding-bottom:0px;
}
#consult-doctors span{
  font-family: Product-Sans-Bold;
  font-weight: bold;display:block;
  padding-top:0px;
  padding-bottom: 10px;
  position: relative;
}
#consult-doctors p {
  font-size: 16px;
  color: #777777;
  padding-bottom: 20px;
  line-height: 22px;
}
.consultation{
    background:#1fbdb6;
    border: 1px solid #03216a;
    padding:10px;
    color: #fff;border-radius:25px;
    font-size:20px;width:60%;font-weight:Bold;
    margin-top:20px;
	display:block; text-align:center;
}
.consultation:hover{color:#03216a; background:#fff;}

#sign-up .consultation{ font-size:25px;}


#sign-up{
  padding:0px 20px;
  display: block;
  column-count: 1;
}
.sign-up-today{
  display: block;
  column-count: 1;
  background:#03216a;
  margin-bottom:0px;
  padding: 0px 20px 40px 20px;
  border-radius: 20px 20px 0px 0;
}

.sign-up-box{
  display: block;
  float: left;
  width:40%;padding-left:40px;
  padding-top:50px;
}
.sign-up-box1{
  display: block;
  float: left;
  width:60%;
  padding-top:50px;
}
.sign-up-box h2{
  font-size:40px;
  color: #fff;
  padding-top:20px;
  padding-bottom:0px;
}
.sign-up-box span{
  font-family: Product-Sans-Bold;
  font-weight: bold; 
  padding-top:0px;
  padding-bottom: 10px;
  position: relative;
}
.bottom-form{padding-top:14px; width:48%;float:left;}
.bottom-form1{padding-top:14px; width:48%;float:left; padding-left:2%;}
.sign-up-box1 ::placeholder {color:#666666;}
.sign-up-box1 input:focus {border-bottom:2px solid #03216a;}
.sign-up-box1 select:focus {border-bottom:2px solid #03216a;}
.sign-up-box1 textarea:focus {border-bottom:2px solid #03216a;}
.sign-up-box1 input, select, textarea {
    border: 1px solid #dcdee2;
	height:40px;padding-left:15px;
    width:100%;
    font-size: 14px;
    border-radius:4px;
    background-color: #fff;
    outline: none;
    text-align: left;
}



footer{
  padding:20px;
  display: block;
  column-count: 1;
  background:#1fbdb6;
}
.copyright{text-align:center; color:#fff; font-size: 16px;}
#patients{
  padding:0px 0px;
  display: block;
  column-count: 1;
}
.patients-box{padding-right:7%;width: 100%;display: block;}
.patients-videobox{
  display: block;
  float: left;
  width:65%;
}
.patients-textbox{
  display: block;
  float: left;
  width:35%;
  margin-left:-11%;
  padding-top:7%;
  background: #fff;
z-index: 2;
position: relative;
}
.patients-textbox h2 {
  font-size: 44px;
  color:#03216a;position:relative;
  padding-right:20px;
  padding-bottom: 0px;
}
.patients-textbox h2 span {
  font-family: Product-Sans-Bold;
  font-weight: bold;
  display: block;
  padding-top: 0px;
  padding-bottom: 10px;
  position: relative;
}

.patients-textbox p {
  font-size: 16px;
  color: #777777;
  padding-bottom: 20px;
  line-height: 22px;
}
.get-started{
    background:#fff;
    border: 1px solid #03216a;
    padding: 10px;
    color: #03216a;border-radius:25px;
    font-size:20px;width:48%;
    margin-top:20px;
	display:block; text-align:center;
}
.get-started:hover{color:#fff; background:#03216a;}

.video-img{border-radius:10px; margin:15px 0;}
#our-technology{display: block; padding:30px 0px; column-count: 1;  background:linear-gradient(to bottom, #00346b 55%, #ffffff 0%)}
#our-technology h2 {
  font-size: 44px;
  font-family: Product-Sans-Bold;
  font-weight: bold;
  color: #03216a;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 0px;
}
.technology-item{position:relative; padding-bottom: 70px !important; display:block; -webkit-transition: 600ms ease transform;-o-transition: 600ms ease transform;transition: 600ms ease transform;height: 100%;overflow: hidden; margin:1.5rem  20px 2rem;}
.technology-item:hover{webkit-transform: scaleX(1.1) scaleY(1.1);-ms-transform: scaleX(1.1) scaleY(1.1);transform: scaleX(1.1) scaleY(1.1);}

.technology-box{position:absolute;  bottom:0px; background:#fff; width:87%; padding:20px; margin-bottom: -30px;}
.technology-box:hover{width:100%; -webkit-transition: all .8s; transition: all .8s;}
.technology-item:hover .technology-box{color:#fff; background:#1fbdb6; }
.technology-box h5{position:relative;  ont-weight: bold;
color: #03216a; font-size:22px; font-weight:bold; display:block;}
.technology-item:hover h5{color:#fff;}
 
.technology-item:hover .technology-events{color:#fff;}

#technology{margin:25px 0;}
#technology .item{margin:25px 10px; padding:10px; background-color:#fff; box-shadow: 1px 5px 10px rgb(0 0 0 / 10%); border-radius:10px;}
.special-box {transition: .4s ease-in-out;min-height:100%;border-radius: 5px;border:0px solid #1fbdb6;border-radius:10px;}
.special-box img {background:#fff; border-radius:10px; margin-bottom:10px;}
.special-box h3 {font-size:20px; font-weight:bold; padding-bottom:10px; color:#03216a;   height:55px;}
.technology-events{-webkit-line-clamp:6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: 15px;
    color: #504f4f;
    padding:0px;
    margin-bottom: 10px;
}

#patient-video .video-box img {border-radius: 10px;}
.video-box .ttm-video-btn {position: absolute;top:50%;left: 40%;}
.ttm-play-btn {border-radius:30px;color:#fff;font-size:18px;display:inline-block;padding:10px 20px 10px 50px;position:relative}
.ttm-play-btn:hover, .ttm-video-btn span.ttm-btn-play {color: #fff;}
.ttm-video-btn .ttm-btn-play {background-color:#06a79f;
position:absolute;top:50%;left:0;right:0;margin-top:-30px;z-index:5;width:70px;height:70px;border-radius:50px;text-align:center;line-height:70px;font-size:25px;margin-right:-1px;cursor:pointer;display:inline-block;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}
.ttm-btn-play:after,.ttm-btn-play:before{content:'';border:1px solid;border-color:inherit;width:150%;height:150%;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:-25%;top:-25%;opacity:1;-webkit-animation:1s videoplay-anim linear infinite;animation:1s videoplay-anim linear infinite}
.ttm-btn-play:before{-webkit-animation-delay:.5s;animation-delay:.5s}.ttm-play-btn:hover,.ttm-video-btn span.ttm-btn-play{color:#fff}.ttm-video-btn:hover .ttm-btn-play{background-color:rgba(255,94,24,.95);color:rgba(255,255,255,1)}.fid-section.bg-img5{background-attachment:fixed}


.video-box .content {position: absolute;bottom:20px;left: 0px;width: 100%;color: white;z-index: 5;word-break: break-word;padding: 15px;text-align: center;}
.video-box::after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;transition: 0.5s !important;transform: translateY(10px);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #00123d 126%); border-radius:20px;}
.video-box .content h5 {margin-bottom: 0;color: #fff;font-weight: 600;font-size:22px;text-align: center;}
.video-box .content p{margin-bottom: 0;color: #fff;font-weight: 600;font-size: 14px;text-align: center;}


#expert{margin-top:10px;}
#expert .item{position: relative; margin:80px 15px 15px 15px;}
.dr-box{position:relative;  padding:10px;border-radius: 8px; border:1px solid #aaaaaa; background: #fff;}
#expert .dr-box img{border-radius:100%; width:150px; height:150px; margin:0px auto; margin-top:-75px; box-shadow: 0 1px 4px rgb(0 0 0 / 10%); right:0px;}
.dr-box h3{font-size:16px;  font-weight:bold; padding-top:14px; color:#003874; text-align:center; }
.dr-box span{font-size:13px; font-weight:400;margin-top:7px; color:#444; font-family: Product-Sans-Regular !important; display:block; line-height:18px; text-align:center; height:75px;}

.Surgeries ul {
    padding: 0px;
	column-count: 2;
	margin-bottom:20px;
}

.Surgeries ul li{
    list-style: none;
    margin-left:10px !important;
    position: relative;color: #777777;font-size: 16px;line-height: 24px;margin-bottom:7px;
    padding-left: 20px;
}
.Surgeries ul li::before {
    content: '';
    background:#19aaa4;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    top:11px;
    left: 0px;
}
.Surgery-boxleft{
  display: block;
  float: left;
  width: 50%;
}
#non-surgical ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}
#non-surgical li {
    width:100%;
    padding:7px;margin-bottom:20px;
	list-style:none;
	box-shadow: 1px 5px 10px rgb(0 0 0 / 10%);
border-radius: 5px;margin-top:70px;
}
#non-surgical h3 {
  font-size:25px;
  color: #03216a;
  text-align: left;
  padding-top: 10px;
  padding-bottom:10px;
}
#non-surgical .img-box{width:25%;float:left;}
#non-surgical img{width:100%;border-radius:5px; border:1px solid #03216a; margin-top: -40px;}
#non-surgical .special-box1{width:70%; padding-left:5%;float:left;}
.surgical-events {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #777;
  line-height: 20px;
  height:100px;
  font-weight: 400;
  display: block;
  padding: 10px;
}

.question ul li{margin-bottom: 5px !important; line-height: 22px !important;}

.patients-d{display:block;}.patients-m{display:none;}


@media screen and (max-width:880px) {
.patients-d{display:none;}.patients-m{display:block;}
.header-inner{max-width:100%;} .wiki-mk {padding-left:10px;padding-right:10px;}
.banner-d{display:none;}.banner-m{display:block; padding-top: 38px;}

.logo-d > img{max-width:180px; transform: translateY(14px);}
.home-ranksection {
     width:95%;
	height:100%;
	padding:25px 25px;background:#1fbdb6;border-radius:15px;
    display: block;
    margin-top:0px;
    position:relative;
    right:0%;margin:2.5%;
	bottom:0px;
}
.home-ranksection h2{font-size:17px;}
#about-us p{font-size:16px; text-align:center; color:#777777; line-height:22px; padding:2%;}
#about-us h2{font-size:24px;}#about-us{padding-top:40px;}
#about-us span img {position: absolute;top: -8px;width: 30px;left: 16%;}
.about-d{width:100%; position: relative; float: inherit;}
.about-img{padding-left:0%; width:100%; position:relative;}
#whc-cs .about-img{width:100%; position:relative; right:0%;}
.about-img img{width:100%; position:relative; right:0%;}
.services-listed{display:block !important;}
#comprehensive-care h2{font-size:27px;}#comprehensive-care h3{font-size:17px;}
.why-choose{margin-bottom:20px;}
.why-choose-img{width:100%; padding-left:0%;}.why-choose-d{width:100%; padding-bottom:20px;}
.why-choose-d h2{font-size:22px;}.regsiter{width:100%;}
.Surgery-d{
  width: 100%;
  position: relative;
  float: inherit;
}
.consult-doctors{width:100%;}#consult-doctors h2{padding-top:10px; font-size:22px;}
.consultation{width:100%;}
.sign-up-box{width:100%; padding-left:0px; padding-top:20px;}.sign-up-box h2{font-size:24px;}
.sign-up-box1{width:100%; padding-top:20px;}
.bottom-form{width:100%;}.bottom-form1{width:100%; padding-left:0%;}

.patients-box{padding:20px;}
.patients-videobox{width:100%;}
.patients-textbox{width:100%; margin-left:0%; margin-top:0px; margin-bottom:40px;}.get-started{width:70%;}
.patients-textbox h2{font-size:24px; padding-right:40px;}

.technology-events{height:150px;}
.technology-item{padding-bottom:170px !important;}#our-technology li {width:100%;}
#our-technology li{margin-top:160px;}#our-technology ul{margin-top:0px;}

#non-surgical ul {margin-top:0px;}
.Surgeries ul {column-count:1;}#non-surgical li {width:100%; margin-top: 160px;}.Surgery-boxleft{width:100%;}#non-surgical li{margin-top:0px;}
#non-surgical .img-box{width:100%;}#non-surgical img{margin-top:0px;}.surgical-events{height:100%;}
#non-surgical .special-box1{width:100%; padding-left:0%;}



}