@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kalam:wght@700&display=swap');
/* font-family: "Kalam", cursive; */
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

:root {
  --main-color: #0052B5;
}

html, body {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size:18px;
color:var(--second-color);
line-height:1.5;
padding:0;
margin:0;
}

a {
  color:#004E5A;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}


.pd-5{padding: 0 5px}
.md-5{margin: 0 -5px}

.pd-10{padding: 0 10px}
.md-10{margin: 0 -10px}
.container{max-width: 1327px;}

.main-wapper{padding: 131px 0 0 0;}

header{position: fixed; width: 100%; top: 0px; z-index: 999; transition: all .5s ease; background: #fff; -webkit-box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15); -moz-box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15); box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15);}
header .header-main{margin: 0px;}
header .header-main .toparea{display: flex; justify-content: space-between; border-bottom: #E9E9E9 1px solid; align-items: center; padding: 0 25px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .toparea .note{font-size: 14px; line-height: 18px; color: #747474; font-weight: 400;}
header .header-main .toparea .note strong{color: #000;}
header .header-main .toparea .top-right{display: flex; align-items: center; padding: 4px 0;}
header .header-main .toparea .top-right .info{font-size: 14px; line-height: 24px; color: #747474; font-weight: 400; margin-left: 40px; display: flex; align-items: center;}
header .header-main .toparea .top-right .info svg{margin-right: 12px;}
header .header-main .toparea .top-right .info a{color: #747474;}
header .header-main .toparea .top-right .info strong{color: #000; font-weight: 600;}
header .header-main .toparea .top-right ul.social{margin: 0px; padding: 0px 0px 0px 15px; list-style: none; display: flex;}
header .header-main .toparea .top-right ul.social li{margin-left: 10px;}
header .header-main .header-bottom-part{display: flex; justify-content: space-between; padding: 0 25px 0 0;}
header .header-main .header-bottom-part .logo-area{padding: 15px 65px 15px 25px; background: url('../images/logo-bg.svg') right center no-repeat; background-size: cover; display: flex; align-items: center;}
header .header-main .header-bottom-part .logo{width: 258px; transition: all .5s ease;}
header .header-main .header-bottom-part .logo img{width: 100%;}
header .header-main .header-bottom-part .rightside{display: flex; align-items: center;}
header .header-main .header-bottom-part .rightside .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(0,82,181); background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-left: 10px;}
header .header-main .header-bottom-part .rightside .btn-read .text{position: relative; z-index: 2; padding: 15px 25px; text-align: center; color: #fff; font-size: 18px; font-weight: 500; letter-spacing: 4%; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
header .header-main .header-bottom-part .rightside .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
header .header-main .header-bottom-part .rightside .btn-read:hover span{width: 350px; height: 350px;}
header .header-main .header-bottom-part .rightside .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
header .header-main .header-bottom-part .rightside ul.main-menu{display: flex; justify-content: space-between; margin: 0px; padding: 0px; list-style: none;}
header .header-main .header-bottom-part .rightside ul.main-menu li{margin-left: 25px; transition: all .5s ease;}
header .header-main .header-bottom-part .rightside ul.main-menu li a{color: #000; font-size: 16px; padding: 33px 10px; font-weight: 400; text-transform: uppercase; position: relative;  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .header-bottom-part .rightside ul.main-menu li a::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 8px; border-radius: 10px 10px 0 0; background: #fff;  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .header-bottom-part .rightside ul.main-menu li a:hover,
header .header-main .header-bottom-part .rightside ul.main-menu li.current-menu-item a{color: var(--main-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .header-bottom-part .rightside ul.main-menu li a:hover::before,
header .header-main .header-bottom-part .rightside ul.main-menu li.current-menu-item a::before{background: var(--main-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

header.fixed{transition: all .5s ease; position: fixed; top: -41px;}
header.fixed .header-main .header-bottom-part .rightside ul.main-menu li{margin-left: 15px; transition: all .5s ease;}
header.fixed .header-main .header-bottom-part .rightside ul.main-menu li a{padding: 25px 10px;transition: all .5s ease; font-size: 14px;}
header.fixed .header-main .header-bottom-part .logo{width: 170px; transition: all .5s ease;}

.btn-menu {width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;  margin-left: 15px; display: none}
.btn-menu span{width: 100%; height: 2px; background: var(--main-color); display: block;  transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+2){display: none;}
.btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}

.top-hero-banner{background: rgb(0,82,181); background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%); border-radius: 0 0 420px 0; position: relative; overflow: hidden; margin-top: -131px;}
.top-hero-banner .pattern{position: absolute; bottom:56px; left: -115px; animation: 5s linear 0s normal none infinite running spin;}
.top-hero-banner .container{position: relative; display: flex; align-items: center; justify-content: end; height: 100%;}
.top-hero-banner .container .photo1{position: absolute; bottom: 0px; left: -100px; height: 100%;}
.top-hero-banner .container .photo1 img{height: 100%;}
.top-hero-banner .item{padding-top: 131px; height: 100vh;}
.top-hero-banner .item .content{width: 58.5%; }
.top-hero-banner .item .content .sub{font-size: 30px; line-height: 36px; font-weight: 300; color: #fff; margin: 0 0 20px 0; letter-spacing: 16%;}
.top-hero-banner .item .content h1{font-size: 54px; line-height: 65px; font-weight: 700; color: #fff; margin: 0 0 28px 0;}
.top-hero-banner .item .content .line{width: 340px; background: #fff; height: 1px; position: relative; margin-bottom: 30px;}
.top-hero-banner .item .content .line::before{content: ''; width: 240px; position: absolute; top: -10px; left: 0px; border-top: #fff 1px solid;}
.top-hero-banner .item .content .line::after{content: ''; width: 240px; position: absolute; bottom: -10px; left: 0px; border-top: #fff 1px solid;}
.top-hero-banner .item .content p{font-size: 36px; line-height: 44px; color: #fff; font-weight: 300; margin: 0 0 30px 0;}
.top-hero-banner .item ul { margin: 0 0 18px 0; padding: 0; list-style: none;}
.top-hero-banner .item ul li{ padding-left: 40px; position: relative; font-size: 20px; font-weight: 400; line-height: 24px; color: #fff; padding-bottom: 12px;}
.top-hero-banner .item ul li b{font-weight: 600;}
.top-hero-banner .item ul li::before { content: ""; width: 24px; height: 24px; background: url(../images/check-arrow.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: 0;}
.top-hero-banner .content .btn-area .btn-white{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid #fff; background: #fff; border-radius: 10px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-right: 20px; letter-spacing: 4%;}
.top-hero-banner .content .btn-area .btn-white .text{position: relative; z-index: 2; padding: 23px 45px; text-align: center; color:var(--main-color); font-size: 18px; line-height: 18px; font-weight: 500; -webkit-transition: all 0.7s; transition: all 0.7s; text-transform: uppercase;}
.top-hero-banner .content .btn-area .btn-white .text strong{display: block; font-family: "Kalam", cursive; font-weight: 700; color: #000000; font-size: 16px; margin-bottom: 4px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white:hover .text{color: #fff;  -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white:hover .text strong{color: #fff; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white:hover span{width: 350px; height: 350px;}
.top-hero-banner .content .btn-area .btn-white span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background: rgb(0,82,181); background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%); z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.top-hero-banner .content .btn-area .btn-white-border{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid #fff; background: transparent; border-radius: 10px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; padding: 0px;}
.top-hero-banner .content .btn-area .btn-white-border .text{position: relative; z-index: 2; padding: 23px 40px; text-align: center; color: #fff; font-size: 18px; line-height: 18px; font-weight: 500; text-transform: uppercase; -webkit-transition: all 0.7s; transition: all 0.7s; letter-spacing: 4%;}
.top-hero-banner .content .btn-area .btn-white-border .text strong{display: block; font-family: "Kalam", cursive; font-weight: 700; color: #fff; font-size: 16px; margin-bottom: 4px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white-border:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white-border:hover .text strong{color: #000; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white-border:hover span{width: 350px; height: 350px;}
.top-hero-banner .content .btn-area .btn-white-border span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background: #fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.top-hero-banner .owl-nav,
.top-hero-banner .owl-dots{display: none;}


@keyframes spin {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}


/**Title**/
h2{font-size: 42px; line-height: 54px; color: var(--main-color); font-weight: 700; padding: 0 0 25px 0; margin: 0 0 25px 0; position: relative;}
h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 220px; background: #000; height: 2px;}
h2::after{content: ''; position: absolute; bottom: -7px; width: 16px; height: 16px; background: var(--main-color); left: 0px;}

/** About **/
.about-area{padding: 80px 0;}
.about-area .inner-flex{display: flex; align-items: center;}
.about-area .inner-flex .content-part{width: 66.8%; padding-right: 48px;}
.about-area .inner-flex .img-area{width: 33.2%;}
.about-area p{font-size: 18px; line-height: 28px; color: #444444; font-weight: 400; margin: 0 0 20px 0;}

.about-area .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(0,82,181); background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.about-area .btn-read .text{position: relative; display: flex; align-items: center; z-index: 2; padding: 12px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; letter-spacing: 4%;}
.about-area .btn-read .text svg{margin-left: 8px;}
.about-area .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.about-area .btn-read .text svg path{stroke: #fff; -webkit-transition: all 0.7s; transition: all 0.7s; }
.about-area .btn-read:hover .text svg path{stroke: var(--main-color); -webkit-transition: all 0.7s; transition: all 0.7s; }
.about-area .btn-read:hover span{width: 350px; height: 350px;}
.about-area .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.about-area h3{margin: 35px 0; font-size: 24px; line-height: 24px; font-weight: 700; color: #171717;}
.about-area h3 span{color: #EF7222;}
.about-area ul.number-list{margin: 0px; padding: 0px; list-style: none; display: flex;}
.about-area ul.number-list li{padding-right: 30px; border-right: #B5C3CC 1px solid; margin-right: 30px; text-transform: uppercase;}
.about-area ul.number-list li:last-child{padding-right: 0px; margin-right: 0px; border-right: none; }
.about-area ul.number-list li strong{display: block; font-size: 34px; line-height: 34px; color: var(--main-color); margin: 0 0 10px 0;}
.about-area ul.number-list li span{font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: 4%; color: #000000;}

.different-point-area{padding: 80px 0; background: #EEF6FF;} 
.different-point-area h2{text-align: center;}
.different-point-area h2::before{left: 50%; margin-left: -110px;}
.different-point-area h2::after{left: 50%; margin-left: -8px;}
.different-point-area table{width: 100%; margin: 38px 0 0 0;}
.different-point-area tr{border-radius: 30px; display: flex;}
.different-point-area table tr td{padding: 0px; width: 33.33%;}
.different-point-area table tr td .white-block{border: #B3C8E0 1px solid; background: #fff; border-bottom: none; font-size: 15px; line-height: 23px; color: #505050; padding: 14px 20px; height: 100%; display: flex; align-items: center;}
.different-point-area table tr td .white-block.check{position: relative; padding-left: 56px;}
.different-point-area table tr td .white-block.check::before{content: ''; background: url(../images/checkmark-icon.png) center center no-repeat; width: 24px; height: 24px; position: absolute; top: 50%; left: 20px; margin-top: -12px;}
.different-point-area table tr td .white-block.cancel{position: relative; padding-left: 56px;}
.different-point-area table tr td .white-block.cancel::before{content: ''; background: url(../images/cancel-icon.png) center center no-repeat; width: 24px; height: 24px; position: absolute; top: 50%; left: 20px; margin-top: -12px;}
.different-point-area table tr td:first-child .white-block{border-radius: 30px 0 0 30px; border-right: none; color: var(--main-color); font-weight: 600;}
.different-point-area table tr td:last-child .white-block{border-radius: 0 30px 30px 0; border-left: none;}
.different-point-area table tr:last-child td .white-block{border-bottom: #B3C8E0 1px solid;}
.different-point-area table tr th{font-size: 20px; line-height: 26px; font-weight: 700; padding: 0px; color: #012E61; width: 33.33%;}
.different-point-area table tr th .carecode-title{background: var(--main-color); color: #fff; text-align: center; border-radius: 30px 30px 0 0; padding: 12px;}
.different-point-area table tr th .other-title{ padding: 12px; text-align: center;}
.different-point-area table tr th .title{ padding: 12px 20px;}

.rcm-service-area{padding: 80px 0;}
.rcm-service-area .inner-flex{display: flex;}
.rcm-service-area .inner-flex .photo-area{width: 50%; min-height: 200px;}
.rcm-service-area .inner-flex .photo-area .img-block{width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 20px;}
.rcm-service-area .inner-flex .photo-area .img-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.rcm-service-area .inner-flex .content-part{width: 50%; padding: 40px;}
.rcm-service-area .inner-flex .content-part h3{font-size: 26px; line-height: 28px; color: #444444; font-weight: 300; margin: 0 0 18px 0;}
.rcm-service-area .inner-flex .content-part h3 span{color: #EF7222; font-weight: 400;}
.rcm-service-area .inner-flex .content-part .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(0,82,181); background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.rcm-service-area .inner-flex .content-part .btn-read .text{position: relative; display: flex; align-items: center; z-index: 2; padding: 12px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; letter-spacing: 4%;}
.rcm-service-area .inner-flex .content-part .btn-read .text svg{margin-right: 8px;}
.rcm-service-area .inner-flex .content-part .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.rcm-service-area .inner-flex .content-part .btn-read .text svg path{stroke: #fff; -webkit-transition: all 0.7s; transition: all 0.7s; }
.rcm-service-area .inner-flex .content-part .btn-read:hover .text svg path{stroke: var(--main-color); -webkit-transition: all 0.7s; transition: all 0.7s; }
.rcm-service-area .inner-flex .content-part .btn-read:hover span{width: 350px; height: 350px;}
.rcm-service-area .inner-flex .content-part .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.rcm-service-area .inner-flex .content-part ul{margin: 0px; padding: 0px; list-style: none;}
.rcm-service-area .inner-flex .content-part ul li{font-size: 16px; line-height: 24px; color: #444444; font-weight: 400; margin: 0 0 12px 0; position: relative; padding-left: 40px;}
.rcm-service-area .inner-flex .content-part ul li strong{display: block; font-size: 20px; font-weight: 600;}
.rcm-service-area .inner-flex .content-part ul li::before{content: ''; position: absolute; top: 0px; left: 0px; background: url(../images/checkmark-blue.svg) center center no-repeat; width: 24px; height: 24px;}

.service-area{padding: 80px 0; background: #EEF6FF;} 
.service-area h2{text-align: center;}
.service-area h2::before{left: 50%; margin-left: -110px;}
.service-area h2::after{left: 50%; margin-left: -8px;}
.service-area .inner-flex{display: flex;}
.service-area .leftside{width: 62%;}
.service-area .form-area{width: 38%;background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%); padding: 30px 30px 0 30px;  border-radius: 20px;}
.service-area .form-area h3{font-size: 24px; line-height: 30px; font-weight: 700; color: #fff; margin: 0 0 20px 0;}
.service-area .form-area .input-block{margin: 0 0 10px 0;}
.service-area .form-area .form-control,
.service-area .form-area .form-select{border:none; font-size: 16px; line-height: 24px; padding: 15px 20px; font-weight: 400; color: var(--main-color);}
.service-area .form-area .form-control::placeholder{color: var(--main-color);}
.service-area .form-area .form-control:focus{box-shadow: none;}
.service-area .form-area .btn-submit{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid #EC8E24; background: #EC8E24; border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none;  width: 100%; margin: 0 0 30px 0;}
.service-area .form-area .btn-submit .text{position: relative; display: flex; align-items: center; z-index: 2; padding: 15px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; letter-spacing: 4%;}
.service-area .form-area .btn-submit:hover .text{color: #EC8E24;  -webkit-transition: all 0.7s; transition: all 0.7s;}
.service-area .form-area .btn-submit:hover span{width: 350px; height: 350px;}
.service-area .form-area .btn-submit span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.service-area .form-area .doctor-img{width: 320px; margin: 0 auto;}
.service-area .form-area .doctor-img img{width: 100%;}
.service-area .chart-area{width: 752px; height: 782px; margin: 0 auto; position: relative;}
.service-area .chart-area img{position: absolute; top: 0px; left: 0px; width: 100%;}
.service-area .chart-area .center-circle{width: 370px; height: 370px; border:#B3C8E0 4px solid; background: #fff; position: absolute; top: 50%; left: 50%; margin: -185px 0 0 -185px; border-radius: 50%; overflow: hidden; }
.service-area .chart-area .center-circle img{width: 86%; height: 86%; margin: auto; top: 7%; left: 3%; bottom: 7%; right: 7%; object-fit: cover; position: absolute;}
.service-area .chart-area ul{margin: 0px; padding: 0px; list-style: none; width: 100%; height: 100%; position: relative;}
.service-area .chart-area ul li{position: relative}
.service-area .chart-area ul li .gray-box{width: 174px; height: 174px; border-radius: 50%; background: #D7E6F8; display: flex; align-items: center; justify-content: center; position: relative;}
.service-area .chart-area ul li .gray-box::before{content: ''; position: absolute; bottom: -32px; left: 50%; width: 10px; height: 36px; background: #D7E6F8; margin-left: -5px;}
.service-area .chart-area ul li .blue-text{border-radius: 50%; width: 150px; height: 150px; background: var(--main-color); color: #fff; border: #fff 2px solid; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; line-height: 22px; font-weight: 400; padding: 0 20px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.service-area .chart-area ul li .white-text{border-radius: 50%; width: 150px; height: 150px; background: #fff; color: var(--main-color); border: var(--main-color) 2px solid; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; line-height: 22px; font-weight: 400; padding: 0 20px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.service-area .chart-area ul li.box1{position: absolute; top: 0px; left: 50%; margin-left: -87px;}

.service-area .chart-area ul li.box2{position: absolute; top: 58px; right: 109px; transform: rotate(36deg);}
.service-area .chart-area ul li.box2 .white-text{transform: rotate(-36deg);}

.service-area .chart-area ul li.box3{position: absolute; top: 210px; right: 0px; transform: rotate(72deg);}
.service-area .chart-area ul li.box3 .blue-text{transform: rotate(-72deg);}

.service-area .chart-area ul li.box4{position: absolute; bottom: 210px; right: 0px; transform: rotate(108deg);}
.service-area .chart-area ul li.box4 .white-text{transform: rotate(-108deg);}

.service-area .chart-area ul li.box5{position: absolute; bottom: 58px; right: 109px; transform: rotate(144deg);}
.service-area .chart-area ul li.box5 .blue-text{transform: rotate(-144deg);}

.service-area .chart-area ul li.box6{position: absolute; bottom: 0px; right: 50%; margin-right: -87px; transform: rotate(180deg);}
.service-area .chart-area ul li.box6 .white-text{transform: rotate(-180deg);}

.service-area .chart-area ul li.box7{position: absolute; bottom: 58px; left: 109px; transform: rotate(-144deg);}
.service-area .chart-area ul li.box7 .blue-text{transform: rotate(144deg);}

.service-area .chart-area ul li.box8{position: absolute; bottom: 210px; left: 0px; transform: rotate(-110deg);}
.service-area .chart-area ul li.box8 .white-text{transform: rotate(110deg);}

.service-area .chart-area ul li.box9{position: absolute; top: 210px; left: 0px; transform: rotate(-75deg);}
.service-area .chart-area ul li.box9 .blue-text{transform: rotate(75deg);}

.service-area .chart-area ul li.box10{position: absolute; top: 58px; left: 109px; transform: rotate(-39deg);}
.service-area .chart-area ul li.box10 .white-text{transform: rotate(39deg);}

.complimentary-area{padding: 80px 0;}
.complimentary-area h2{text-align: center;}
.complimentary-area h2::before{left: 50%; margin-left: -110px;}
.complimentary-area h2::after{left: 50%; margin-left: -8px;}
.complimentary-area ul{margin: 0 -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; }
.complimentary-area ul li{width: 33.33%; padding: 0 10px; margin-top: 20px}
.complimentary-area ul li .service-block{display: flex; background: #EEF6FF; padding: 15px; align-items: center; border-radius: 10px;}
.complimentary-area ul li .service-block .icon{width: 70px; height: 70px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: var(--main-color); margin-right: 15px;}
.complimentary-area ul li .service-block h3{font-size: 20px; line-height: 26px; font-weight: 500; color: var(--main-color); margin: 0px; width: 80%;}

.client-logo-area{padding: 80px 0; background: #EEF6FF;} 
.client-logo-area h2{text-align: center;}
.client-logo-area h2::before{left: 50%; margin-left: -110px;}
.client-logo-area h2::after{left: 50%; margin-left: -8px;}
.client-logo-area ul{margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.client-logo-area ul li{width: 180px; height: 180px; animation: logo-large 4s ease infinite; margin: 0 10px;}
.client-logo-area ul li .logo-block{width: 100%; height: 100%; border-radius: 50%; background: #fff; overflow: hidden; position: relative; -webkit-box-shadow: 0px 0px 20px 0px rgba(213,230,240,1); -moz-box-shadow: 0px 0px 20px 0px rgba(213,230,240,1); box-shadow: 0px 0px 20px 0px rgba(213,230,240,1);  display: flex; align-items: center; justify-content: center;}
.client-logo-area ul li:nth-child(even){animation: small-large 4s ease infinite; width: 130px; height: 130px;}

@keyframes logo-large {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.75, 0.74);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes small-large {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.25, 1.25);
  }
  100% {
    transform: scale(1, 1);
  }
}


.get-started-area{padding: 80px 0; text-align: center;}
.get-started-area h2{padding: 0px; margin: 0 auto 30px auto; max-width: 914px;}
.get-started-area h2::before,
.get-started-area h2::after{content: none;}
.get-started-area p{font-size: 26px; line-height: 40px; font-weight: 300; color: #444444; margin: 0 0 30px 0;}
.get-started-area p strong{font-weight: 600;}
.get-started-area .d-flex{justify-content: center; margin-bottom: 30px;}
.get-started-area .btn-blue{background: var(--main-color); padding: 5px 35px 5px 5px; border-radius: 30px; display: flex; align-items: center; color: #fff; font-size: 20px; line-height: 20px; font-weight: 600;}
.get-started-area .btn-blue .icon{width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 14px;}
.get-started-area .btn-yellow{background: #EF7222; padding: 5px 35px 5px 5px; border-radius: 30px; display: flex; align-items: center; color: #fff; font-size: 20px; line-height: 20px; font-weight: 600; margin: 0 20px;}
.get-started-area .btn-yellow .icon{width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 14px;}
.get-started-area .btn-yellow .icon svg path{stroke: #EF7222;}
.get-started-area h3{font-size: 40px; line-height: 56px; color: #808080; font-weight: 300; margin: 0px;}
.get-started-area h3 span{color: #000000;}


footer .newsletter-area{background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%); padding: 12px 0;}
footer .newsletter-area .d-flex{align-items: center;}
footer .newsletter-area .leftside{width: 50%;}
footer .newsletter-area .leftside h2{font-size: 24px; line-height: 24px; margin: 0px; color: #fff; font-weight: 700; padding: 0px;}
footer .newsletter-area .leftside h2::before,
footer .newsletter-area .leftside h2::after{content: none;}
footer .newsletter-area .leftside p{font-size: 16px; line-height: 24px; margin: 0px; color: #fff; font-weight: 400;}
footer .newsletter-area .form-area{width: 50%; position: relative;}
footer .newsletter-area .form-area .form-control{border: none; background: #fff; color: #6B88B0; font-size: 16px; line-height: 30px; font-weight: 500; padding: 13px 24px;}
footer .newsletter-area .form-area .form-control:focus{box-shadow: none;}
footer .newsletter-area .form-area .btn-go{position: absolute; top: 5px; right: 5px; background: #444444; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; padding: 11px 20px; border: none; border-radius: 5px;}

footer .footer-area{background: #F1F9FE;}
footer .footer-area .about-info{width: 33.33%; order: 2; border-right: #CEE4F2 1px solid; padding: 40px 30px;}
footer .footer-area .about-info .logo{margin: 0 0 15px 0; }
footer .footer-area .about-info p{font-size: 15px; line-height: 24px; color: #494949; font-weight: 400; margin: 0 0 10px 0;}
footer .footer-area .about-info ul.social{margin: 0px; padding: 0px; list-style: none; display: flex;}
footer .footer-area .about-info ul.social li{margin-right: 10px;}

footer .footer-area .quick-link-block{width: 33.33%; order: 1; border-right: #CEE4F2 1px solid; padding: 40px 30px 40px 0;}
footer .footer-area .quick-link-block h2{font-size: 24px; line-height: 24px; color: var(--main-color); font-weight: 700; margin: 0 0 18px 0; padding: 0px;}
footer .footer-area .quick-link-block h2::before,
footer .footer-area .quick-link-block h2::after{content: none;}

footer .footer-area .quick-link-block ul{margin: 0px; padding: 0px 0px 0px 18px; display: flex; flex-wrap: wrap;}
footer .footer-area .quick-link-block ul li{width: 50%;}
footer .footer-area .quick-link-block ul li a{font-size: 16px; line-height: 30px; color:#494949; font-weight: 300;}
footer .footer-area .quick-link-block ul li a:hover{color: var(--main-color);}

footer .footer-area .contact-info-block{width: 33.33%; order: 3; padding: 40px 0 40px 30px;}
footer .footer-area .contact-info-block .info{font-size: 16px; line-height: 24px; color: #494949; font-weight: 400; display: flex; flex-direction: column; position: relative; justify-content: center; padding-left: 80px; margin: 0 0 15px 0;}
footer .footer-area .contact-info-block .info span{font-size: 16px; line-height: 26px; color: var(--main-color); font-weight: 500; display: block; margin-bottom: 4px;}
footer .footer-area .contact-info-block .info .icon{width: 54px; height: 54px; border: var(--main-color) 1px solid; border-radius: 50%; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center;}
footer .footer-area .contact-info-block .info a{color: var(--second-color);}
footer .footer-area .contact-info-block .info:last-child{margin: 0px;}
footer .footer-area .copyright{border-top: #CEE4F2 1px solid; text-align: center; padding: 20px 0; font-size: 14px; line-height: 14px; color: #494949;}

.sticky-area{position: fixed; bottom: 20px; right: 20px; z-index: 10}
.sticky-area ul.social-media{margin: 0px 0px 158px 0px; padding: 80px 6px 1px 6px; list-style: none; background: #F1F9FE; border-radius: 30px; position: relative; width: 36px;}
.sticky-area ul.social-media::before{content: 'Follow us -'; position: absolute; top: 38px; left: -16px; font-size: 12px; font-weight: 500; color: #2A3C90; width: 70px; transform: rotate(90deg);}
.sticky-area ul.social-media li{margin-bottom: 6px; width: 24px; height: 24px;}
.sticky-area ul.social-media li a{display: block;}
.sticky-area ul.social-media li a svg{width: 24px; height: 24px; vertical-align: top;}
.sticky-area .btn-area{display: flex; flex-direction: column;}
.sticky-area .btn-area a{margin-top: 7px}
.sticky-area .btn-area .btn-call{width: 146px; height: 36px;  background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%); border-radius: 25px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; font-weight: 700; transform: rotate(-90deg); position: absolute; bottom: 144px; right: -55px;}
.sticky-area .btn-area .btn-call svg{margin-right: 15px; margin-right: 15px; width: 18px; height: 18px;}
.sticky-area .btn-area .btn-top{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgba(0,82,181,1) 0%, rgba(66,133,244,1) 100%);}
.sticky-area .btn-area .btn-top img{width: 100%;}



/***contact us ***/
.conatcat-top-hero-banner { background-color: var(--main-color);     overflow: hidden;}
.conatcat-top-hero-banner .inner-flex { display: flex; align-items: end;}
.conatcat-top-hero-banner .inner-flex  .contact-content h1 {  font-weight: 700; font-size: 150px; line-height: 150px; letter-spacing: 0%; color: #FFFFFF; margin: 0 0 -20.5px 0;   }
.conatcat-top-hero-banner .inner-flex .contact-content { width: 61.8%; position: relative;}
.conatcat-top-hero-banner .inner-flex .contact-content::before { content: ""; width: 528px; height: 572px; background: url(../images/banner-img-before.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: -118px;}
.conatcat-top-hero-banner .inner-flex .contact-img { width: 40.4%;  min-height: 300px;}
.conatcat-top-hero-banner .inner-flex .contact-img .img-area { width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 20px ;  margin-left: -31px; }
.conatcat-top-hero-banner .inner-flex .contact-img .img-area img { width: 104.5%; height: 100%; padding-top: 8px;}


.request-a-call-back { padding: 80px 0;}
.request-a-call-back .inner-flex  { display: flex;}

.request-a-call-back .inner-flex .request-a-block { width: 56.9%;  padding-right: 122px;}
.request-a-call-back .inner-flex .request-a-form-area { width: 43.1%;}
.request-a-call-back .inner-flex .request-a-form-area  .form-control, .request-a-call-back .inner-flex .request-a-form-area .form-select {  font-weight: 400; font-size: 16px; line-height: 30px; letter-spacing: 0%; color: #6D6D6D; padding: 11px 20px;     border: 1px solid #D3E2F4;}
.request-a-call-back .inner-flex .request-a-form-area  .input-block { margin: 0 0 10px 0;}
.request-a-call-back .inner-flex .request-a-form-area  .form-control:focus , .form-select:focus { box-shadow: none; }

.request-a-call-back .request-a-block p { font-weight: 400; font-size: 18px; line-height: 28px; letter-spacing: 0%; color: #444444; margin-bottom: 18px;}
.request-a-call-back .request-a-block .number-list { list-style: none; padding: 0 ; margin: 0;}
.request-a-call-back .request-a-block .number-list li { padding-left: 39px; position: relative; display: flex; flex-direction: column; margin-bottom: 15px;}
.request-a-call-back .request-a-block .number-list li:last-child { margin: 0 0 20px 0;}
.request-a-call-back .request-a-block .number-list li strong { font-weight: 700px; font-size: 16px; line-height: 26px; color: #292929; }
.request-a-call-back .request-a-block .number-list li span { font-weight: 400; font-size: 16px; line-height: 26px;color: #292929; }
.request-a-call-back .request-a-block .number-list li a { font-weight: 400; font-size: 16px; line-height: 26px;color: #292929; }
.request-a-call-back .request-a-block .number-list li::before { content: ""; width: 24px; height: 24px; position: absolute; top:5px; left: 0px; }
.request-a-call-back .request-a-block .number-list li:nth-child(1)::before { background: url(../images/request-icon1.png) center center no-repeat;}
.request-a-call-back .request-a-block .number-list li:nth-child(2)::before { background: url(../images/request-icon-2.png) center center no-repeat;}
.request-a-call-back .request-a-block .number-list li:nth-child(3)::before { background: url(../images/request-icon3.png) center center no-repeat;}
.request-a-call-back .request-a-block .icon-block { list-style: none; padding: 0 ; margin: 0; display: flex; gap: 10px;}
.request-a-call-back .request-a-block .icon-block li { width: 54px; height: 54px; border-radius: 50%; border: 1px solid #0052B5; display: flex; align-items: center; justify-content: center; }
.request-a-call-back .request-a-form-area .btn-submit {display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(0, 82, 181); background: linear-gradient(0deg, rgba(0, 82, 181, 1) 0%, rgba(66, 133, 244, 1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.request-a-call-back .request-a-form-area .btn-submit .text{position: relative; display: flex; align-items: center; z-index: 2; padding: 12px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; letter-spacing: 4%;}
.request-a-call-back .request-a-form-area .btn-submit .text svg{margin-left: 8px;}
.request-a-call-back .request-a-form-area .btn-submit:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.request-a-call-back .request-a-form-area .btn-submit .text svg path{stroke: #fff; -webkit-transition: all 0.7s; transition: all 0.7s; }
.request-a-call-back .request-a-form-area .btn-submit:hover .text svg path{stroke: var(--main-color); -webkit-transition: all 0.7s; transition: all 0.7s; }
.request-a-call-back .request-a-form-area .btn-submit:hover span{width: 350px; height: 350px;}
.request-a-call-back .request-a-form-area .btn-submit span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.contact-map  { padding:  0 0 80px 0;}
.contact-map iframe { width: 100%; border-radius: 16px;}
.request-a-call-back .request-a-form-area .wpcf7 form .wpcf7-response-output {margin: 10px 0 0 0 ; text-align: center; color: #000; font-size: 14px;}
.wpcf7 form .wpcf7-response-output {margin: 0; text-align: center; color: #fff; font-size: 14px;}
.service-area .form-area .wpcf7-not-valid-tip{color: #fff; font-size: 10px;}
#wpcf7-f117-o2{width: 50%;}
footer .newsletter-area .form-area{width: 100%; position: relative;}
footer .newsletter-area .form-area .wpcf7-spinner{position: absolute; right: 80px; top: 16px; margin: 0px;}
footer .newsletter-area .form-area .wpcf7-not-valid-tip{color: #fff; font-size: 10px;}