@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===============*/
#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:240px;
  transform:translateY(30px);
  position: absolute;
  transition: transform .3s ease-in-out;
  padding-bottom: 40px;
  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:500px;
	padding:45px 55px;
    display: block;
    margin-top: -80px;
    background:url(../img/bg-form.png) no-repeat;
	background-size:100%;
    position: absolute;
    right:6%;
	bottom:-80px;
}
.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: 12px;
    color: #fff;border-radius:25px;
    font-size: 15px;width:100%;
    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:140px; 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%;}
.about-img{display:block; float:left; padding-left:2%; width:48%; 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: #253b80;
  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: 50%;
}
#consult-doctors{
  padding: 20px;
  display: block;
  column-count: 1;
}
#consult-doctors img{width:90%;}
.youtube-button {
  background: #03216a;
  border:0px solid #03216a;
  padding: 12px;
  color: #fff;
  border-radius:45px;
  font-size: 15px;
  width:210px;
  padding-left:38px;
  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:#2377b5; color: #fff;}
.youtube-button img {
  position: absolute;
  top: -2px;
  width: 50px;
  left: -9px;
  background: #fff;
  border-radius: 100%;
  height: 50px;border:3px solid #03216a;
}

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

#consult-doctors h2{
  font-size:44px;
  color: #000;
  padding-top:140px;
  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:#03216a;
    border: 1px solid #03216a;
    padding: 12px;
    color: #fff;border-radius:25px;
    font-size: 15px;width:50%;
    margin-top:20px;
	display:block; text-align:center;
}
.consultation:hover{color:#03216a; background:#fff;}

#sign-up{
  padding:0px 20px;
  display: block;
  column-count: 1;
}

.sign-up-today {
  display: block;
  column-count: 1;
  background: #2278b5;
  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:#253b80;
}
.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: 12px;
    color: #03216a;border-radius:25px;
    font-size: 15px;width:32%;
    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;}
#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:#2377b5; }
.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-events{display:block; width:100%;  font-size:15px; color:#777; line-height:20px; height:154px; font-weight:400; display:block; padding:10px;} .technology-item:hover .technology-events{color:#fff;}


#our-technology ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;margin-top:160px;
}
#our-technology li {
    width:25%;
    padding: 0 7px;
	list-style:none;
}
.special-box:hover{box-shadow: 1px 5px 10px rgb(0 0 0 / 30%);}
.special-box {
    transition: .4s ease-in-out;
    padding:10px 0;
    min-height: 340px;box-shadow: 1px 5px 10px rgb(0 0 0 / 10%);
    border-radius: 5px;border:0px solid #2278b5;
    background-color:#f1f1f3;border-radius:20px 20px 20px 20px;
}
.special-box img {margin-bottom:10px;margin-top: -160px; background:#fff; border-radius:10px 10px 0px 0px; border:0px solid #2278b5; padding:0px;}

.special-box h3 {font-size:18px; font-weight:bold; padding-bottom:10px; color:#03216a; padding:10px;}



@media screen and (max-width:880px) {
.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:100%;
	height:100%;
	padding:25px 55px;
    display: block;
    margin-top:0px;
    position:relative;
    right:0%;
	bottom:0px;
}
.home-ranksection h2{font-size:17px;}
#about-us p{font-size:16px; text-align:center; color:#444; 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;}
.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: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;}#why-choose{margin-top:-120px;}
}