*{font-family: "Poppins", sans-serif;}
.container-wrapper{max-width: 1300px; margin: auto; padding:0 15px;}
a:hover{text-decoration: none;}
.pd-top-60{padding-top:40px}
.pd-top-30{padding-top:30px}
.pd-btm-60{padding-bottom:40px}
img{width: 100%;}

.pos-rel{position: relative;}

.display-flex-center{display: flex; align-items:center}

.text-white{color: #fff !important}

header{background: #fff; position: relative; padding: 10px 0;}
header:before{z-index: 9; position: absolute; height: 15px; bottom:-12px; left:0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; background-size: cover;}
.header-box{display: flex; align-items: center;}
.header-logo{font-size: 54px; color: #000; font-weight: 700; width: 200px;}

.header-rt{display: flex; flex: 1; justify-content: flex-end; text-align: right;}
.header-menu ul{margin:0; padding:0;}
.header-menu ul li{display: inline-block; position: relative; margin:0px;}
.header-menu ul li a{font-size: 16px; color: #000; font-weight: 500; display: block; padding: 15px 12px; border-radius: 999px; *background:#ffc71e}

.header-menu-trigger{display: none; cursor: pointer;}

.banner{background: #000; background: url(../images/banner-bg.jpg) no-repeat center; background-size:cover; padding:100px 0; position: relative;}
.banner:before{z-index: 9; position: absolute; height: 15px; bottom:0px; left:0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; transform: rotate(180deg); background-size: cover;}

.banner-hd{font-size:49px; color: #fff; line-height: 62px; font-weight: 600; margin-bottom: 19px;}
.banner-hd span{color:#ffc71e; display: inline-block; position: relative;}
.banner-txt{font-size: 18px; color: #fff; font-weight: 300; line-height: 34px;}


.inner-banner{background: #000; background: url(../images/about-banner.jpg) no-repeat center; background-size:cover; padding:130px 0; position: relative;}
.inner-banner:before{z-index: 9; position: absolute; height: 15px; bottom:0px; left:0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; transform: rotate(180deg); background-size: cover;}



.banner-btns{padding:25px 0 0 0;}
.join-banner{border-radius: 999px; padding: 12px 20px; font-size: 15px; font-weight: 500; color: #000; background: #ffc71e; border: #ffc71e solid 2px; display: inline-block; margin-right: 3px;}
.talk-us-banner{border-radius: 999px; padding: 12px 20px; font-size: 15px; font-weight: 500; color: #fff; border:#fff solid 2px; background:none; display: inline-block; margin-right: 3px;}

.main-head{font-size: 34px; line-height: 45px; color: #000; font-weight: 600; margin-bottom: 15px;}
.main-head-txt{font-size:15px; color: #000; line-height: 28px}

.main-head-sm{font-size: 34px; line-height: 45px; color: #000; font-weight: 600; margin-bottom: 15px;}
.main-head-txt-sm{font-size: 15px; color: #000; line-height: 28px}

.hightlight-sm{background:#d9e6f0; padding: 15px 30px; border-radius: 10px; margin-top: 20px; border-left:#33526c solid 5px}


.how-support{background: #f5f5f5}


.how-support-bo{padding: 20px 0;}
.how-support-img{width: 45px; height: 45px; overflow: hidden;}
.how-support-hd{font-size:18px; font-weight: 600; color: #000; padding-top:10px; padding-bottom: 10px;}
.how-support-txt{font-size:15px; color: #000; line-height: 27px;}

.recog-sec{display: flex; flex-wrap: wrap;}
.recog-sec-inner{padding: 15px; width: 415px; display: flex;}
.recog-sec-part{width: 100%; padding:37px 33px; text-align: center;}
.re-1{background: url(../images/recog-shape1.png) no-repeat;}
.re-2{background: url(../images/recog-shape2.png) no-repeat;}
.re-3{background: url(../images/recog-shape3.png) no-repeat;}




.recog-sec-icon{height: 70px; width: 70px; border-radius: 50%; margin: auto; margin-bottom: 15px; padding:14px}

.re-1 .recog-sec-icon{background: #fe6e5f}
.re-2 .recog-sec-icon{background: #e4b808}
.re-3 .recog-sec-icon{background: #3e688c}


.recog-txt-sec{border-radius: 30px; padding:25px; background: #fff; box-shadow:rgba(0,0,0,0.1) 0px 8px 15px;}
.recog-sec-hd{font-size: 18px; font-weight: 600; color: #000; padding-bottom:9px;}
.recog-sec-txt{font-size: 15px; color: #000; line-height: 25px;}


.recog-car .owl-nav{text-align: center;}
.recog-car .owl-prev{height: 60px; width: 60px; border-radius: 50%; background: #e4b808 !important; margin-right: 4px; position: relative;}
.recog-car .owl-prev:before{content: ''; position: absolute; height: 31px; width: 31px; left: 15px; top:15px; background: url(../images/arrow-icon.png) no-repeat; background-size: cover; transform: rotate(180deg);}
.recog-car .owl-next{height: 60px; width: 60px; border-radius: 50%; background: #e4b808 !important; position: relative;}
.recog-car .owl-next:before{content: ''; position: absolute; height: 31px; width: 31px; left: 15px; top:15px; background: url(../images/arrow-icon.png) no-repeat; background-size: cover;}

.recog-car .owl-prev span, .recog-car .owl-next span{display: none}


.ever-ch-box{background: url(../images/every-child.jpg) no-repeat; background-size: cover; padding: 80px 0; position: relative;}
.ever-ch-box:after{z-index: 9; position: absolute; height: 15px; top:-1px; left:0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; background-size: cover;}
.ever-ch-box:before{z-index: 9; position: absolute; height: 15px; bottom:0px; left:0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; transform: rotate(180deg); background-size: cover;}



.sys{margin-top:30px; margin-bottom: 15px;}
.sys ul{margin:0; padding:0; display: flex; flex-wrap: wrap;}
.sys ul li{padding:0 67px 0 20px; display: inline-block; width: 33.33%; border-left: #fff solid 4px;}
.sys-hd{font-size: 27px; color:#ffc71e; margin-bottom: 5px; font-weight: 600;}
.sys-txt{font-size: 13px; color: #fff;}



.testimonial-inner{padding: 20px 40px; border-radius: 30px; box-shadow:rgba(0,0,0,0.1) 0px 8px 15px; margin: 25px 15px;}
.testimonial-txt{font-size: 16px; line-height: 27px; color: #000; padding-bottom: 15px;}
.testimonial-dd{padding-top: 15px; border-top: rgba(0, 0, 0, 0.2) solid 1px; padding-left: 60px; position: relative;}
.testimonial-name{color: #1c3d5a; font-size: 20px; font-weight: 600}
.testimonial-des{font-size: 11px; color: rgba(0, 0, 0, 0.7);}

.test-inni{height: 50px; width: 50px; border-radius: 50%; color: #fff; text-align: center; font-size: 23px; font-weight: 600; padding-top: 8px; position: absolute; left:0; top: 11px;}

.te-b{background: #6d6df6;}
.te-r{background: #e7407e;}
.te-g{background: #53ba8a;}
.te-y{background: #e3c858;}

.testimonial-box .owl-dots{display: none;}

.testimonial-box .owl-prev{height: 40px; width: 40px; border-radius: 50%; background: #fff !important; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px; margin-right: 4px; left:0px; top:0; bottom:0; position: absolute; margin: auto;}
.testimonial-box .owl-prev:before{content: ''; position: absolute; height: 20px; width: 20px; left: 9px; top:11px; background: url(../images/arrow-icon.png) no-repeat; background-size: cover; transform: rotate(180deg);}
.testimonial-box .owl-next{height: 40px; width: 40px; border-radius: 50%; background: #fff !important; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px;  right:0px; top:0; bottom:0; position: absolute; margin: auto;}
.testimonial-box .owl-next:before{content: ''; position: absolute; height: 20px; width: 20px; left: 9px; top:11px; background: url(../images/arrow-icon.png) no-repeat; background-size: cover;}

.testimonial-box .owl-prev span, .testimonial-box .owl-next span{display: none}

.testimonial-box .owl-nav{height: 40px; position: absolute; top:0; bottom:0; margin:auto; width: 100%;}

.quotes-icon{width: 40px; margin-bottom: 2px;}
.star-icon{width: 112px; margin-bottom: 15px;}

.seperator-box{background: #1c3d5a; display: flex; padding:30px; border-radius: 30px; align-items: center;}
.sep-name{font-size: 23px; font-weight: 600; color:#fff; line-height: 38px; width: 30%; padding: 0 30px; position: relative;}
.sep-name:before{content:''; position: absolute; border:#ffc71e solid 3px; height: 14px; width: 14px; border-top:0; border-right:0; transform: rotate(-135deg); right: 0;
  top: 0; bottom: 0; margin: auto;}
.sep-txt{font-size: 14px; line-height:25px; color: rgba(255,255,255,0.7); width: 50%;  padding: 0 60px 0 30px; position: relative;}
.sep-txt:before{content:''; position: absolute; border:#ffc71e solid 3px; height: 14px; width: 14px; border-top:0; border-right:0; transform: rotate(-135deg); right: 30px;
  top: 0; bottom: 0; margin: auto;}
.sep-click{width: 20%;}



.about-l ul{margin:0; padding:0; display: flex; flex-wrap: wrap;}
.about-l ul li{display:flex; position: relative; width: 33.33%; padding:15px;}
.about-l-box{width: 100%; border-radius: 30px; padding: 30px; background: #fff;}

.about-l-s{font-size: 22px; color:#ff5c5c; margin-bottom: 10px; background: #f5f5f5; width: 60px; height: 60px; border-radius: 50%; text-align: center; padding-top: 16px; font-weight: 600;}



.faq-free-box{background: #f5f5f5; padding: 50px; border-radius: 30px; overflow: hidden;}

.frequently-ask{padding-top: 30px}
.frequently-ask ul {
  margin: 0;
  padding: 0;
}
.frequently-ask ul li {
  display: block;
  position: relative;
  margin-bottom: 0px;
}
.frequently-ask-inner {
  padding: 17px;
  border-bottom: rgba(0,0,0,0.09)solid 1px;
  border-radius:0;
  background:rgba(0,0,0,0.03);
}
.frequently-ask-inner h3 {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  color: #000;
  margin: 0;
  position: relative;
  cursor: pointer;
  padding-right: 50px;
}
.frequently-ask-inner-cap {
  display: none;
  font-size: 15px;
  line-height: 26px;
  margin-top: 6px;
}

.frequently-ask ul li.active .frequently-ask-inner-cap{display: block;}


.faq-open-icon {
  height: 30px;
  width: 30px;
  background:#e4e4e4;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -8px;
  transition: .3s ease;
}

.faq-open-icon:before {
  content: '';
  position: absolute;
  height: 3px;
  width: 16px;
  background: #000;
  top: 13px;
  left: 8px;
}
.faq-open-icon:after {
  content: '';
  position: absolute;
  height: 16px;
  width: 3px;
  background: #000;
  top: 7px;
  left: 14px;
}

.shape-1{position: absolute; bottom: 20%; left:0}
.shape-2{position: absolute; top: 10%; right:10%; transform: rotate(45deg);}

.shape-3{position: absolute; top: -24%; right:-14%; transform: rotate(-19deg); width: 65px;}


.shape-ul{width: 40%; transform: rotate(90deg); position: absolute; top:0; left: -51px; opacity: 0.3}


footer{padding:40px 0; background:#172133}
.footer-hd{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 20px;}
.footer-txt{font-size: 14px; color: rgba(255,255,255,0.7);}

.footer-menu ul{margin:0; padding:0}
.footer-menu ul li{display: block; position: relative;}
.footer-menu ul li a{color:rgba(255,255,255,0.7); display: block; padding: 6px 0;}

.footer-menu ul li:first-child a{padding-top:0} 

.copyright{font-size: 12px; color:rgba(255,255,255,0.7); padding-top: 20px; margin-top: 20px; border-top: rgba(255,255,255,0.2) solid 1px; text-align: center;}


.quoet{background:#1c3d5a; border-radius: 30px; padding: 30px; margin-bottom: 30px;}

.quotes-txt{font-size: 15px; line-height: 25px; font-weight: 500; color: #fff;}
.quotes-foo{color: rgba(255, 255, 255, 0.5); border-top:rgba(255, 255, 255, 0.3) solid 1px; padding:12px 0 0 0; font-weight:600; margin-top:20px;}

.connect{border-radius: 30px; background: #f5f5f5; overflow: hidden; margin-bottom: 30px;}
.connect ul{margin:0; padding:20px 30px;}
.connect ul li{display: block; position: relative;}
.exp-icon{width:22px; height: 40px; position: absolute; right: 0; top: 14px;}
.connect-hed{background: #ffc71e; font-size: 22px; font-weight: 600; color: #000; padding: 15px 30px;}
.connect ul li a{color: #000; display: block; padding:12px 0px; font-size: 15px; border-bottom: rgba(0, 0, 0, 0.05) solid 1px;}
.connect ul li:last-child a{border-bottom: 0;}

.whats-we-do ul{margin:0; padding:0; display: flex; flex-wrap: wrap;}
.whats-we-do ul li{display:flex; width: 50%; padding:5px;}
.whats-we-do-inn{border-radius: 30px; padding: 30px; width: 100%; background:#f2f6f9; border-left: #99b3ca solid 5px;}

.patient-registry{box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px; padding: 60px;}
.patient-registy-inputs{margin-bottom: 15px;}
.patient-registy-inputs label{font-size: 14px; font-weight: 500; color: #000; display: block; margin-bottom: 3px;}
.patient-registry-inp{padding: 10px; border-radius: 7px; font-size: 16px; border:#1c3d5a solid 1px; width: 100%}

.patient-family-info-hd{font-size: 17px; font-weight: 600; color: #000; background: #f5f5f5; padding: 15px; margin-top: 30px; margin-bottom: 20px}

.dis{font-size: 13px; line-height: 24px; color: #777; margin-bottom: 15px;}

.submit-btn{display: inline-block; padding: 12px 25px; font-size: 15px; margin-right: 15px; border-radius: 7px; background:#1c3d5a; border: #1c3d5a solid 1px; color: #fff; font-weight: 600;}
.download-btn{display: inline-block; padding: 12px 25px; font-size: 15px; margin-right: 15px; border-radius: 7px; background:#f5f5f5; border: #1c3d5a solid 1px; color: #1c3d5a; font-weight: 600;}

.mand-tory{font-size: 19px; font-weight: 300; color: red; display: inline-block; position: absolute; margin-left:3px; top:-5px;}

.conta-det ul{margin:0; padding:0;}
.conta-det ul li{display:block; padding:30px 0; position: relative; border-bottom: #ddd solid 1px;}
.contact-det-box{padding-left:40px;}
.contact-det-type{font-size: 15px; font-weight: 600; color: #000; margin-bottom: 5px;}
.contact-det-txt{font-size: 13px; color: #777; margin-bottom: 15px;}

.contact-det-main{font-size: 15px; color:#1c3d5a; font-weight: 600;}

.contact-info-hd{font-size: 19px; font-weight: 600; color: #000; margin-bottom: 5px;}
.contact-info-txt{font-size: 14px; color: #777; margin-bottom: 15px;}

.contact-info{border: #000 solid 1px; padding: 30px; border-radius: 15px; background: #f8f8f8}
.contact-det-icon{display: inline-block; position: absolute; left:0; top:30px; width: 35px; height: 35px;}


@media(max-width:767px){
  .main-head-sm, .main-head{font-size: 31px; line-height: 42px;}
  .main-head-txt-sm, .main-head-txt{font-size: 17px; line-height: 28px;}
  .inner-banner{padding:90px 0;}
  .banner-hd{font-size: 44px; line-height: 54px;}

  .footer-hd{font-size: 19px; margin-bottom:10px;}
  .footer{padding:30px 0 60px 0;}
  .footer-hd{margin-top:30px;}

  .header-box{display: block;}
  .header-logo{position: relative; width: 100%;}

  .header-menu-trigger{display: block; width: 30px;height: 30px; position: absolute; right: 10px; top: 0px;}
  .header-menu{display: none;}

  .header-rt{text-align: center; display: block;}
  .header-menu{background: #33526c; border-radius: 15px; padding: 15px;}
  .header-menu ul li a{width: 100%; color: #fff; border-bottom: rgba(255, 255, 255, 0.1) solid 1px; border-radius: 0}
  .header-menu ul li{display: block;}

  .banner{padding:45px 0;}
  .banner-hd{font-size: 36px; line-height: 48px;}
  .banner-txt{font-size: 19px; line-height: 29px;}

  .display-flex-center{display: block;}

  .top-lf-img{margin:auto; margin-bottom: 15px; width: 80%}

  .sys ul li{padding: 25px; border-left:0; border-bottom:rgba(255,255,255,0.3) solid 4px; width: 100%}
  .sys ul li:last-child{border-bottom:0}
  .sys-in{text-align: center;}

  .seperator-box{flex-wrap: wrap;}

  .sep-name:before{transform: rotate(-45deg);}
  .sep-name{text-align: center; padding:15px; width: 100%}
  .sep-txt{text-align: center; padding: 15px; width: 100%}
  .sep-click{width: 100%; text-align: center;}

  .faq-free-box{padding:15px;}
  .frequently-ask-inner h3{font-size: 16px; line-height: 26px;}
  .shape-3{right:20px;}

  .how-support-tab .nav-tabs > li > a{font-size: 18px; padding-top:12px; padding-bottom: 12px;}
  .how-support-icons-tab{top:11px;}

  .about-l ul li{width:100%; padding: 15px 0}

  .patient-registry{padding:50px 15px;}

  .submit-btn, .download-btn{width: 100%; display: block; margin-right:0; margin-bottom: 15px;}

  .conta-det ul li{padding:15px 0;}

  .contact-info{margin-top: 20px}

}