* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}
:root {
  --EFFBFF-clr: #EFFBFF;
  --green-light: #01ABAB;
  --blue: #035AA3;
  --black: #000000;
  --black-light: #0A2440;
  --white: #ffffff;

  /* font-family */
  --lato: "Lato", sans-serif;
  --roboto: "Roboto", sans-serif;

  /* font-size */    
    --size-16:1rem;
    --size-18:1.125rem;
    --size-21:1.313rem;
    --size-22:1.375rem;
    --size-24:1.5rem;
    --size-35:2rem;
    --size-46:2.5rem;
    --size-48:3rem;

    /* Line height */
    --line-height-120: 120%;
}

body {
  padding: 0;
  margin: 0;
  font-family: var(--roboto);
}
h1,h2,h3,h4,h5,h6{
  font-family: var(--roboto);
}
p {
  font-size: var(--size-18);
  font-weight: 400;
  line-height: normal;
  font-family: var(--roboto);
  margin-bottom: 1rem;
}
a {
  text-decoration: none;
  color: var(--black);
}
img {
  width: 100%;
  height: auto;
}
.HltBtn,
.btn-arrow-bg,
.loadmorebtn a{
  font-size: var(--size-18);
  padding: 0.9rem 2.9rem;
  font-family: var(--lato);
  border-radius: 0.6rem;
  color: var(--white);
  display: inline-block;
  text-transform: uppercase;
  flex: 0 0 auto;
  font-weight: 600;
  background: linear-gradient(to right, var(--blue), var(--green-light));
  transition: 0.1s ease-in-out;
  border: none;
}
.HltBtn:hover{
 filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));
 background: linear-gradient(to right, var(--blue), var(--green-light));
}
.HltBtnBoder{
  border: 1px solid var(--green-light);
  background: transparent;
  color: var(--black);
}
.HltBtnBoder:hover{
  color: var(--white);
}
.BtntrashBorder{
  border: 1px solid #D93F21;
  background: transparent;
  color: #D93F21;
}
.BtntrashBorder:hover{
  color: var(--white);
}
.btn-bg-w{
  background: var(--white);
  color: var(--black-light);
}
.btn-bg-w:hover{
  background: var(--white);
  color: var(--black-light);
}
.btn-arrow-bg{
  padding: 0;
  width: 3rem;
  height: 3rem;
  margin: auto;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;  
}
.btn-arrow-bg img{
  width: 0.8rem;
  filter: invert(1) sepia(1);
  transition: 0.2s ease-in-out;
}
.svg-icon{
  max-width: 1.2rem;
}
/* Header */
.header{
  padding: 2rem 0 1rem;
}
.header-inner-flex{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.5rem;
}
.column-serch{
  width: 100%;
}
.column-booknow{
  width: auto;
  flex: 0 0 auto;
}
.search-health {
  position: relative;
  box-sizing: border-box;
  background: #fff;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 0.5rem;
}
.search-health:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, var(--blue), var(--green-light));
}
.search-health input{
  border: none;
  font-size: var(--size-16);
  font-family: var(--lato);
  font-weight: 600;
  color: var(--black);
  padding: 0.9rem;
}
.search-health input:focus {
  color: var(--black);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0rem transparent;
}
.search-health img{
  margin-left: 1rem;
}
/* Ssearch filter */
.searchInput{
  position: relative;
}
.resultBox{
  padding: 0;
  opacity: 0;
  pointer-events: none;
  max-height: 15rem;
  overflow-y: auto;
  background: linear-gradient(to right, var(--blue), var(--green-light));
  border-radius: 0.5rem;
}
.searchInput.active .resultBox{
  width: 100%;
  position: absolute;
  padding: 0.9rem;
  opacity: 1;
  pointer-events: auto;
  z-index: 99;
}
.resultBox li {
  list-style: none;
  padding: 0.5rem 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: default;
  color: var(--white);
  font-size: var(--size-18);
}

.test-li {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;

}
.test-li span {
  color: var(--black);
  display: inline-block;
}
.test-li button {
  display: inline-flex;
  background: transparent;
  outline: 0;
  border: 0;
}

.test-li button svg {
  width: 20px;
  height: 20px;
}




.searchInput.active .resultBox li{
  display: block;
}
.resultBox li:hover{
  background: var(--white);
  color: var(--black);
}

.phone-health{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.phone-health p{
  margin: 0;
  padding: 0 0 0.2rem;
  font-size: var(--size-18);
  font-family: var(--lato);
  font-weight: bold;
}
.phone-health h5{
  margin: 0;
  padding: 0 0 0.2rem;
  font-size: var(--size-21);
  font-family: var(--lato);
  font-weight: bold;
  color: var(--black-light);
}
.icon-phone img{
  width: 2.75rem;
  height: 2.75rem;
}
.right-side-nav{
  display: flex;
  gap: 1rem;
  list-style: none;
  margin: 0;
}
.addtocart-header{
  position: relative;
}
.addtocart-header img{
  width: 2.9rem;
}
.notification-nu{
    width: 20px;
    height: 20px;
    background: var(--blue);
    color: var(--white);
    font-weight: 500;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -7px;
    right: 0;
    z-index: 2;
    border-radius: 100%;
}
.notification-nu span{
    position: absolute;
    top: -3px;
    right: 1px;
}
/* navbar */
.navbar{
  width: 100%;
  background: linear-gradient(to right, var(--blue), var(--green-light));
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  transition: all 0.5s ease-in-out;
}
.navbar-brand img{
  width: 9.625rem;
  transition: all 0.5s ease-in-out;
}
.navbar-sticky{
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.navbar-sticky .navbar-brand{
  width: 15rem;  
}
.dropdown-menu .mega-title{
  margin-bottom: 1rem;
}
.dropdown-menu .mega-title h4{
  display: flex;
  white-space: nowrap;
}
.dropdown-menu li img{
  width: 1.2rem;
  margin-right: 0.5rem;
}
.navbar-nav li{
  padding: 0 1rem;
}
.navbar-nav li .dropdown-menu li{
  padding: 0;
}
.nav-link {
  font-size: var(--size-18);
  font-weight: 400;
  padding: 0;
  color: var(--white);
}
.navbar-expand-lg .navbar-nav .nav-link{
  padding: 0;
}
.nav-link:focus, .nav-link:hover,
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
  color: var(--white);
}
.navbar-nav li .dropdown-menu{
  background-color: var(--blue);
  padding: 1rem;
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
} 
.navbar-nav li .dropdown-item{
  font-size: var(--size-18);
  padding: 0.5rem 0.8rem;
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, 0.0);
  border-radius: 0.5rem;
}
.mobile-navbar-canva .navbar-nav li .dropdown-item{
  white-space: inherit;
}
.navbar-nav li .dropdown-item:focus, 
.navbar-nav li .dropdown-item:hover {
    color: var(--white);
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.45);
}
.navbar-nav .dropdown-toggle::after {
    border: none;
    background: url('../../../assets/web/img/Icon/chev.svg') no-repeat;
    background-size: 1rem;
    width: 1rem;
    height: 1rem;
    margin: 0px 0 0 0.5rem;
    vertical-align: 0;
}
.show.dropdown-toggle::after{
  transform: rotate(180deg);
}
.dropdown-menu.show {
    margin-top: 11px;
}
/* MEGA MENU */
.navbar-nav .dropdown-menu.mega-menu {
  width: 1250px;
  left: -19rem;
  padding: 2rem;
}
.mega-title{
  width: 100%;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255,0.45);
}
.mega-title h4{
  color: var(--white);
  font-size: var(--size-21);
}
.navbar-nav .mega-menu li{
    width: 33%;
    display: inline-block;
}
.mega-menu .dropdown-item img{
  width: 1.2rem;
  margin-top: 0.3rem;
  position: absolute;
  left: 0;
}
.mega-title img{
  width: 1.7rem;
  margin-right: 0.5rem;
}
.navbar-nav .mega-menu li .dropdown-item{
  max-width: 85%;
  border: 1px solid rgba(255, 255, 255,0.0);
  border-radius: 0.5rem;
  white-space: inherit;
  word-break: break-word;
  padding-left: 1.7rem;
  position: relative;
}
.navbar-nav .mega-menu li .dropdown-item:focus, 
.navbar-nav .mega-menu li .dropdown-item:hover,
.navbar-nav .mega-menu li .dropdown-item.active {
  color: var(--white);
  background-color:  rgba(255, 255, 255,0.15);
  border-color: rgba(255, 255, 255,0.45);
}
/* Mobile Navbar */
.offcanvas {
  background: linear-gradient(to bottom, var(--blue), var(--green-light));
}
.mobile-navbar .nav-link{
  font-size: var(--size-18);
  padding: 0.5rem 0;
}
.mobile-navbar .nav-link:focus, 
.mobile-navbar .nav-link:hover, 
.mobile-navbar .navbar-nav .nav-link.active, 
.mobile-navbar .navbar-nav .nav-link.show {
    color: var(--white);
}
.offcanvas-title,
.offcanvas-header .btn-close{
  color: var(--white);
  font-family: var(--lato);
}
.mobile-navbar .phone-health,
.mobile-navbar .search-health{
  margin-top: 2rem;
}
.offcanvas .right-side-nav{
  margin-bottom: 2rem;
}
.navbar-toggler,
.navbar-toggler:focus{
  border: none;
      box-shadow: 0 0 0 transparent;
}
.navbar-toggler-icon,
.offcanvas-header .btn-close{
  filter: invert(1) sepia(1);
}
.mobile-navbar-canva{
  display: none;
}
.hamburger-cart{
  display: flex;
  align-items: center;
  gap: 1rem;
}
/* BANNER SECTION */ 
.banner-wraper{
  padding: 4rem 0;
} 
.banner-content-bg{
  width: 100%;
  height: 100%;
  background: var(--green-light);
  padding: 3.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.bannerapollo-info{
  padding: 1.5rem;
}
.banner-content{
  width: 100%;
  padding: 0 2rem 0 0;
}
.banner-content img{
  max-width: 7.688rem;
  margin-bottom: 0.5rem;
}
.banner-content h1{
  color: var(--white);
  font-size: var(--size-46);
  font-weight: bold;
}
.yellow-bg{
  padding: 0rem 0.5rem;
  background-color: var(--blue);
}
.banner-content p{
  color: var(--white);
  font-size: var(--size-18);
  line-height: 171%;
}
.bannercontent ol li{
  color: var(--white);
  font-size: var(--size-18);
  line-height: 171%;
  font-family: var(--lato);
  font-weight: 600;
}
.bannercontent ol{
  margin-top: 1rem;
}
.titlesmain{
  display: table;
  margin-bottom: 1rem;
}
.chennai-hs,
.center-info{
  background: var(--blue);
  color: var(--white);
  font-size: var(--size-21);
  padding: 0.5rem;
  margin: 0;
}
.center-info{
  background: #0075E2;
  color: #FFC850;
}
.banner-picture img{
      height: 518px;
    object-fit: cover;
}

/* Banner New Css */
.banner-content-bg-home{
  /* height: 480px; */
  display: block;
  border-radius: 1rem;
  overflow: hidden;
  /* padding: 2rem 2rem 2rem 2.5rem; */
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.banner-con-ul{
  margin: 0;
  padding: 0;
}
.banner-con-ul li{
  font-size: var(--size-35);
  font-weight: 600;
  font-family: var(--roboto);
  color: var(--white);
  list-style: none;
  background: url('../../../assets/web/img/Icon/circle.svg') no-repeat;
  background-size: 1rem;
  background-position: 0rem 1.8rem;
  padding: 1rem 1.5rem 0;
  line-height: 120%;
}

.banner-wraper .owl-theme .owl-dots .owl-dot{
  margin-top: 0!important;
}
.banner-pics{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
}
.small-pic{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 1rem;
}
.main-pic,
.small-pic{
  width: 48%;
}
.main-pic img{
  width: 100%;
  height: 25.5rem;
  object-fit: cover;
  flex: 0 0 auto;
  border-radius:0.5rem;
}
.small-pic img{
  width: 100%;
  height: 12.2rem;
  object-fit: cover;
  flex: 0 0 auto;
  border-radius:0.5rem;
}
.bannerbtn{
  margin-top: 2rem;
}
.offer-pic{
  width: 9rem !important;
  position: absolute;
  left: -7.8rem;
  bottom: 0;
}
/* End Banner New Css */
/********main-wrapper ********/
.main-wrapper{
  background: linear-gradient(to bottom, #F5F9EA, #ffffff);
}
/* home-list */
.home-list{
  padding: 4rem 0;
}
.health-con-main{
  width: 100%;
  height: 100%;
  background: var(--EFFBFF-clr);
  border: 2px solid var(--green-light);
  padding: 0 1rem 1rem 1rem;
  text-align: center;
  transition: 0.2s ease-in-out;
}
.icon-outer-border,
.package-icon{
  width: 5.688rem;
  height: 5.688rem;
  margin:-3rem auto 1rem auto;
  border-radius: 100%;
  border: 2px solid #E4E4E4;
  padding: 0.5rem;
}
.icon-bg,
.package-icon-bg{
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  background: var(--EFFBFF-clr);
  border: 2px solid var(--green-light);
}
.icon-bg img{
  width: 3rem;
}
.hlt-title{
  color: var(--black);
  font-size: var(--size-18);
  padding:1rem;
}
.health-con-main:hover{
  background-color: var(--green-light);
}
.health-con-main:hover .hlt-title{
  color: var(--white);
}
.health-con-main:hover .btn-arrow-bg{
  background: var(--white);
  filter: drop-shadow(0px 0px 15px rgba(255,255,255,0.2));
}
.health-con-main:hover .btn-arrow-bg img{
  filter: invert(0) sepia(0);
}
/* */
.recommended-package{
  padding-bottom: 4rem;
}
.title-main-recomment{
  text-align: center;
  margin-bottom: 2rem;
}
.title-main-recomment h2{
  color: var(--black);
  font-size: var(--size-46);
}
.packages-main-bg{
  width: 100%;
  height: 100%;
  background: var(--EFFBFF-clr);
  padding: 0 1rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid var(--green-light);
  text-align: center;
}
.package-icon-bg{
  border-color: var(--black);
}
.package-icon-bg img{
  width: 2rem;
}
.discount-safe,
.btn-card{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.safe-chek{
  padding:  0.2rem 1rem;
  display: inline-block;
  font-size: var(--size-16);
  font-family: var(--roboto);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--white);
  background: var(--green-light);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.safe-chek img{
  width: 1.2rem;
}
.discount{
  padding: 0.2rem 1rem;
  display: inline-block;
  font-size: var(--size-16);
  font-family: var(--roboto);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--white);
  background: #EC565C;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.package-icon{
  margin: 2rem auto;
}
.title-package{
  color: var(--black);
  font-size: var(--size-24);
  font-weight: bold;
  margin-bottom: 1rem;
}
.collection-title{
  color: var(--green-light);
  background: rgba(3, 179, 174, 0.2);
  border: 2px solid var(--green-light);
  font-size: var(--size-16);
  font-weight: 600;
  margin-bottom: 1rem;
  font-family: var(--lato);
  border-radius: 0.5rem;
  padding: 0.7rem;
}
.report-de{
  font-size: var(--size-16);
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
}
.content{
  font-size: var(--size-16);
  font-family: var(--lato);
}
.price-current{
  font-size: var(--size-24);
  font-weight: bold;
}
.old-price{
  font-size: var(--size-16);
  font-weight: 400;
  text-decoration: line-through;
}
.btn-card a{
  padding: 0.5rem 0.8rem;
  display: inline-block;
  color: var(--white);
  background: linear-gradient(to right, var(--green-light), var(--blue));
  border-radius: 0.5rem;
  text-transform: uppercase;
  font-size: var(--size-16);
  flex: 0 0 auto;
  font-weight: bold;
}
.btn-card a.btn-border {
    background: linear-gradient(var(--EFFBFF-clr), var(--EFFBFF-clr)) padding-box,
              linear-gradient(to right, var(--green-light), var(--blue)) border-box;
  border-radius: 0.5rem;
  border: 2px solid transparent;
  color: var(--black);
}
.packages-main-bg:hover{
  background: var(--green-light);
}
.packages-main-bg:hover .safe-chek{
  background: var(--blue);
}
.packages-main-bg:hover .old-price,
.packages-main-bg:hover .price-current,
.packages-main-bg:hover .content,
.packages-main-bg:hover .report-de,
.packages-main-bg:hover .title-package,
.packages-main-bg:hover .collection-title{
  color: var(--white);
}
.packages-main-bg:hover .collection-title{
  background: rgba(255, 255, 255,0.20);
  border-color: var(--white);
}
.packages-main-bg:hover .btn-card a{
  background: var(--white);
  border-color: var(--blue);
  color: var(--green-light);
}
.packages-main-bg:hover .btn-card a.btn-border {
  border: 2px solid var(--white);
  color: var(--white);
  background: transparent;
}
/*health-check-about */
.health-check-about{
  width: 100%;
  background: linear-gradient(to right, var(--green-light), var(--blue));
}
.about-content h2{
  color: var(--white);
  font-size: var(--size-46);
  margin-bottom: 1rem;
}
.about-content p{
  color: var(--white);
  font-size: var(--size-18);
  line-height: 140%;
  font-weight: 400;
  font-family: var(--lato);
  margin-bottom: 1rem;
}
.about-content a{
  padding: 0.7rem 2rem;
  color: #0A2440;
  background: var(--white);
  text-transform: uppercase;
  border-radius: 0.5rem;
  font-weight: 600;
  filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.2));
  display: inline-block;
  margin-top: 1rem;
}
/* certificates-wrapper*/
.certificates-wrapper{
  padding: 4rem 0;
}
.certificates-main{
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.certificates-main img{
  max-width: 13.938rem;
  background: #fff;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.2));
}
/* testimonial-wrapper */
.testimonial-wrapper{
  width: 100%;
  padding: 4rem 0;
}
.testimonial-main{
  width: 100%;
  padding: 2rem;
  border-radius: 0.7rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  background: url('../../../assets/web/img/Icon/quote.svg') no-repeat, var(--white);
  background-size: 4rem;
  background-position: 94% 70px;
}
.rating img{
  width: 1.5rem;
}
.title-test{
  color: var(--black);
  font-size: var(--size-46);
  padding-right: 70px;
}
.test-content p{
  color: var(--black);
  font-size: var(--size-16);
}
.user-img img{
  width: 4.875rem;
  height: 4.875rem;
  border-radius: 100%;
  border: 1px solid var(--black);
}
.reviews-plaform img{
  width: 4rem;
}
.testimonial-user-details,
.user-main,
.testiminial-inner-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.user-content h4{
  color: var(--black);
  font-size: var(--size-24);
  padding: 0 0 0.5rem 0;
  margin: 0;
}
.user-content p{
  color: #838383;
  font-size: var(--size-16);
}
.testiminial-inner-title{
  margin-bottom: 2rem;
}
.testiminial-inner-title a {
    padding: 0.7rem 2rem;
    color: #0A2440;
    background: var(--white);
    text-transform: uppercase;
    border-radius: 0.5rem;
    font-weight: 600;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.2));
    display: inline-block;
    margin-top: 1rem;
}
.testiminial-inner-title p{
  color: var(--white);
  font-size: var(--size-46);
  font-weight: 600;
  font-family: var(--roboto);
}

/* footer navbar */
.footer{
  background: var(--black);
  padding: 4rem 0 2rem;
}
.footer-barnd img{
  width: 9.925rem;
  margin-bottom: 2rem;
}
.located-info,
.located-info-call,
.copyright,
.btn-book{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}
.located-info-call{
  align-items: center;
}
.located-info a,
.located-info p,
.located-info-call a{
  color: var(--white);
  font-size: var(--size-18);
  font-family: var(--lato);
  font-weight: 500;
}
.located-info img,
.located-info-call img{
  width: 2.5rem;
  flex: 0 0 auto;
}
.navbar-link{
  padding: 0;
  margin: 0;
}
.footer-navbar h4{
  color: var(--white);
  font-size: var(--size-24);
  font-family: var(--roboto);
  font-weight: bold;
}
.navbar-link li{
  list-style: none;
}
.navbar-link li a{
  color: var(--white);
  font-size: var(--size-18);
  font-family: var(--inter);
  font-weight: 400;
  padding-bottom: 0.5rem;
  display: inline-block;
  transition: all 0.5s ease-in-out;
}
.navbar-link li a:hover{
  color: var(--green-light);
}
.social-media{
  justify-content: end;
}
.copyright p,
.copyright a{
  color: var(--white);
  font-size: var(--size-16);
  text-align: center;
}
.divider{
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255,0.10);
  margin: 2rem 0;
}

/*******************************
      INNER PAGE CSS
*******************************/
.banner-about-us{
  padding: 2rem 0 4rem;
}
.banner-main-flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  background: var(--green-light);
  padding: 2rem;
  border-radius: 0.4rem;
  margin-top: 2rem;
}
.banner-images,
.banner-title{
  text-align: center;
  margin: auto;
}
.banner-images img{
  width: 100%;
  height: 14.938rem;
  object-fit: scale-down;
}
.banner-title h2{
  color: var(--white);
  padding: 0 0.5rem;
  font-size: var(--size-46);
}
.text-bg{
  color: var(--white);
  background-color: var(--blue);
  padding: 0 0.5rem;
}
.health-multicheck-about{
  padding: 0 0 4rem;
}
.title-about{
  margin-bottom: 3rem;
}
.title-about h2{
  text-align: center;
  font-size: var(--size-35);
}
.about-content-w p{
  color: var(--black);
}
.about-us-img img{
  width: 90%;
  height: 35.25rem;
  object-fit: cover;
}
/* health-multispecality */
.health-multispecality{
  background: var(--EFFBFF-clr);
  padding: 4rem 0;
}
.polyclinic-img{
  text-align: right;
}
.polyclinic-img img{
  width: 80%;
  margin-left: auto;
}
/* health-vision-mission */
.vision-mission-health-wrapper{
  padding: 4rem 0 0;
  background: url('../../../assets/web/img/vission-mission-bg.jpg') no-repeat;
  background-size: 100% 500px;
  background-position: top center;
}
.title-v-m{
  width: 70%;
  margin: auto;
  text-align: center;
}
.title-v-m h2{
  font-size: var(--size-46);
  color: var(--white);
}
.vision-mission-flex{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5rem;
  width: 56%;
  margin: auto;
}
.vision-m-main{
  width: 20rem;
  margin-top: 3rem;
  text-align: center;
}
.vision-m{
  background: var(--white);
  filter: drop-shadow(0 6px 50px rgba(0,0,0,0.2));
  text-align: center;
}
.vision-m h4{
  color: var(--black);
  font-size: var(--size-21);
  padding: 2rem 0;
}
.vision-m-main p{
  color: var(--black);
  font-size: var(--size-18);
}
.divider-vertical{
  width: 2px;
  height: 5rem;
  background-color: var(--green-light);
  position: relative;
  margin:-2rem auto 1rem;
}
/* core-values-health-wrapper */
.core-values-health-wrapper{
  width: 100%;
  background:var(--EFFBFF-clr);
  padding: 15rem 0 4rem;
  margin-top: -200px;
}
.title-main-core{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
}
.icon-bx{
  width: 3.75rem;
  height: 3.75rem;
  object-fit: contain;
  border-radius: 100%;
  border: 2px solid var(--green-light);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  flex: 0 0 auto;
}
.icon-bx img{
  max-width: 2rem;
}
.title-main-core h4{
  margin: 0;
  font-size: var(--size-22);
}
.core-values-main{
  padding-right: 2rem;
  margin-bottom: 2rem;
}
.core-values-main p{
  font-size: var(--size-18);
  font-family: var(--lato);
  line-height: 26px;
}
/* doctor-consultation-wrapper */
.doctor-consultation-wrapper{
  padding: 0 0 4rem;
}
.search-specialities{
    position: relative;
    box-sizing: border-box;
    background: #fff;
    background-clip: padding-box;
    border: solid 2px #05ABA5;
    border-radius: 0.5rem;
}
.svg-icon{
  margin: 0 1rem;
}
.search-sp {
  width: 100%;
  border: none;
  font-size: var(--size-16);
  font-family: var(--lato);
  font-weight: 600;
  color: var(--black);
  padding: 0.9rem;
}
.search-sp:focus {
  color: var(--black);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0rem transparent;
}
.search-sp::placeholder {
  color: #0A2440; 
  opacity: 0.9; 
}
.filter-doctor{
  text-align: right;
}
.select-filter-dr{
  width: 10rem;
  margin-left: auto;
  padding: 0.9rem;
  border: solid 2px #05ABA5;
  border-radius: 0.5rem;
  font-size: var(--size-16);
  color: var(--black);
  cursor: pointer;
}
.select-filter-dr:focus {
    border-color: #05ABA5;
    outline: 0;
    box-shadow: 0 0 0 .0rem rgba(0, 0, 0, 0.0);
}
.doctor-special-main{
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  margin-top: 3rem;
}
.doctors-pic .doctor-call img{
  max-width: 3rem;
  height: 3rem;
}
.content-main{
  padding: 1rem;
}
.doctors-pic{
  position: relative;
}
.doctor-call{
  position: absolute;
  top: 1rem;
  left: 0.5rem;
  right: 0;
  z-index: 1;
}
.doctors-pic img{
  width: 100%;
  height: 21rem;
  object-fit: cover;
}
.content-main h4{
  font-size: var(--size-24);
  color: var(--black-light);
  margin-bottom: 0.5rem;
}
.content-main p{
  font-size: var(--size-16);
  color: var(--black-light);
  margin-bottom: 0.5rem;
  font-family: var(--lato);
  font-weight: 500;
}
.time-day-flex,
.week{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.time-day-flex{
  padding: 1rem 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--black);
}
.time-day-flex img{
  margin: 0 0.5rem 0 0;
}
.week{
  gap: 0.5rem;
}
.dot{
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background: var(--green-light);
  display: inline-block;
  margin-right: 0;
  flex: 0 0 auto;
}
.week p{
  margin: 0;
}
.btns-doctor button{
  margin-bottom: 1rem;
}
.time-main,
.week{
  max-width: 50%;
}
.loadmorebtn{
  text-align: center;
  margin-top: 2rem;
}
/* Doctor Consultation Wrapper */
.doctor-consultation-wrapper{
  padding: 4rem 0 4rem;
}
.title-bradcamp {
  margin-bottom: 1rem;
}
.title-bradcamp p{
  font-size: var(--size-16);
  color: #626262;
  font-family: var(--lato);
  font-weight: 500;
}
.doctor-app{
  color: var(--black-light);
}
.doctor-consultation-main{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 2rem;
  border: 1px solid var(--green-light);
  border-radius: 0.5rem;
  background: var(--EFFBFF-clr);
}
.column-left{
  max-width: 40%;
  width: 100%;
}
.column-right{
  max-width: 60%;
  width: 100%;
}
.doctor-profile img{
  width: 100%;
  height: 34.5rem;
  object-fit: cover;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.doctor-details{
  background: #BFEBFF;
  padding: 1rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.doctor-details h4{
  font-size: var(--size-21);
  color: var(--black-light);
  margin-bottom: 0.5rem;
}
.doctor-details p{
  font-size: var(--size-16);
  color: var(--black-light);
  margin-bottom: 0.5rem;
}
.flex-form{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.form-group{
  margin-bottom: 1.2rem;
}
.label-form{
  font-size: var(--size-18);
  color: var(--black);
  margin-bottom: 0.4rem;
}
.label-form span{
  color: red;
}
.form-input{
  border-color: rgba(3,86,162,0.20);
  background: rgba(3,86,162,0.10);
  font-size: var(--size-18);
  padding: 0.9rem;
  border-radius: 0.5rem;
}
.form-input:focus {
    color: var(--black);
    border-color: #0356A2;
    background: rgba(3,86,162,0.10);
    outline: 0;
    box-shadow: 0 0 0 0rem transparent;
}
.check-form{
  width: 1.5rem;
  height: 1.5rem;
  background-color: #A1EBEB;
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  top: -4px;
  cursor: pointer;
}
.check-form:checked {
    background-color: var(--green-light);
    border-color: var(--green-light);
}
.check-form:focus{
  border-color: var(--green-light);
  outline: 0;
  box-shadow: 0 0 0 0rem transparent;
}
.check-lebel{
  font-size: var(--size-16);
  color: var(--black-light);
  font-weight: 500;
  margin: 0 0 0 0.5rem;
  cursor: pointer;
}
.flex-checkbox{
  justify-content: flex-start;
  gap: 2rem;
  margin: 1rem 0;
}
/* */
.key-features-title{
  margin-bottom: 5rem;
  text-align: center;
}
.key-features-title h2{
  color: var(--black);
  font-size: var(--size-46);
}
.key-featurs-main {
    width: 100%;
    height: 75%;
    margin-bottom: 4.688rem;
}
.key-featurs-main .icon-bg img{
  width: 2.5rem;
}
/* doctor-schedule-wrapper */
.doctor-schedule-wrapper{
  background: var(--EFFBFF-clr);
  padding: 4rem 0;
}
.divider-br{
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.80);
  margin: 1rem 0;
}
/* important-notes-wrapper */
.important-notes-wrapper{
  padding: 4rem 0;
  background: linear-gradient(to left, var(--blue), var(--green-light));
}
.content-important h4{
  color: var(--white);
  font-size: var(--size-35);
  margin-bottom: 2rem;
}
.list-important{
  margin: 0;
  padding: 0;
}
.list-important li{
  color: var(--white);
  font-size: var(--size-24);
  font-weight: 500;
  list-style: none;
  padding: 0.5rem 0 0.5rem 2.5rem;
  background: url('../../../assets/web/img/Icon/done-w.svg') no-repeat;
  background-size: 1.7rem;
  background-position: left 0.7rem;
}
.important-note-pic img{
  width: 85%;
}
/* hlt-accordian-main-wrapper */
.hlt-accordian-main-wrapper{
  padding: 4rem 0 ;
}
.hlt-ask-accordian .accordion-button{
  font-size: var(--size-24);
  font-family: var(--lato);
  font-weight: 500;
  background: var(--EFFBFF-clr);
   color: var(--black-light);
}
.hlt-ask-accordian .accordion-button:not(.collapsed) {
   background: var(--EFFBFF-clr);
   color: var(--black-light);
   box-shadow: inset 0rem 0rem 0rem transparent;
}
.hlt-ask-accordian .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.hlt-ask-accordian .accordion-item{
  border: none;
  margin-bottom: 1rem;
}
.hlt-ask-accordian .accordion-button.collapsed::after{
  width: 2rem;
  height: 2rem;
  background: url('../../../assets/web/img/Icon/plus.svg') no-repeat;
  background-position: right center;
  background-size: 2rem;
}
.hlt-ask-accordian .accordion-button:not(.collapsed)::after{
  width: 2rem;
  height: 2rem;
  background: url('../../../assets/web/img/Icon/minus.svg') no-repeat;
  background-position: right center;
  background-size: 2rem;
}
.hlt-ask-accordian .accordion-body{
  padding: 1rem 1rem 1rem 3rem;
}
.hlt-ask-accordian .accordion-body p{
  color: var(--black-light);
  font-size: var(--size-18);
  line-height: 170%;
  margin-bottom: 1rem;
}
.accordion-button:focus{
   box-shadow: inset 0rem 0rem 0rem transparent;
}

/* doctor-consultation-wrapper */
.doctor-consultation-form-wrapper{
  padding: 4rem 0;
  background: linear-gradient(to left, var(--blue), var(--green-light));
}
.patient-form .label-form{
  color: var(--white);
}
.patient-form .form-input{
  background: var(--white);
}
.patient-form .HltBtn{
  background: var(--blue);
}
/* */
.lab-test-main{
  width: 100%;
  height: 25rem;
  background: var(--EFFBFF-clr);
  border: 1px solid var(--green-light);
  border-radius: 0.5rem;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin-top: 3rem;
}
.test-icon{
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 1px solid var(--black-light);
  background: var(--EFFBFF-clr);
  position: relative;
  margin-bottom: 1rem;
  z-index: 1;
}
.test-icon::after{
  content: "";
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 100%;
  border: 1px solid #E4E4E4;
  position: absolute;
  top: -9px;
  left: -9px;
}
.test-icon img{
  width: 2rem;
}
.divider-icon-bg{
  width: 100%;
  height: 1px;
  background: #E4E4E4;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
}
.lab-test-main p{
  color: var(--black-light);
  font-size: var(--size-24);
}
.lab-test-main h4{
  color: var(--black-light);
  font-size: var(--size-35);
}
.pagination-doctor .pagination{
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  margin: 4rem 0 0;
}
.pagination-doctor .page-link{
  color: var(--blue);
  font-size: var(--size-22);
  border: 1px solid var(--blue);
  border-radius: 0.5rem;
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{
  border: none;
  overflow: hidden;
  margin: 0;
}
.pagination-doctor .page-link:hover,
.pagination-doctor .page-link.active{
  background: var(--green-light);
  color: var(--white);
}
/* Multiple Labs */
.multiple-lab-main{
  width: 100%;
  border: 1px solid var(--green-light);
  background: var(--EFFBFF-clr);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 2rem;
}
.header-labs{
  width: 100%;
  padding: 1rem 1.5rem;
  background: linear-gradient(to right, var(--blue), var(--green-light));
}
.header-labs li{
  display: inline-block;
  list-style: none;
  padding:0 2rem;
  border-right: 1px solid #fff;
}
.header-labs li:first-child{
  padding-left: 0;
}
.header-labs li:first-child p{
  padding-bottom: 0.5rem;
}
.header-labs p{
  color: var(--white);
  font-size: var(--size-18);
  padding-bottom: 0;
  margin: 0;
}
.header-labs h4,
.header-labs del{
  color: var(--white);
  font-size: var(--size-21);
}
.header-labs del{
  margin-left: 1rem;
}
.header-labs li:last-child{
  border: none;
}
.checkup-main-body{
  width: 100%;
  margin: 4rem 0 2rem;
  padding: 0rem;
  position: relative;
}
.scroll-wrap{
  width: 100%;
  height: 15rem;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;  
}
.divider-h{
  width: 100%;
  height: 1px;
  margin-top: 2rem;
  background: var(--green-light);
}
.list-checkup-health{
  max-width: 47%;
  width: 100%;
  padding: 1.5rem 1.5rem 0;
}
.tpremarital{
  max-width: 100%;
}
.list-checkup-health h4{
  color: var(--black);
  font-size: var(--size-22);
  margin-bottom: 1rem;
  font-weight: 500;
}
.list-checkup-health li{
  color: var(--black);
  font-size: var(--size-18);
  padding: 0.5rem 0 0.5rem 1.5rem;
  background: url('../../../assets/web/img/Icon/done-blue.svg') no-repeat;
  background-size: 0.9rem;
  background-position: left 12px;
  list-style: none;
}
.btns-ml{
  display: flex;
  gap: 1rem;
  padding:0 1rem 2rem;
}
.btns-ml button{
  width: 49%;
}
.health-checkup-icon,
.health-checkup-bg,
.icon-test-special {
   display: flex;
  justify-content: center;
  align-items: center;
}
.health-checkup-icon{
  width: 8.063rem;
  height: 8.063rem;
  border-radius: 100%;
  border: 1px solid #69E8E6;
  position: absolute;
  top: -9rem;
  right: 3rem;  
}
.health-checkup-bg{
  width: 6.5rem;
  height: 6.5rem;
  background: var(--white);
  border-radius: 100%;
  filter: drop-shadow(0px 9.5px 22px rgba(0,0,0,0.12));
}
.health-checkup-bg img{
  max-width: 4.5rem;
}
.list-checkup-dental{
  max-width: 100%;
}
/* WebKit Browsers */
.scroll-wrap::-webkit-scrollbar {
  width: 0.2rem;
}
.scroll-wrap::-webkit-scrollbar-track {
  background: var(--green-light);
  border-radius: 1rem;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 1rem;
}
.scroll-wrap::-webkit-scrollbar-thumb:hover {
  background: var(--blue);
}

/* */
.special-lab-test{
  width: 100%;
  background: var(--EFFBFF-clr);
  border: 1px solid var(--green-light);
  border-radius: 0.5rem;
  margin-top: 2rem;
  overflow: hidden;
}
.content-lab{
  padding: 0 1.5rem 1.5rem;
}
.special-lab-test p{
  padding: 1.5rem 8rem 1.5rem 1rem;
  background: linear-gradient(to right, var(--blue), var(--green-light));
  color: var(--white);
  font-size: var(--size-24);
}
.icon-test-special{
  width: 5.813rem;
  height: 5.813rem;
  border-radius: 100%;
  background: #D5F2F6;
  filter: drop-shadow(0rem 0.5rem 1.1rem rgba(0,0,0,0.2));
  margin: -4rem 0rem auto auto;
}
.icon-test-special img{
  width: 3rem;
}
.special-lab-test h4{
  color: var(--black-light);
  font-size: var(--size-35);
  margin: 1rem 0 2rem 0;
}
/* Add to cart */
.main-cart-row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.main-cart-row .column{
  max-width: 48%;
  width: 100%;
}
.add-to-cart-lab p{
  font-size: var(--size-16);
  padding-right: 6rem;
}
.addtocart-content{
  text-align: center;
}
.add-to-cart-lab .icon-test-special {
    width: 3.813rem;
    height: 3.813rem;
}
.add-to-cart-lab .icon-test-special img {
    width: 2rem;
}
.special-lab-test h4 {
    font-size: var(--size-24);
    margin-bottom: 1rem;
}
.add-to-cart-lab button{
  font-size: var(--size-16);
  padding: 0.7rem 2rem;
}
.add-to-cart-lab-new{
  width: 100%;
  height: 12rem;
  background: var(--white);
  border: 1px dashed var(--green-light);
  border-radius: 0.5rem;
  display: flex;
  justify-content:center;
  align-items: center;
}
.add-to-cart-lab-new img{
  width: 4rem;
}
.clinic-home-main{
    padding: 2rem;
    border: 1px solid var(--green-light);
    border-radius: 0.5rem;
    background: var(--EFFBFF-clr);
    text-align: center;
    margin-top: 2rem;
}
.clicnihome{
  text-align: left;
}
.calculater h5{
  color: var(--black);
  font-size: var(--size-21);
  text-transform: uppercase;
}
.calculater p{
  color: var(--black);
  font-size: var(--size-21);
}
.calculater .green h5,
.calculater .green p{
    color: var(--green-light);
}
.calculater .text-c h5{
 text-transform: capitalize;
 font-weight: 400;
}
.totleprice{
  margin-top: 1rem;
  padding: 1rem 0;
  border-top: 1px solid var(--green-light);
}
.totleprice h5{
  font-size: var(--size-24);
}
.addnewtestbtn{
  color: var(--blue);
  border-color: var(--blue);
  margin: 0.5rem 0;
}
/*********************
      LOGIN SIGN 
*********************/
.log-sign-header{
  width: 100%;
  background: linear-gradient(to right, var(--blue), var(--green-light));
  padding: 1rem;
}
.log-sign-header .modal-title{
  color: var(--white);
  font-size: var(--size-24);
}
.btn-close{
  color: var(--white);
  filter: invert(1);
  opacity: 1;
}
.nav-pills-modal{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin:auto auto 1rem auto;
  border: 1px solid var(--green-light);
  border-radius: 0.5rem;
}
.modal-body{
  background: var(--EFFBFF-clr);
}
.nav-pills-modal .navtabs{
  color: var(--blue);
  font-size: var(--size-18);
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
}
.nav-pills .navtabs.active, 
.nav-pills .show>.navtabs {
    color: var(--white);
    background: linear-gradient(to right, var(--blue), var(--green-light));
}
.logincontent{
  text-align: left;
}
.logincontent button{
  color: var(--blue);
  font-size: var(--size-16);
}
.dropdownbtnlog .dropdown-toggle img{
  width: 2.5rem;
}
.dropdownbtnlog .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .5em solid var(--green-light);
    border-right: .5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent;
}
.dropdownbtnlog .dropdown-menu{
  background: var(--blue);
  padding: 1rem;
  border: none;
}
.dropdownbtnlog .dropdown-item{
  color: var(--white);
  font-size: var(--size-18);
  padding:0.5rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.0);
  border-radius: 0.5rem;
}
.dropdownbtnlog .dropdown-item:hover{
  color: var(--white);
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.45);
}
.dropdownbtnlog .dropdown-item img{
  margin: 0 0.5rem 0 0;
}
.dropdownbtnlog button:focus{
  border: none;
}
.hlt-user-accordian .accordion-button,
.hlt-user-accordian .accordion-button:not(.collapsed){
   background: linear-gradient(to right, var(--blue), var(--green-light));
   color: var(--white);
}
.hlt-user-accordian .accordion-item{
    border: 1px solid var(--green-light);
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
}
.hlt-user-accordian .accordion-body{
  padding: 1rem;
  background: var(--EFFBFF-clr);
}
.dividermain{
  width: 100%;
  height: 1px;
  background: #6CA2B4;
  margin-bottom: 1rem;
}
.hlt-user-accordian .accordion-button:not(.collapsed)::after{
  background: url('../../../assets/web/img/Icon/dropdown-arrow.svg') no-repeat;
  width: 1.5rem;
  height: 1rem;
  background-size: 1.2rem;
}
.hlt-user-accordian .accordion-button.collapsed::after{
  background: url('../../../assets/web/img/Icon/dropdown-arrow.svg') no-repeat;
  width: 1.5rem;
  height: 1rem;
  background-size: 1.2rem;
}
 /*Order History*/
 .flex-filter-table,
 .modal-footers{
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1rem;
 }
 .datefilter.search-health::before{
  background: var(--green-light);
 }
 .datefilter.search-health img {
    margin-left: 0;
}
.datefilter.search-health input {
    padding: 0.9rem 0 0.9rem 0.9rem;
}
 .order-history-main{
  border: 1px solid var(--green-light);
  border-radius: 0.5rem;
  overflow: auto;
  margin-top: 2rem;
  background-color: var(--white);
 }
 .order-history-table{
    border-spacing: 0;
    padding: 0;
    margin: 0;
 }
 .order-history-table thead {
   background: linear-gradient(to right, var(--blue), var(--green-light));
 }
.order-history-table thead th{
  background: transparent;
}

.order-history-table tbody tr:nth-of-type(odd)>*{
  background: #EFEFEF;
}
.order-history-table thead th{
  font-size: var(--size-18);
  color: var(--white);
  font-family: var(--lato);
  padding: 1rem;
}
.order-history-table tbody th,
.order-history-table tbody td,
.order-history-table tfoot th,
.order-history-table tfoot td{
  font-size: var(--size-18);
  color: var(--black);
  font-weight: normal;
  font-family: var(--lato);
  padding: 1rem;
}
.order-history-table thead th:last-child,
.order-history-table tbody td:last-child{
  text-align: center;
}
 .actionicon{
  width: 2rem;
 }
 .appointment-form .form-input:disabled {
    background-color:rgba(3,86,162,0.10);
    cursor: not-allowed;
  }
.editable-form{
  position: relative;
}
.editable-form .form-input{
  padding-right: 3rem;
}
.appointment-form img{
  max-width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 1rem;
  right: 0;
  cursor: pointer;
}
.modal-footers button{
  flex: auto;
}
/* CONTACT US */  
.google-map-wrap{
  position: relative;
}
.google-map-wrap iframe{
  width: 100%;
  height: 40rem;
}
.location-point{
  width: 20rem;
  position: absolute;
  top: 7rem;
  left: 23%;
}
/* contact-us-form-main */
.contact-us-form-main{
  width: 70%;
  position: relative;
  margin: -10rem auto auto;
}
/* */
.visit-helth-checkup-wrap{
  padding: 4rem 0;
  background: #D2EFF0;
}
.title-checkup H2{
  font-size: var(--size-35);
  color: var(--black);
}
.title-checkup p{
  font-size: var(--size-24);
}
.heclth-check-up{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
.icons-box img{
  max-width: 4rem;
  margin: 0;
}
.heclth-check-up p{
  font-size: var(--size-24);
  font-weight: bold;
  color: var(--black);
  margin-bottom: 0.6rem;
}
.heclth-check-up h4{
  font-size: var(--size-24);
  color: var(--black-light);
  margin: 0;
}

/* services-charge-wrap */
.services-charge-wrap{
  padding: 4rem 0;
  background: url('../../../assets/web/img/services-bg.jpg') no-repeat;
  background-size: cover;
}
.title-service h2{
  color: var(--white);
  font-size: var(--size-46);
}
.service-charge{
  width: 90%;
  height: 92%;
  margin-top: 2rem;
  background: rgba(11, 101, 131, 0.5);
  border: 1px solid var(--white);
  padding: 2rem;
  border-radius: 0.5rem;
}
.service-charge img{
  width: 5rem;
}
.service-charge h4{
  font-size: var(--size-21);
  color: var(--white);
  margin: 1rem 0;
}
.service-charge p{
  font-size: var(--size-18);
  color: var(--white);
  font-weight: 400;
}

/* content-thanks */
.thankyou-booking {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content-thanks {
  text-align: center;
}
.content-thanks img{
  width: 5rem;
}
.content-thanks h2 {
  font-size: var(--size-21);
  padding: 1rem 0;
}
.content-thanks p {
  font-size: var(--size-18);
  margin-bottom: 2rem;
}
.content-thanks .btn-book {
  justify-content: center;
  align-items: center;
}