* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
   font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
}

html{
    scroll-behavior: smooth;
    font-size: 100%;
}

 

a {
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.animatedParent {
    overflow: hidden;
}
a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight:400;
    font-style: normal;
    padding: 1rem 0;
}

p {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top:1rem;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;}

ul li {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    outline: none;
    border: none;
}
ul li:focus{
  outline: none;
  border: none;
}
.pxm{
  padding: 4rem 0px;
}
strong{ font-weight: 600;}

span{
    font-family: 'Poppins', sans-serif; 
}
.sticky-header {
    position: fixed !important;
    padding:15px 0 !important;
    top: 0 !important;
    z-index: 999 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    background: linear-gradient(to right, #153f74 50%, #153f74 50%) !important;
    border: none !important;
    
}

@keyframes transi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


ul.navbar-nav li ul.dropdown-menu li
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/***************Navbar Header*****************/
.logo{
    width: 120px;
}

.logo a{
    text-transform: uppercase;
    font-size: 21px;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
}
.navbar-light{
     position: fixed;
    width: 100%;
    z-index: 9;
    padding:10px 0px;  
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; 
}
.navbar-expand-lg .navbar-nav .nav-item {
    padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
    margin:10px 20px;
    color: #fff;
    font-size:18px;
    font-weight: 500; padding-right:0px; padding-left:0px;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
   color: #fff;

}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #fff; border-bottom:1px solid #fff; text-decoration:none;
    
}
.dropdown-menu {
    background:#f6f6f6;
    padding: 0;
    border-radius: 0;
}
.navbar-light .dropdown-menu .dropdown-item{
    color: #fff;
    font-weight: 500;
    padding: 10px;
    font-size: 26px;
}
.navbar-light .dropdown-menu .dropdown-item:last-child{border: none;}
.navbar-light .nav-item .dropdown-menu .dropdown-item.active, 
.navbar-light .dropdown-menu .dropdown-item:hover, 
.navbar-light .dropdown-menu .dropdown-item:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #e60000;
}
.dropdown-toggle::after {
    color: #ff9933;
    border: 0 !important;
    border-top: 0em solid;
    margin-top: 0;
    position: relative;
    top: 0;
    vertical-align: 0;
    font-size: 15px;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
/**********************/
.webflow-banner{  width:100%; background:url(../images/banner-bg.jpg) no-repeat top center;background-size:cover; padding:6rem 0rem 0rem 0rem  }
.banner-content{ margin-top:0px;}
.banner-content h4{
    color: #fff;
    font-size:48px;
    padding-bottom: 0;
    font-weight:600;
    letter-spacing: 3px;
}
.banner-content h1{
    color: #80b6a0;
    font-size:70px;
    padding-top: 0;
    line-height: 80px;
	font-weight: 300;
}
.banner-content p{
    color: #fff;
    font-size: 16px;
    padding-top:0; padding-bottom:40px;
}

.banner-content strong{color: #fff; font-size: 37px;font-weight: 500;}
.banner-content span{color: #fff; font-size: 16px;font-weight: 400;}

.banner-btn a{ background:#fff; border-radius:8px; padding:10px 20px; color:#153f74; margin-right:25px;display: inline-block;
 border:1px solid #80b6a0; box-shadow: 10px 10px 0px 0px rgb(0 0 0 / 12%); font-weight:500;font-size: 14px;}
.banner-btn a:hover{ background:#9de8ee; border:1px solid #9de8ee; color:#153f74;}



.btn-top-area a{ background:#80b6a0; border-radius:6px; padding:10px 20px; color:#fff; margin-right:15px;display: inline-block; border:1px solid #80b6a0; }
.btn-top-area a:hover{ background:none; border:1px solid #80b6a0;}
.btn-top-area a:hover, .btn-top-area .active{  background:#9de8ee; border:1px solid #80b6a0; }
.search-area a{ color:#80b6a0; margin-right:20px; font-size:20px; margin-left:40px;}



.banner-right{ position:relative;
    width: 100%; margin-top:100px;}
  .banner-right .image-under{ position:absolute;
    width:400px; height:400px; border-radius:100%; left:120px; right:0;    top: 107px;
  } 
 .banner-right .image-under img{ width:100%; border-radius:100%}
 
 .banner-right .image-outer{ position:absolute;
    width:100%; 
  } 
    .banner-right .image-outer img{
    width:100%; 
  }
  
  
  
/**********area-expertise-section****************/
.area-expertise-section{background:url(../images/expertise-bg.jpg) no-repeat top center;}
.area-expertise-section h2{text-align:center; font-size:42px; margin:0px; padding:0px; padding-bottom:10px; color:#262626;}
.area-expertise-section p{text-align:center; font-size:16px; margin:0px; padding:0px;  color:#a6a9ad;}

.expertise-area{width:14%;text-align:center;}
.expertise-area .circle{ width:100px; height:100px; box-shadow:0px 0px 7px #ddd;  background:#153f74; padding:20px;
 border-radius:100%; border:10px solid #fff; margin:0px auto;}
.expertise-area .circle img{ width:45px;}
.expertise-area p{font-size:16px;  margin:0px; padding:20px 0px 0px 0px; } 
.expert-space-01{margin:115px 0px 0px 70px;}
.expert-space-02{margin:285px 0px 0px 25px;}
.expert-space-03{margin:345px 0px 0px 100px;}
.expert-space-04{margin:285px 0px 0px 85px;}
 .expert-space-05{margin:116px 0px 0px 40px;}
 
/***********mission why us****************/
.mission-section{ text-align:center; background:#f8f8f8; background-size:100%;}
.mission-section h2{text-align:center; font-size:42px; margin:0px; padding:0px; padding-bottom:10px; color:#262626;}
.mission-section p{ text-align:center; font-size:16px; margin:0px; padding:0px;  color:#a6a9ad;padding-bottom:40px;}
.mission-area{padding:40px;}
.mission-area .circle{ width:70px; height:70px;  padding:15px; }
.mission-area .circle img{ width:100%;}
.mission-area h4{text-align:left; font-size:25px; color:#262626; font-weight:500}
.mission-area p{text-align:left; font-size:16px; color:#262626;}
.active-area{background:#163f73 url(../images/active-bg.jpg) repeat-x bottom left; color:#fff; padding:40px 40px 40px 40px;  }
.active-area h4{text-align:left; font-size:25px; color:#fff; font-weight:500}
.active-area p{text-align:left; font-size:16px; color:#fff;}
.active-area .circle{ width:70px; height:70px;  padding:15px; }
.active-area .circle img{ width:100%;}
.left-space{margin-left:70px;}


.mission-btn a{ margin-top:40px; font-size:14px; background:#153f74; border-radius:8px; padding:10px 30px; color:#fff; margin-bottom:25px;
display: inline-block; border:1px solid #80b6a0; box-shadow: 10px 10px 0px 0px rgb(21 36 116 / 12%); font-weight:500;}
.mission-btn a:hover{ background:none; border:1px solid #153f74; color:#153f74;}


/***********why-choose-section****************/
.why-choose-section{ text-align:center; background:#efefef; background-size:100%;}
.why-choose-section h2{text-align:center; font-size:42px; margin:0px; padding:0px 250px; padding-bottom:10px; color:#262626;}
.why-choose-section p{ text-align:center; font-size:16px; margin:0px; padding:0px;  color:#a6a9ad;padding-bottom:40px;}
.choose-area{padding:40px; border-radius:6px;margin-bottom:20px;min-height: 341px;}
.choose-area h4{text-align:left; font-size:25px; color:#262626; font-weight:500}
.choose-area p{text-align:left; font-size:16px; color:#262626;padding:0px;}
.light-1{background:#e9e6df;}
.light-2{background:#efecd3;}
.light-3{background:#f2dcf1;}
.light-4{background:#deecec;}
.choose-area .circle{ width:80px; height:80px;  }
.choose-area .circle img{ width:100%;}

 /**********before-after-section*****************/
.before-after-section{ text-align:center; background:url(../images/before-after-bg.jpg) no-repeat top center; background-size:100%; }
.before-after-section h2{text-align:center; font-size:42px; margin:0px; padding:0px; padding-bottom:10px; color:#262626;}
.before-after-section p{text-align:center; font-size:18px; margin:0px; padding:0px;  color:#a6a9ad;padding-bottom:40px;}
.before-box{border:6px solid #f0f0f0; }

.before-box img{width:100%; }
.after-box{width:100%; display:block; float:left;}
.after-box .left{ width:50%;float:left;}
.after-box .left h4{text-align:center; border-right:1px solid #ddd; text-transform:uppercase; margin:0px; padding:0px; margin-top:25px; }
.after-box .right{width:50%;float:left;}
.after-box .right h4{text-align:center; text-transform:uppercase; margin-top:10px;}

.transformanation:hover{ background:#f0f0f0;}
.transformanation a{ display:none; }
.transformanation:hover a{ padding-bottom:40px; display:inline-block;   padding:10px 35px; margin-bottom:25px; 
color:#666; background:#fff; box-shadow:0px 0px 7px #ddd;}

/**********Patient-stories-section*****************/
.patient-stories-section{ text-align:center; background:url(../images/patient-stories-bg.jpg) no-repeat top center; background-size:cover; }
.patient-stories-section h2{text-align:center; font-size:42px; margin:0px; padding:0px; padding-bottom:10px; color:#fff;}
.patient-stories-section p{text-align:center; font-size:18px; margin:0px; padding:0px;  color:#fff;padding-bottom:40px;}
.patient-stories-section h3{text-align:center; font-size:55px; margin:0px; padding:0px; padding-bottom:10px; color:#fff; font-style:italic;}

 /**********catagories-section****************stop now*/
.catagories-section{ text-align:center; background:url(../images/bg-3.jpg) no-repeat; background-size:100%;background-position: right top; }
.catagories-section h3{ font-size:28px; color:#2284c5; }
.catagories-section h2{font-size: 48px; margin-bottom:60px;}
.catagories-box { box-shadow:0px 0px 7px #ddd; background:#fff; padding:40px 20px; border-radius:10px; margin-bottom:25px;}
.catagories-box .circle{ width:70px; height:70px; background:#d9fff0; padding:15px; border-radius:100%; margin:0px auto}
.catagories-box .circle img{ text-align:center; width:100%;}
.catagories-box h4{ text-align:center; color:#000; font-size:22px; font-weight:400;}
.catagories-box:hover{ background:#2284c5;}
.catagories-box:hover h4{ color:#fff;}
.catagories-section .see-all-btn{ margin-top:40px;}
.catagories-section .see-all-btn a{background: #2284c5;
    border-radius: 6px;
    padding: 15px 25px;
    color: #fff;
    margin-right: 25px;
    display: inline-block;
    border: 1px solid #2284c5; box-shadow:0px 0px 7px #cae5da;}
	
	
	
 /**********faq-section*****************/
.faq-section{ text-align:center; background:fff; background-size:100%; }
.faq-section h2{font-size: 48px;  padding: 0px; text-align:center;}
.faq-section p{ text-align:center; font-size:16px; margin:0px; padding:0px;  color:#a6a9ad;padding-bottom:40px;}
.mission-btn span{margin:0px 30px 0px 0px;font-size:22px;color:#666;}
.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow:none;
}
.accordion-button:not(.collapsed) {
    color: #262626;
background-color: #e7f1ff;}
.accordion-body {
    padding: 1rem 1.25rem;
    text-align: left;
    font-size: 16px;
}

/**********gallery-section*****************/
.gallery-section{ text-align:center; background:#f9f9f9; }
.gallery-section h2{font-size: 42px;  padding: 0px; text-align:center;padding-bottom:10px;}
.gallery-section p{ text-align:center; font-size:16px; margin:0px; padding:0px;  color:#a6a9ad;padding-bottom:40px;}


 /**********advanced-technology****************/
.advanced-technology-section{ text-align:center; background:url(../images/advanced-technology-bg.jpg) no-repeat; background-size:100%; 
border-bottom:1px solid #f2f2f2;}
.advanced-technology-section h2{font-size: 42px; }
.advanced-technology-section img{ width:100%; border:1px solid #ddd;box-shadow:2px 2px 8px #ddd;}
.advanced-technology-section p{ text-align:center; font-size:16px; margin:0px; padding:0px;  color:#a6a9ad;padding-bottom:40px;}
/**********request-section*****************/
.request-section{ text-align:center; background:url(../images/request-bg.jpg) no-repeat; background-size:cover; padding:4rem 12rem; }
.request-section h2{font-size: 42px;  text-align:center; color:#fff;}
.request-section p{ text-align:center; font-size:16px; margin:0px; padding:0px;  color:#fff; padding-bottom:40px;}

.form-control {display: block; width: 100%; padding: 15px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #666;
    background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius:1px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 25px;}
	
.mission-btn-01{background:#fff;font-size:14px; border-radius:8px; padding:10px 30px; color:#153f74; margin-right:25px;display: inline-block;
 border:1px solid #80b6a0; box-shadow: 10px 10px 0px 0px rgb(255 255 255 / 12%); font-weight:500;}
.mission-btn-01:hover{ background:#9de8ee; border:1px solid #9de8ee; color:#153f74;}

/**********asird****************/
.asird-section{  width:100%;background:#f5f5f5;}
.asird-section p{ text-align:left; font-size:16px; margin:0px; padding:3rem 0rem 3rem 2rem;  color:#666;}
.asird-section img{ width:100%; }
.asird-right{background:url(../images/asird-bg.png) no-repeat right;padding:3rem 2rem 3rem 0rem;}

 
/************footer***********/
.footer{ background:#153f74  }
.footerlogo{margin-top: 250px;}

.footerbox{margin-top: 0px; padding:4rem 0rem;}
.titlefooter{font-size:22px;color: #fff;font-weight:500;}
.footerbox p{color: #fff;font-size: 16px; margin: 0;}
.footerbox span{color: #9de8ee;}
.side-bg{ background:url(../images/footer-side-bg.png) no-repeat left; padding-left:40px;}
.socials-net li{ display: inline-block;}
.socials-net li a{
    width:45px;
    height:45px;
    line-height:48px;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    color: #153f74;
    margin: 10px;
    display: inline-block;;
}
.socials-net li a:hover{ background:#9de8ee;}
.footernav li a{
    color: #fff;
    font-size:16px;
     display: inline-block;
    padding:7px 0;
}
.footernav li a:hover{color: #9de8ee;}

.footernav i{margin-right:10px;}
.mobile-on{display:none}


/************inner pages start***********/
.inner-banner{background:url(../images/inner-bg-01.jpg) no-repeat top center; padding:2rem 0rem;}
.inner-content{ padding-top:65px;}
.inner-content h2{font-size:38px; color:#fff;}
.inner-content p{color:#fff;}
.inner-content a{color:#fff; font-weight:600;}
.inner-content span{color:#7fa6ca;}

/************about***********/
.started-section{}
.started-content{}
.started-content h2{font-size: 42px; margin:0px; padding:0px;}
.started-content p{color:#666;font-size: 16px;}

.abouts-section{ width:100%; display:block;}
.abouts-section h2{font-size: 34px;}
.img-space{ padding: 25px 25px 0px 0px;}
.about-area{position:relative; width:100%; display:inline-block; height:450px; }
.about-area .left{ position:absolute; z-index:10;width:60% }
.about-area .right{ position:absolute; background:url(../images/about-item-2.jpg) no-repeat top center;z-index:12 ;width:50%;
padding:10px;left:45%; top:55px;}
.about-area .right .text{padding:20px; border:1px solid #fff;}
.about-area .right .text h3{color:#fff;}
.about-area .right .text p{color:#fff;}

/**************contact-section*************/
.contact-section{background:#fff; background-size:cover;}
.contact-section h2{text-align:left;font-size:27px; padding-bottom: 40px;}
.contact-section p{text-align:left; color:#666; font-size:16px; padding-top:0px;line-height: 28px; }

.bs-example {
   
    padding: 4%;
    background: #f0f8fe;
    border-radius: 6px;
}
.contact-btn{  background:#153f74; border-radius:8px; padding:15px 30px; color:#fff; margin-bottom:25px;
display: inline-block; border:1px solid #80b6a0; box-shadow: 10px 10px 0px 0px rgb(21 36 116 / 12%); font-weight:600;}
.contact-btn:hover{ background:none; border:1px solid #153f74; color:#153f74;}
.padding-l{padding-left:40px;}

.form-control-01 {display: block; width: 100%; padding: 10px; font-size: 12px; font-weight: 400; line-height: 1.5; color: #666;
    background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius:1px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 12px;}
.address-area{width:100%; float:left;padding-bottom: 20px;}
.address-area .left{width:10%; float:left;}
.address-area .left img{width:50%;}
.address-area .right{width:90%;float:left;}



/**************services-section*************/

.details01-section {
    text-align: left;
    background: #f4f4f4;
    background-size: cover;
    padding-bottom: 4rem;
    border-top: 1px solid #f4f4f4;
}
.listed-area ul{list-style:disc; margin-left:20px;}
.listed-area ul li{padding-bottom:10px; }
/**************gallery-section*************/

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top:50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  
}

/* Modal Content */
.modal-content {
  position: relative;
   margin: auto;
  padding: 0;
  width:80%;
  max-width:1100px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container {
  text-align: center;
   color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}











