html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth[data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* @font-face{
  font-family:'AcuminVariableConcept';
  src: url("../fonts/AcuminVariableConcept.otf") format(truetype);
} */
@font-face {
  font-family: 'Acumin Variable';
  src: url('../fonts/AcuminVariableConcept.otf') format('opentype');
  font-weight: 100 900;
  font-stretch: 50% 100%;
  font-style: normal;
}

/*@font-face{
  font-family:'Cairo';
  src: url("../fonts/Cairo-VariableFont_slnt,wght.ttf") format(truetype);
}*/
:root {
  --acumin: 'Acumin Variable';
  --blue-gray: #343948;
  --turquoise: #00abbe;
  --turquoise-light: #C4F7FD;
  --turquoise-mid: #7FBCC3;
  --site-color: #2F2F2F;
  --gray: #6D6868;
  --white: #FFFFFF;
  --black: #000000;
  --gray1: #42454a;
  --gray2: #dbdddf;
  --gray3: #ededed;
  --bg-color: #111111;
  --bs-accordion-btn-active: url(data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300abbe'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>);
}

body {
  font-family: var(--acumin);
  color: var(--site-color);
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-variation-settings: 'slnt' 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem 0;
  padding: 0;
  font-weight: bold;
  font-family: var(--acumin);
  color: var(--gray);
}

h1 {
  font-size: 3rem;
  font-weight: 900;
  color: var(--gray);
  margin: 0 0 1.5rem 0;
}

a {
  color: var(--blue);
  font-size: 1.125rem;
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--blue);
  text-decoration: none;
}

header,
header::before,
.alia,
.alia span,
.alia img,
button,
.values-row .box,
.appointment-btn .whatsapp-link::before,
.doctor-card,
.btn-border,
.values-icon,
.topbar .hot-add-time li:last-child .form-control,
.foot-news-holder img,
.hospitality-holder img,
.values-row .box .w-full,
.values-row .box .values-icon,
.values-row .box .values-icon img,
.values-row .box h3,
.values-row .box p,
.breadcrumb a,
.social-media li a::before,
.myTeamSwiper .swiper-slide a,
.foot-news-dtl h3,
.foot-news-dtl .date-time,
.button,
.all-doctors-btn a,
.button,
.button span,
.button span img,
.swiper-button-prev,
.swiper-button-next,
.doctor-card .doctor-holder,
.doctor-card .doctor-holder img,
.doctor-card h3,
.doctor-card .designation,
.department-card,
.department-icon,
.department-icon img,
.department-card h4,
.department-pagination .swiper-pagination-bullet,
.footer-social ul li a img,
.footer-alia img,
.foot-contact-us a,
.btn,
.topbar ul li a,
.btn,
.topbar,
.alia-menubar,
.event-holder img,
.contact-dtl .social-icons li a,
.contact-dtl .social-icons li a::before,
.news-holder .news-img img,
.news-card .news-dtl,
.news-holder .news-img::before,
.news-holder .news-img::after,
.timeline-slide h3,
.timeline-slide p,
.timeline-slide .bar,
.timeline-slide .bar span,
.timeline-slide .bar::before,
.offer-card a img,
.offer-card a {
  transition: all 0.3s ease 0s;
}

.swiper {
  width: 100%;
  height: 100%;
}

.language {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0.01;
}

header {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
}

header::before {
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
  position: absolute;
  /*backdrop-filter:blur(10px);*/
  opacity: 1;
  background-color: rgba(255, 255, 255, 0);
}

.topbar {
  background-color: var(--blue-gray);
  padding-top: 5px;
  padding-bottom: 5px;
}

.topbar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.topbar ul li,
.topbar ul li label,
.topbar ul li a.topbar ul li span {
  font-variation-settings: "wght" 200, "wdth" 90;
  color: var(--white);
  font-size: 1rem;
  letter-spacing: 0.3px;
}

.topbar .hot-add-time li+li {
  margin-left: 35px;
}

.topbar ul li img {
  margin-right: 10px;
}

.topbar ul li a:hover {
  color: var(--turquoise);
}

.topbar ul li a.active {
  color: var(--turquoise-light);
}

.topbar .language li+li {
  margin-left: 15px;
}

.topbar .language li a {
  font-size: 1.23rem;
}

.topbar .language li:last-child a {
  font-size: 1.1rem;
}

.topbar .language li:nth-child(2) {
  position: relative;
  display: flex;
  align-items: center;
}

.language li:nth-child(2)::before {
  content: '';
  width: 1px;
  height: 85%;
  display: block;
  background-color: var(--white);
}

.topbar .hot-add-time li:last-child {
  display: flex;
  align-items: center;
}

.hot-add-time {
  display: flex;
  align-items: center;
}

.topbar .hot-add-time li:last-child .form-control {
  padding: 5px 10px 3px 10px;
  border-radius: 30px;
  font-size: 14px;
}

.alia-menubar {
  background-color: var(--white);
  padding-top: 5px;
  padding-bottom: 5px;
}

.alia span {
  width: 270px;
}

.alia-responsive,
.res-search-lan-contact,
.appointment-btn-responsive {
  display: none;
}

.alia img,
.alia-responsive img {
  display: block;
  width: 100%;
}

#particles-js {
  z-index: -1;
}

/* .menu-container{margin-left:auto;}
.menu-bg{display:none;}
.menu-link-wrap{display:none;}

.navbar-nav li{padding:0 1rem}
.navbar-nav li a{font-family:var(--acumin);color:var(--white);font-size:1.25rem;padding-left:0;padding-right:0;font-weight:400;text-decoration:none;}
.navbar-nav li .dropdown-menu li a{font-size:1rem;display:block;}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link:focus{color:rgb(244,255,255,0.5);text-decoration:none;}
.wsmenu-submenu .menu-item{padding:0 10px;}
.wsmenu-submenu .menu-item ul{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;}
.wsmenu-submenu .menu-item ul li{padding:5px;flex:0 0 16.65%}
.wsmenu-submenu .menu-item ul li a{font-size:1rem;display:block;padding:0;}
.wsmenu-submenu .menu-item ul li a .menu-img{background:var(--black);}
.wsmenu-submenu .menu-item ul li a h4{font-size:1rem}
.wsmenu-submenu .menu-item ul li a:hover .menu-img img{transform:scale(1.05);opacity:0.8;}

.navbar-expand-lg{padding:0;margin-left:auto;}
.navbar-expand-lg .navbar-nav > li{z-index:1;}
.navbar-nav li .dropdown-menu .drop-menu-item h3{font-size:1.25rem;color:var(--black);}
.navbar-nav li .dropdown-menu .drop-menu-item > a{font-size:1.25rem}
.navbar-nav li .dropdown-menu .drop-menu-item{padding:0 10px;}
.navbar-nav li .dropdown-menu .drop-menu-item ul{list-style-type:none;margin:0 -5px;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;}
.navbar-nav li .dropdown-menu .drop-menu-item ul li{padding:5px;flex:0 0 16.65%}
.navbar-expand-lg .navbar-nav .dropdown-menu{margin-left:0;left:0;}
.navbar-nav li .dropdown-menu .drop-menu-item .two-by-two ul li{flex:0 0 33.3333%}
.drop-menu-row{}
.navbar-nav .nav-link{position:relative;}
.navbar.navbar-expand-lg,
.navbar-expand-lg .navbar-collapse,.navbar-expand-lg .navbar-nav{position:static;}
.navbar-nav li.dropdown{position:static;}
.navbar-nav li.dropdown:hover > a{color:var(--black);}
.navbar-expand-lg .navbar-nav .dropdown-menu.full-width{width:100%;border:0;box-shadow:0 0 10px rgba(0,0,0,0.1);padding:15px 10px;}
.menu-img{overflow:hidden;background:var(--black);}
.menu-img img{width:100%;transition:all 0.3s ease;}
.navbar-nav li .dropdown-menu li a:hover img{transform:scale(1.05);opacity:0.8;}
.navbar-nav li .dropdown-menu li a:hover h4{color:var(--black);}
.navbar-nav .dropdown:hover > .dropdown-menu,.navbar-nav .dropend:hover > .dropdown-menu{margin-left:0;top:100px!important;}
.navbar-expand-lg .navbar-nav .nav-link{padding-top:15px;padding-bottom:15px;}
.menu-bg{display:none;}
.menu-link-wrap{display:none;} */
.navbar {}

.navbar .menubar {
  position: relative;
  z-index: 9;
}

.dropdown-wrap {}

.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  z-index: 1000;
}

.menubar .submenu ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  ;
  background-color: rgb(0, 171, 190, 0.95);
  border-radius: 15px;
  gap: 10px;
  padding: 10px;
}

.menubar .submenu li {
  width: 100%
}

.menubar .submenu li a {
  display: block;
  background-color: var(--white);
  border-radius: 15px;
  padding: 15px;
}

.menubar .submenu li a h4 {
  font-size: 17px;
  text-align: center;
  height: 45px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  margin-top: 10px;
}

.menubar .submenu li .menu-icon {
  width: 50px;
  margin: 0 auto;
}

.menubar .submenu li .menu-icon img {
  width: 100%;
}

/* Nested submenu (3rd level) */
.submenu .submenu {
  left: 100%;
  top: 0;
}

.submenu li a {
  padding: 10px 15px;
}

/* Open state (JS and hover) */
.dropdown.open>.submenu {
  max-height: calc(100vh - 150px);
  overflow: auto;
  /* enough to show content */
}

/* Desktop: enable hover open */
@media (hover: hover) {
  .dropdown:hover>.submenu {
    max-height: calc(100vh - 150px);
    /* overflow: visible;*/
  }
}

.navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.navbar ul li {
  margin-bottom: 0;
  position: static;
}

.navbar ul li a {
  font-family: var(--acumin);
  font-size: 1.25rem;
  color: var(--site-color);
  text-decoration: none;
  font-weight: 400;
  padding: 0;
  display: block;
}

.nav-link:focus,
.nav-link:hover {
  font-family: var(--acumin);
  /*font-size:1.25rem;*/
  color: var(--turquoise);
  text-decoration: none;
  font-weight: 400;
  padding: 0;
  display: block;
}

.navbar ul li a:hover,
.navbar ul li.active a,
.navbar ul li.current-menu-item a,
.navbar ul li a.active {
  color: var(--turquoise)
}

.navbar ul ul {
  display: block;
  background-color: rgb(109, 104, 104, 0.75);
}

.navbar ul ul li+li {
  display: block;
  margin-left: 0;
}

/* @media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu{position:absolute;top:0;left:100%;}
  .dropend .dropdown-toggle{margin-left:0.5em;}
}
.navbar-nav li .dropdown-menu .drop-menu-item ul .menu-col li{float:left;width:33.3333%}
.menu-link-wrap {
  display: none;
} */
@media (min-width:992px) {
  .alia-responsive {
    width: 250px;
    display: none;
  }

  header.smaller {
    background: var(--blue)
  }

  header.smaller .topbar {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  header.smaller .alia-menubar {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  header.smaller .alia span {
    width: 210px;
  }

  header.smaller .navbar-nav li {
    padding: 5px 20px;
  }

  header.smaller .navbar-nav li:first-child {
    padding-left: 0;
  }

  .navbar ul {
    display: flex;
  }

  .navbar ul li+li {
    margin-left: 3rem;
  }
}

header .btn {
  margin-left: 1rem;
  min-width: 174px;
  padding: 0.64rem 0rem 0.44rem 0rem;
  height: 44px;
}

.btn {
  background: var(--turquoise);
  border: none;
  color: var(--white);
}

.btn,
.login .btn-border,
.btn-border {
  font-size: 1.125rem;
  border-radius: 30px;
  padding: 0.7rem 1.5rem 0.5rem 1.5rem;
  cursor: pointer;
  text-decoration: none;
  font-variation-settings: "wght" 300, "wdth" 90;
  letter-spacing: 0.3px;
  display: inline-block;
  text-align: center;
  font-family: var(--acumin);
}

.btn:hover,
.btn:focus {
  background: var(--gray1);
  color: var(--white);
  text-decoration: none;
}

.btn-border {
  border: 2px solid var(--turquoise);
  background: none;
  color: var(--turquoise);
}

.btn-border:hover,
.btn-border:focus {
  border: 2px solid var(--gray1);
  background: var(--gray1);
  color: var(--white);
}

.login .btn-border {
  padding: 0.54rem 1rem 0.54rem 1rem;
  height: 44px;
}

.appointment-btn .login {
  padding-left: 1rem;
}

.contact-language {
  display: none;
}

.appointment-btn {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}

.appointment-btn .whatsapp-link {
  display: block;
  height: 44px;
  position: relative;
}

.appointment-btn .whatsapp-link::before {
  content: '';
  transform: scale(0.9);
  background-color: #25d366;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  border-radius: 50%;
  display: block;
}

.appointment-btn .whatsapp-link img {
  width: auto;
  height: 100%;
}

.appointment-btn .whatsapp-link:hover::before {
  transform: scale(1.15);
}

header {
  z-index: 99;
  padding: 0;
  transition: all 0.3s ease 0s;
  /*background:var(--blue);*/
}

.pad-left-right {
  padding-left: 6.688rem;
  padding-right: 6.688rem;
}

.pad-left {
  padding-left: 6.688rem;
}

.pad-right {
  padding-right: 6.688rem;
}

.wrapper {
  overflow: hidden;
}

.banner {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  margin-top: 50px;
  /*padding-top:119px*/
}

.banner::before {
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
  height: 100%;
  display: block;
  z-index: 11;
  content: '';
}

.mySlideshow .swiper-wrapper {
  width: 100%;
  height: 70vh;
  position: relative
}

.slideshow-holder {
  overflow: hidden;
  background-color: var(--black);
}

.slideshow-holder {
  height: 70vh
}

.slideshow-holder img {
  max-width: 100%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  opacity: 1;
}

.slideshow-slide {
  position: absolute;
  left: 0px;
  top: 60%;
  transform: translateY(-50%);
  max-width: 1000px;
}

.mySlideshow .swiper-slide {
  transition: transform 0s, right 0s, opacity 1s !important;
  transition-duration: 1s !important;
}

.mySlideshow .swiper-slide .slideshow-holder {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%
}

.mySlideshow .swiper-slide .slideshow-holder::before,
.single-slide .slideshow-holder::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(52, 57, 72, 0.41);
  content: '';
}

.mySlideshow .swiper-slide {
  top: 55%;
  transform: translateY(-50%) !important;
  position: absolute;
  opacity: 0 !important;
  z-index: 9;
}

.mySlideshow .swiper-slide:nth-child(1) {
  opacity: 1 !important
}

.mySlideshow .swiper-slide:nth-child(2) {
  opacity: 1 !important;
  transition: none;
  transition-delay: 1s;
}

.mySlideshow .swiper-slide {
  height: 150px;
  width: 150px !important;
  right: -340px;
}

.mySlideshow .swiper-slide:nth-child(1) {
  right: 235px;
}

.mySlideshow .swiper-slide:nth-child(2) {
  right: 70px;
}

.mySlideshow .swiper-slide.swiper-slide-next {
  right: 400px;
  opacity: 1 !important
}

.mySlideshow .swiper-slide.swiper-slide-next .slideshow-holder img {
  opacity: 1;
}

.mySlideshow .swiper-slide.swiper-slide-next+.swiper-slide {
  right: 235px;
  opacity: 1 !important
}

.mySlideshow .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide {
  right: 70px;
  transition: transform 0s 0s, right 1s 0.1s, opacity 1s 0.5s !important;
  opacity: 1 !important;
  z-index: 8;
}

.mySlideshow .swiper-slide-active,
.mySlideshow .swiper-slide-prev {
  right: 0% !important;
  top: 0%;
  transform: translate(0%, 0%) !important;
  opacity: 1 !important;
  height: 70vh;
  width: 100% !important;
  position: absolute;
  z-index: 1;
  transition: all 1s ease 0s !important;
  transition-duration: 1s !important
}

.mySlideshow .swiper-slide-active .slideshow-holder,
.mySlideshow .swiper-slide-prev .slideshow-holder {
  width: 100% !important;
  height: 70vh;
  transition: all 1s ease 0s !important;
  opacity: 1 !important
}

.mySlideshow .swiper-slide-active .slideshow-holder img {
  opacity: 1;
}

.slideshow-slide h1 {
  color: var(--white);
  font-size: 3.75rem;
  margin-bottom: 1rem;
  font-variation-settings: "wght" 300, "wdth" 100, 'slnt' 0;
  line-height: 1;
}

.slideshow-slide p {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}

.slideshow-next-prev-btns {
  bottom: 0;
  z-index: 9;
  display: flex;
  width: 420px;
  left: auto;
  right: 0
}

.slideshow-next-prev-btns .swiper-button-prev,
.slideshow-next-prev-btns .swiper-button-next {
  width: 60px;
  height: 60px;
  background-color: var(--white);
  top: 0;
  margin: 0;
  transform: none;
  flex: 0 0 50%;
  position: static;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 25px;
  color: var(--blue)
}

.swiper-wrapper .slideshow-slide h1,
.swiper-wrapper .slideshow-slide p,
.swiper-wrapper .slideshow-slide .slideshow-btn {
  transform: translateX(100px);
  opacity: 0;
}

.slideshow-slide h1 {
  transition: all 1s ease 0.85s;
}

.slideshow-slide p {
  transition: all 1s ease 1s;
}

.slideshow-btn {
  transition: all 1s ease 1.2s;
}

.mySlideshow .swiper-slide-prev .slideshow-slide h1,
.mySlideshow .swiper-slide-prev .slideshow-slide p,
.mySlideshow .swiper-slide-prev .slideshow-slide .slideshow-btn {
  transform: translateX(-100px)
}

.mySlideshow .swiper-slide-prev .slideshow-slide {}

.mySlideshow .swiper-slide-active {}

.mySlideshow .swiper-slide-active .slideshow-slide h1,
.mySlideshow .swiper-slide-active .slideshow-slide p,
.mySlideshow .swiper-slide-active .slideshow-slide .slideshow-btn {
  transform: translateX(0px);
  opacity: 1
}

.mySlideshow .swiper-slide-next {}

.mySlideshow .swiper-slide-next .slideshow-slide h1,
.mySlideshow .swiper-slide-next .slideshow-slide p,
.mySlideshow .swiper-slide-next .slideshow-slide .slideshow-btn {
  transform: translateX(100px)
}

.slideshow-btn .btn {
  width: 220px;
  height: 55px;
  background-color: rgba(249, 249, 249, .2);
  border: 1px solid rgb(255, 255, 255, 0.5);
  font-size: 1.375rem;
  font-variation-settings: "wght" 200, "wdth" 90, 'slnt' 0;
}

.slideshow-btn .btn:hover {
  background-color: var(--turquoise);
  color: var(--white)
}

.autoplay-progress {
  position: absolute;
  right: 395px;
  top: 55%;
  transform: translateY(-50%);
  z-index: 5;
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--white)
}

.autoplay-progress svg {
  --progress: 0;
  /**/
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 5px;
  stroke: var(--white);
  fill: none;
  /*stroke-dashoffset:calc(125.6px * (1 - var(--progress)));
  stroke-dasharray:125.6;*/
  stroke-dashoffset: calc(680px * (1 - var(--progress)));
  stroke-dasharray: 680px;
  /* stroke-dashoffset:0;
  stroke-dasharray:680px; */
  /*  */
  /*transform:rotate(-90deg);*/
}

select {
  /*padding: 1em 1.4em;
    min-height: 3rem;
    border: 2px solid lightgrey;
    border-radius: 0.5rem;
    color: black;
    background-color: white;
    line-height: 1;
    min-width: 30ch;
    box-shadow: 0 0.4rem 0.4rem 0 #2221;*/
  transition: 0.3s ease-in;

  &:hover {
    /* transform: translateY(-0.2rem);
      box-shadow: 0 0.8rem 0.8rem 0 #2222;
      transition: 0.2s ease-out;*/
  }

  /* If the placeholder option is checked... */
  &:has(option:checked:first-child) {
    color: #828282;

    /*text-transform: uppercase;*/
    /* For browsers/OSes that allow styling of options, reset none placeholder styles */
    option {
      color: #212529;
      text-transform: none;
      /**/
    }
  }
}

input[type="file"] {
  padding: 0;
  direction: rtl;
}

input[type="file"]::file-selector-button {
  border: 0px solid var(--blue-dark);
  padding: 0.82em 1em;
  border-radius: 10px;
  background: var(--blue-dark);
  transition: 0s;
  color: #fff;
}

input[type="file"]::file-selector-button:hover {
  background: var(--blue-to-light-blue);
  padding: 0.82em 1em;
  border: 2px solid var(--blue-to-light-blue);
}

.video-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.video-container video {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  object-fit: contain
}

.social-media {
  z-index: 19;
  right: 30px;
  top: 55%;
  transform: translateY(-50%);
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.social-media li+li {
  margin-top: 100px;
}

.social-media li a {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-media li a::before {
  content: '';
  width: 16px;
  height: 16px;
  background-color: var(--turquoise);
  display: block;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
}

.social-media li a img {
  width: 100%;
}

.social-media li a:hover::before {
  transform: scale(2);
  opacity: 1;
}

.social-media::before,
.social-media::after {
  display: block;
  width: 1px;
  background-color: var(--white);
  height: 30%;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.social-media::before {
  top: 35px;
}

.social-media::after {
  bottom: 35px;
}

.centre {
  padding: 8.125rem 0 5rem 0;
  /*background:url(../images/texture-1.webp) center center no-repeat;background-size:cover;*/
}

.balls {
  opacity: 0.1;
}

.centre canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.centre .container-fluid {
  position: relative;
  z-index: 9;
}

.centre-left h6 {
  font-size: 1.25rem;
  color: var(--gray);
}

.centre-left h1 {
  font-size: 2.5rem;
  color: var(--gray);
}

p,
li {
  font-size: 1.25rem;
  color: var(--gray)
}

.centre-left p {
  font-size: 1.25rem;
  color: var(--gray);
  font-variation-settings: "wght" 300, "wdth" 80, 'slnt' 0;
}

.centre-text {
  max-width: 535px;
}

.centre-feature {
  flex: 0 0 180px;
}

.centre-feature ul,
.centre-right ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.centre-feature ul li h2 {
  display: flex;
  font-size: 4.375rem;
  color: var(--turquoise);
  font-variation-settings: "wght" 600, "wdth" 100, 'slnt' 0;
  margin-bottom: 0;
}

.centre-feature ul li p {
  font-size: 1.25rem;
  color: var(--black);
  font-variation-settings: "wght" 600, "wdth" 100, 'slnt' 0;
}

.centre-right ul li {
  overflow: hidden;
  padding: 0;
}

.centre-right ul li img {
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.centre-right ul li:nth-child(1) {
  width: 24%;
  flex: 0 0 24%;
  border-radius: 25px;
}

.centre-right ul li:nth-child(2) {
  width: calc(29.12% - 14px);
  flex: 0 0 calc(29.12% - 14px);
  border-radius: 25px 0px 0px 0px;
  margin: 0 7px;
}

.centre-right ul li:nth-child(3) {
  width: 44.5%;
  flex: 0 0 44.5%;
}

.team .container {
  z-index: 9;
}

.team-text {
  max-width: 1024px;
  margin: 0 auto;
  z-index: 9;
}

.team-text p {
  padding-left: 20px;
  padding-right: 20px;
}

.notch-department {
  padding-top: 16.875rem;
  padding-bottom: 7.5rem;
  background: url(../images/patient-bg.webp) center center no-repeat;
  background-size: cover
}

.notch-department::before,
.patient-say::before {
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/texture-2.webp) center bottom no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.patient-say::after {
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/dna-1.webp) left top no-repeat;
  background-size: auto 100%;
  z-index: 0;
}

.notch-department .container-fluid {
  position: relative;
  z-index: 9;
}

.notch-department h1 {
  color: var(--turquoise);
}

.department-left-col {
  max-width: 450px;
}

.department-left {
  background-color: var(--white);
  border-radius: 15px;
  padding: 60px 40px 40px 40px;
}

.department-left h5 {
  font-size: 2.5rem;
  font-variation-settings: "wght" 400, "wdth" 100, 'slnt' 0;
  color: var(--gray);
}

.department-left p {
  font-size: 1.25rem;
  font-variation-settings: "wght" 300, "wdth" 80, 'slnt' 0;
  color: var(--gray);
  text-transform: capitalize;
}

.department-right-col {
  max-width: calc(100% - (450px + calc(var(--bs-gutter-x) * .5)));
}

.department-pagination {
  height: 0;
  top: calc(100% + 10px) !important;
  bottom: auto !important;
}

.department-card {
  display: block;
}

.department-card:hover {
  background-color: var(--turquoise);
}

.department-card:hover .department-icon {
  transform: scale(0.9);
}

.department-card:hover .department-icon img {
  filter: brightness(2.35);
}

.department-card:hover h4 {
  transform: scale(1.1);
  color: var(--white);
}

.myDepartment {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto
}

.myDepartment .swiper-slide {
  text-align: center;
  height: calc((100% - 30px) / 2) !important;
  display: flex;
  justify-content: center;
  align-items: center
}

.myDepartment .swiper-wrapper {
  flex-direction: unset !important
}

.notch-department .carousel {
  background-color: rgb(0, 171, 190, 0.4);
  border-radius: 15px;
  padding: 15px;
}

.department-icon {
  height: 125px;
  margin: 0 auto;
}

.department-icon img {
  height: 100%;
}

.department-card {
  background-color: var(--white);
  width: 100%;
  border-radius: 15px;
  height: 0;
  padding-top: 100%;
}

.department-sub {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.department-card h4 {
  color: var(--gray);
  font-size: 1.25rem;
  font-variation-settings: "wght" 300, "wdth" 100, 'slnt' 0;
  margin-top: 1rem;
  min-height: 50px;
  margin-bottom: 0;
}

.myDepartment .swiper-slide {
  padding: 16px;
}

.department-pagination .swiper-pagination-bullet {
  background-color: #AEC3C9;
  opacity: 0.4;
  width: 50px;
  height: 4px;
  border-radius: 5px;
}

.department-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.team {
  padding: 2.75rem 0 5rem 0;
  background-color: var(--white);
}

.team .sub-title,
.team h1 {
  color: var(--gray);
}

.team-list {
  margin: 0rem auto 3rem auto;
  max-width: 850px;
}

.team h1 {
  margin-bottom: 10px;
}

.team .sub-title {
  margin-bottom: 10px;
}

.myTeamSwiper {
  width: calc(100% - 100px);
  overflow: hidden;
  margin: 0 auto;
}

.myTeamSwiper .swiper-slide {
  width: auto;
}

.myTeamSwiper .swiper-slide a {
  font-size: 1.25rem;
  color: var(--black);
  font-variation-settings: "wght" 500, "wdth" 90, 'slnt' 0;
}

.myTeamSwiper .swiper-slide a:hover {
  color: var(--turquoise);
}

.myTeamSwiper .swiper-slide a.active {
  color: var(--gray);
}

.team-list .list-button-prev,
.team-list .list-button-next {
  background-color: #00abbe;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.team-list .list-button-prev img,
.team-list .list-button-next img {
  width: 75%
}

.team-list .list-button-prev:hover,
.team-list .list-button-next:hover {
  background-color: var(--turquoise-mid)
}

.team-list .list-button-prev {
  left: 0
}

.team-list .list-button-next {
  right: 0
}

.team-text p {
  color: var(--gray);
}

.division-doctors {
  margin-top: 3rem;
}

.myDoctor {
  overflow: hidden
}

.doctor-button-prev,
.doctor-button-next {
  background-color: rgb(109, 104, 104, 0.75);
}

.doctor-button-prev:hover,
.doctor-button-next:hover,
.patient-button-prev:hover,
.patient-button-next:hover {
  background-color: var(--turquoise);
}

.all-doctors-btn {
  margin-top: 1.875rem;
}

.all-doctors-btn a,
.button {
  background-color: #888585;
  padding: 8px 8px 8px 30px;
  border-radius: 50px;
  color: var(--white);
  font-size: 1.125rem;
  font-variation-settings: "wght" 300, "wdth" 100, 'slnt' 0;
}

.all-doctors-btn a strong,
.button strong {
  display: block;
  padding-top: 2px;
}

.all-doctors-btn a div,
.button div {
  line-height: 1;
  margin-top: 2px;
}

.all-doctors-btn a span,
.button span {
  display: flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  border-radius: 50%;
  margin-left: 10px;
}

.all-doctors-btn a span img,
.button span img {
  filter: invert(1);
  opacity: 0.5;
}

.all-doctors-btn a:hover,
.button:hover {
  background-color: var(--turquoise);
}

.all-doctors-btn a:hover span img,
.button:hover span img {
  transform: translateX(7px);
}

.myDoctor .swiper-slide {
  padding: 20px 10px;
  height: auto
}

.doctor-card {
  cursor: pointer;
  border-radius: 15px;
  box-shadow: 3px 2px 15px 0px rgba(0, 0, 0, 0.15);
  height: 100%;
  display: block;
}

.doctor-card .doctor-holder {
  background-color: var(--gray2);
}

.doctor-holder {
  width: 100%;
  height: 0;
  padding-top: 127.526132404%;
  border-radius: 15px;
  overflow: hidden;
}

.doctor-holder img {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  object-fit: cover
}

.doctor-title {
  margin-top: 1.5rem;
  padding: 0 10px 10px 10px;
}

.doctor-title h3 {
  font-size: 1.375rem;
  text-align: center;
  color: var(--black);
  font-variation-settings: "wght" 700, "wdth" 100, 'slnt' 0;
  margin-bottom: 1rem;
}

.doctor-title .designation {
  font-size: 1rem;
  text-align: center;
  color: var(--black);
  font-variation-settings: "wght" 300, "wdth" 100, 'slnt' 0;
  margin: 0;
  text-transform: uppercase;
}

.doctor-card:hover {
  box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, .3);
  background-color: rgba(255, 255, 255, 0.5);
}

.doctor-card:hover .doctor-holder img {
  transform: translateX(-50%) scale(1.05);
}

.doctor-card:hover .doctor-title h3,
.doctor-card:hover .designation {
  color: var(--turquoise);
}


.patient-say {
  padding-top: 8rem;
  padding-bottom: 5rem;
  background: url(../images/patient-bg.webp) center center no-repeat;
  background-size: cover;
}

#particle-canvas {
  z-index: 0;
  opacity: 0.4;
}

#particle-canvas div {
  display: none;
}

#particle-canvas canvas {
  width: 100%;
  height: 100%;
}

.patient-say .title-head,
.patient-say .carousel {
  z-index: 19;
}

.sub-title {
  font-size: 1.25rem;
  font-variation-settings: "wght" 400, "wdth" 100, 'slnt' 0;
  margin-bottom: 1rem;
}

.patient-next-prev {
  width: 115px;
}

h1 {
  font-size: 2.5rem;
  font-variation-settings: "wght" 800, "wdth" 100, 'slnt' 0;
}

.myPatients .swiper-slide {
  height: auto
}

.myPatients .swiper-slide .patient-card {
  height: 100%;
}

.patient-card {
  max-width: 450px;
  margin: 0 auto;
  border-radius: 26px;
  overflow: hidden;
}

.patient-doctor-wrap {
  height: 1px;
  margin-bottom: 4rem;
}

.patient-doctor-wrap .square {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 7px solid var(--white);
  border-radius: 50%;
}

.square {
  overflow: hidden;
}

.square div {
  width: 100%;
  padding-top: 100%;
}

.square div img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
}

.patient-doctor {
  width: 120px;
}

.patient-dtl {
  background-color: #7FBCC3;
  padding-bottom: 6rem;
  padding-top: 3.125rem;
  height: calc(100% - 81px);
}

.patient-dtl .comma {
  height: 25px;
  margin: 0px 0 35px 0;
}

.patient-dtl .comma img {
  height: 100%
}

.patient-text {
  padding: 0 1.875rem;
}

.patient-text p {
  font-size: 1.475rem;
  font-variation-settings: "wght" 150, "wdth" 90, 'slnt' 0;
  font-style: italic;
  line-height: 1.25;
  color: var(--white);
}

.patient-text p:last-child {
  margin-bottom: 0;
}

.patient-footer {
  padding-bottom: 1rem;
}

.patient-footer h3 {
  color: var(--site-color);
  font-size: 1.25rem;
  font-variation-settings: "wght" 400, "wdth" 100, 'slnt' 0;
  margin-bottom: 5px;
}

.dr-position {
  color: var(--turquoise);
  font-size: 0.9rem;
  font-variation-settings: "wght" 400, "wdth" 100, 'slnt' 0;
}

.swiper-button-prev,
.swiper-button-next {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper-button-prev img {
  transform: scale(-1);
}

.patient-next-prev {
  margin-top: 5rem;
}

.event-next-prev {
  margin-top: 2.5rem;
}

.combined-next-prev .swiper-button-prev {
  margin-right: 35px;
}

.patient-button-prev,
.patient-button-next {
  background-color: rgb(244, 255, 255, 0.70);
}

.combined-next-prev .swiper-button-disabled img {
  filter: invert(1);
  opacity: 0.3;
}

.event {
  padding-top: 5.313rem;
  padding-bottom: 3.75rem;
}

.event h1,
.event .sub-title {
  color: var(--gray);
}

.event-card {
  cursor: pointer;
  display: block;
}

.event-lable {
  left: 25px;
  top: 25px;
  z-index: 9;
  background-color: var(--turquoise-mid);
  border-radius: 25px;
  padding: 0.5rem 2rem;
  font-size: 0.813rem;
  color: var(--white);
}

.event-title {
  left: 25px;
  right: 25px;
  bottom: 25px;
  z-index: 9;
}

.event-title h3 {
  margin: 0;
  font-size: 1.5rem;
  color: var(--white);
  font-variation-settings: "wght" 400, "wdth" 100, 'slnt' 0;
}

.event-holder {
  padding-top: 146.96969697%;
  height: 0;
  overflow: hidden;
  border-radius: 25px;
  z-index: 1;
}

.event-holder img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.event-holder::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(109, 104, 104, 1) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 100%);
}

.event-button-prev,
.event-button-next {
  background-color: var(--turquoise);
}

.event-card:hover .event-holder img {
  transform: translate(-50%, -50%) scale(1.05);
}

.event-list {
  margin-top: calc(-.5 * var(--bs-gutter-x));
}

.event-list .col-lg-3 {
  padding: calc(var(--bs-gutter-x) * .5);
}

.offer-dtl date {
  font-size: 1rem;
  margin-bottom: 1rem;
  display: block;
  opacity: 0.7;
}

footer {
  background-color: var(--blue-gray);
  position: relative;
  overflow: hidden;
}

footer .container-fluid {
  position: relative;
  padding: 3.75rem 0;
}

footer .container-fluid::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/Alia-International-Hospital-symbol.svg) right bottom no-repeat;
  background-size: auto 110%;
  z-index: 1;
  opacity: 0.05;
}

footer .container-fluid .row {
  position: relative;
  z-index: 9;
}

footer a,
footer p,
footer li {
  color: #dbdddf;
  font-size: 1.25rem;
}

footer a {
  transition: all 0.3s ease 0s;
}

footer a:hover {
  color: var(--turquoise);
}

.footer-subscribe {
  max-width: 460px;
  margin: 0 auto;
}

.footer-subscribe .form-control {
  border-radius: 30px;
  padding: 0rem 4rem 0rem 2rem;
  border: none;
  font-size: 1rem;
  font-variation-settings: "wght" 300, "wdth" 80, 'slnt' 0;
  color: var(--black);
  height: 50px;
  background-color: #D9D9D9;
  line-height: 1.5;
  width: calc(100% - 100px);
  box-shadow: none;
  border: none;
}

.footer-subscribe .form-control:focus {
  background-color: var(--white);
}

.footer-subscribe button {
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  display: inline-block;
  background-color: #2F2F2F;
  color: var(--white);
  font-size: 1rem;
  border-radius: 30px;
  padding: 0rem 2rem;
  border: none;
  width: 140px;
  text-align: center;
}

.footer-subscribe button:hover {
  background-color: var(--turquoise);
}

footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer-social {
  justify-content: flex-end;
  align-items: center;
}

.footer-social h4 {
  color: var(--white);
  font-size: 1.25rem;
  font-variation-settings: "wght" 300, "wdth" 90, 'slnt' 0;
  margin-bottom: 0;
}

.footer-social ul li {
  margin-left: 1.25rem;
}

.footer-social ul li a {
  width: 27px;
  display: block;
}

.footer-social ul li a img {
  width: 100%;
}

.footer-social ul li a:hover img {
  opacity: 0.5;
}

/* footer ul li:first-child{padding-top:0;}
footer ul li{padding:5px 0;}
footer ul li a:hover{color:#FFFFFF} */
.footer-alia {
  display: block;
  width: 331px;
}

.footer-alia img {
  width: 100%;
  height: auto;
}

.footer-alia:hover img {
  opacity: 0.5
}

.footer-sub {
  margin-top: 3.75rem;
  position: relative;
}

.seperator {
  height: 1px;
  background-image: linear-gradient(90deg, #fff, #fff 60%, transparent 60%, transparent 100%);
  background-size: 20px 1px;
  border: none;
}

.footer-sub .seperator {
  margin-bottom: 3.75rem;
}

.footer-sub .row {
  position: relative;
  z-index: 9;
  justify-content: space-between;
}

.footer-sub .row .col-lg-3 {
  width: auto;
}

.footer-connect-sub {
  max-width: 315px;
}

.footer-sub h3 {
  color: var(--white);
  font-size: 1.75rem;
  font-variation-settings: "wght" 300, "wdth" 100, 'slnt' 0;
}

.footer-sub p {
  font-size: 1.25rem;
  color: var(--white)
}

.JCI {
  align-items: center;
}

.JCI span {
  flex: 0 0 60px;
}

.JCI span img {
  width: 100%;
}

.JCI div {
  color: var(--white);
  font-size: 1rem;
  color: rgb(255, 255, 255, 0.60);
  padding-left: 22px;
}

.footer-connect {}

.footer-connect ul {
  margin: 2rem 0;
}

.footer-connect ul li {
  color: var(--white);
  font-size: 1.25rem;
  font-variation-settings: "wght" 200, "wdth" 100, 'slnt' 0;
  display: flex;
}

.footer-connect ul li+li {
  margin-top: 1rem;
}

.footer-connect ul li span {
  display: block;
  width: 30px;
  margin-right: 10px;
}

.footer-connect ul li span img {
  width: 100%;
}

.footer-connect ul li label {
  margin-right: 5px
}

.foot-contact-us a {
  display: flex;
  padding: 10px 10px 10px 30px;
  background-color: #565C69;
  color: var(--white);
  font-size: 1.125rem;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  border-radius: 40px
}

.foot-contact-us a span {
  display: flex;
  width: 34px;
  height: 34px;
  background-color: var(--white);
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 50%;
}

.foot-contact-us a:hover {
  background-color: var(--turquoise);
  color: var(--white) !important;
}

.quick-links-sub {
  max-width: 315px;
  margin: 0 auto;
}

.foot-contact-us {
  margin-top: 1rem;
}

.quick-links-sub ul {
  display: flex;
  flex-wrap: wrap;
}

.quick-links-sub ul li {
  flex: 0 0 50%;
  margin-bottom: 1rem;
}

.quick-links-sub ul li:nth-child(even) {
  flex: 0 0 140px;
}

.quick-links-sub ul li:nth-child(odd) {
  flex: 0 0 170px;
}

.quick-links-sub ul li a {
  color: var(--white);
  font-size: 1.25rem;
  position: relative;
  display: block;
  padding: 0 0 0 25px;
  font-variation-settings: "wght" 200, "wdth" 90, 'slnt' 0;
}

.quick-links-sub ul li a::before {
  content: '';
  width: 10px;
  height: 23px;
  opacity: 0.3;
  display: block;
  background: url(../images/caret.svg) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 3px;
}

.quick-links-sub ul li a:hover {
  color: var(--turquoise);
}

.offer-img {
  width: 50%;
  float: right;
  margin: 0 0 2rem 2rem;
}

.offer-img img {
  width: 100%
}

.map-col {
  padding-top: 2rem;
}

.map iframe {
  width: 100%;
  height: 500px;
}

.apple-google-store {
  max-width: 200px;
}

.apps-links a {
  border: 2px solid rgb(255, 255, 255, 0.4);
  border-radius: 10px;
}

.apps-links a+a {
  margin-top: 1.5rem;
}

.apps-links a:hover {
  background-color: var(--turquoise);
}

.foot-news {
  max-width: 370px;
  margin-left: auto;
}

.foot-news-row .foot-news-card+.foot-news-card {
  margin-top: 1.563rem;
}

.foot-news-card {
  cursor: pointer;
}

.foot-news-holder {
  flex: 0 0 145px;
}

.foot-news-holder div {
  padding-top: 60%;
  overflow: hidden;
  border-radius: 15px;
  height: 0;
}

.foot-news-holder div img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.foot-news-dtl {
  flex: 0 0 calc(100% - 145px);
  padding-left: 15px;
}

.date-time {
  margin-bottom: 0.7rem;
}

.date-time div {
  color: var(--white);
  font-size: 0.813rem;
  font-variation-settings: "wght" 200, "wdth" 90, 'slnt' 0;
  letter-spacing: 1px;
}

.date-time div img {
  width: 13px;
  margin-right: 5px;
}

.foot-news-card:hover .foot-news-holder img {
  transform: translate(-50%, -50%) scale(1.1)
}

.foot-news-card:hover .foot-news-dtl h3 {
  color: var(--turquoise);
}


.foot-news-dtl h3 {
  color: var(--white);
  font-size: 0.95rem;
  font-variation-settings: "wght" 400, "wdth" 90, 'slnt' 0;
  margin: 0;
}

.copyrights {
  background-color: #565C69;
  padding: 1.25rem 0;
}

.copyrights p {
  color: var(--white);
  font-size: 1.25rem;
  margin: 0;
  font-variation-settings: "wght" 100, "wdth" 90, 'slnt' 0;
  text-align: center;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.jci-float {
  width: 50px;
  overflow: hidden;
  display: flex;
  border-radius: 50px;
  align-items: center;
  bottom: 20px;
  transition: all 0.3s ease 0s;
  z-index: 99;
  right: 10px !important;
}

.jci-float::before {
  content: '';
  background-color: rgba(204, 161, 44, 0.9);
  position: absolute;
  z-index: -1;
  left: 25px;
  height: 70%;
  width: 100%;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

.jci-float:hover {
  width: 185px;
}

.jci-float:hover::before {
  opacity: 1;
}

.jci-icon {
  flex: 0 0 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid var(--white);
  background-color: var(--white);
}

.jci-icon img {
  width: 100%;
}

.jci-text {
  padding: 6px 10px 5px 10px;
}

.jci-text p {
  margin: 0;
  font-size: 14px;
  color: var(--white);
  line-height: 1;
  color: var(--black)
}

.jci-text h4 {
  margin: 0;
  font-size: 16px;
  color: var(--white)
}

.jci-float:hover {
  opacity: 0.7
}

/* .jci-float:hover .jci-text p{color:var(--white);} */
.modal-dialog {
  max-width: 1300px;
}

.modal-header h6 {
  margin-bottom: 0;
}

.modal {
  background-color: var(--blue);
}

.modal-header h5 {
  font-size: 2rem;
}

.modal-header h6 {
  font-size: 1rem;
}

.modal-header h5,
.modal-header h6 {
  color: var(--gray2);
}

.modal-body p,
.modal-body li {
  color: var(--gray2);
  text-align: justify;
}

.leadership-holder {
  max-width: 500px;
  float: right;
  margin-bottom: 25px;
}

.modal-body .btn-secondary {
  background-color: var(--white);
  color: var(--blue);
}

.modal-content,
.modal-dialog-scrollable .modal-body,
.modal-header,
.modal-footer {
  background-color: transparent;
  border: none;
}

.btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}

/* .accordions{display:block;position:relative;padding-top:51.6387959866%;height:0;}
.accordions .accordions-item{position:absolute;top:0;}
.accordions .accordions-item:nth-child(1){left:0%;}
.accordions .accordions-item:nth-child(2){left:50.0113738241%;}
.accordions .accordions-item:nth-child(3){left:calc(50.0113738241% + 16.6700119091%) ;}
.accordions .accordions-item:nth-child(4){left:calc(50.0113738241% + 16.6700119091% + 16.6700119091%);}
.innerpage{padding:50px 0;} */
.mt-141 {
  margin-top: 124px;
}

.department-banner {}

.inner-banner {
  position: relative;
}

.inner-holder {
  height: 60vh;
  overflow: hidden;
  position: relative;
}

.inner-holder img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

/* .inner-banner::before{content:'';left:0;top:0;width:100%;height:100%;z-index:9;display:block;background-color:rgba(45,46,155,0.8);position:absolute;} */
.breadcrumb {
  margin: 2rem 0 0 0;
}

.breadcrumb a {
  color: var(--turquoise);
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  color: var(--turquoise-mid)
}

.inner-pages {
  padding-bottom: 5rem;
}

.inner-pages h1 {
  text-align: center;
  color: var(--gray);
  margin: 2rem;
}

.journey {
  position: relative;
}

.journey::before {
  background-image: url(../images/journey-1.webp);
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
}

.journey nav {
  position: relative;
  z-index: 3;
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
  font-size: 15px;
}

.contact-form .col,
.contact-form .col-12 {
  padding-bottom: calc(var(--bs-gutter-x) * .5);
  padding-top: calc(var(--bs-gutter-x) * .5);
}

.form-control {
  font-size: 1.15rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--turquoise-mid)
}

.form-control::placeholder {
  color: #828282;
}

.form-control:focus {
  color: var(--gray);
  background-color: #fff;
  border: 1px solid var(--turquoise-mid);
  box-shadow: 0 0 0 .25rem rgba(0, 171, 190, .25);
}

.contact-dtl .list-unstyled li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: calc(var(--bs-gutter-x) * .5);
  padding-top: calc(var(--bs-gutter-x) * .5);
}

.contact-dtl .list-unstyled li,
.contact-dtl li a {
  font-size: 1.25rem
}

.contact-dtl .list-unstyled li span {
  margin-right: 10px;
  opacity: 0.75;
}

.contact-dtl .list-unstyled strong {
  display: inline-block;
  width: 90px;
}

.contact-dtl li a {
  color: var(--turquoise)
}

.contact-dtl li a:hover {
  color: var(--gray)
}

.contact-dtl .social-icons ul {
  list-style-type: none;
  padding: 0
}

.contact-dtl .social-icons li+li {
  margin-left: 10px;
}

.contact-dtl .social-icons li a {
  position: relative;
  display: block;
  border: 2px solid var(--turquoise);
  border-radius: 50%
}

.contact-dtl .social-icons li a::before {
  content: '';
  left: 2.5%;
  top: 2.5%;
  background-color: var(--turquoise);
  width: 95%;
  height: 95%;
  z-index: -1;
  display: block;
  position: absolute;
  border-radius: 50%
}

.contact-dtl .social-icons li a img {
  max-width: 100%;
}

.contact-dtl .social-icons li a:hover {
  border: 2px solid var(--gray);
}

.contact-dtl .social-icons li a:hover::before {
  background-color: var(--gray);
  transform: scale(1.2);
}

.division {
  max-width: 1000px;
  margin: 150px auto 0 auto;
  background-color: #f1f1f1;
  padding: 0px 35px 35px 35px;
  border-radius: 35px;
}

.division-info {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.division-holder {
  height: 1px;
  margin-bottom: 120px;
}

.division-icon {
  width: 150px;
  /*left:50%;top:50%;transform:translate(-50%,-50%);*/
  padding: 25px;
  background-color: var(--turquoise);
  border-radius: 50%;
  margin-top: 1.5rem;
}

.division-icon img {
  width: 100%;
  filter: invert(1) brightness(10)
}

.division-service figure {
  border-radius: 15px;
  overflow: hidden;
}

.division-service figure img {
  transform: scale(1.2);
  transition-duration: 2s;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}

.division-service .aos-animate figure img {
  transform: scale(1);
}

.division-service h2 {
  color: var(--turquoise)
}

.division-service ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.division-service ul li {
  position: relative;
  padding: 7px 10px 7px 35px
}

.division-service ul li::before {
  left: 0;
  top: 12px;
  display: block;
  content: '';
  width: 20px;
  height: 13px;
  background: url(../images/arrow-bullet.svg) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
}

.division-service .col-lg-6:first-child {
  padding-right: calc(var(--bs-gutter-x) * 1);
}

.division-service .col-lg-6:last-child {
  padding-left: calc(var(--bs-gutter-x) * 1);
}

.hospitality-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hospitality-card {
  padding: calc(var(--bs-gutter-x) * .5)
}

.hospitality-card .hospitality-holder {
  position: relative;
  z-index: 0;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 75%;
  border-radius: 15px;
}

.hospitality-card .hospitality-holder img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  min-height: 100%;
  max-width: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  transition: all 500ms ease-in-out;
}

.hospitality-card .hospitality-dtl {
  position: relative;
  z-index: 10;
  margin-inline: auto;
  margin-top: -2rem;
  width: 90%;
  /*min-height: 37%;*/
  background-color: rgba(255, 255, 255, 0.9);
  /* background-color: var(--turquoise); */
  padding: 1rem 1rem 1rem 2rem;
  border-radius: 13px;
  box-shadow: 0 .25rem .35rem rgba(0, 0, 0, .1) !important;
}

.hospitality-dtl h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.hospitality-dtl p {
  margin-bottom: 0;
  font-size: 1.15rem;
}

.nurse-dtl {
  background-color: var(--gray3);
  padding: 40px;
  border-radius: 0 15px 15px 0;
}

/* .nurse-dtl::before{content:'';height:1px;left:-7px;position:absolute;z-index:10;display:block;border-left-width:50px;border-bottom-width:50px;border-style:solid;transform:rotate(-45deg) translateY(-50%);top:50%;border-color:var(--gray3) ;} */
.nurse-holder {
  padding: 0;
  border-radius: 15px 0 0 15px;
  overflow: hidden;
}

.nurse-holder img {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
  object-fit: cover;
}

.nurse-holder .pipes {
  width: 10px;
  background-color: var(--gray3);
  right: 3px;
  z-index: 9;
}

.nurse-holder .pipes::before,
.nurse-holder .pipes::after {
  content: '';
  height: 100%;
  display: block;
  position: absolute;
  z-index: 1;
  background-color: var(--gray3)
}

.nurse-holder .pipes::before {
  right: 18px;
  width: 5px;
}

.nurse-holder .pipes::after {
  right: 35px;
  width: 3px;
}

.ceo-row {
  box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, .2);
  border-radius: 15px
}

.ceo-row:hover {
  box-shadow: 6px 5px 30px 0px rgba(109, 104, 104, .5);
}

.chairman-row {
  margin: 25px auto 0 auto;
  position: relative;
  border-bottom: 2px solid rgba(0, 171, 190, 1);
  overflow: hidden;
  justify-content: space-between;
}

.chairman-photo {
  width: 450px;
  flex: 0 0 450px;
  order: 2;
}

.chairman-photo img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.chairman-dtl {
  width: calc(100% - 550px);
  flex: 0 0 calc(100% - 550px);
  padding: 50px 35px 25px 35px;
  /*background:linear-gradient(175deg,rgba(0, 171, 190, 0) 0%, rgba(0, 171, 190, 0.9) 50%, rgba(0, 171, 190, 1) 100%);*/
}

.gallery-row {
  padding: 45px;
  background-color: #f1f1f1;
  max-width: 90%;
  margin: 0 auto;
  border-radius: 15px;
  margin-bottom: 2rem;
}

.gallery-row .rooms-photo-col {
  padding-right: 35px;
}

.gallery-row .rooms-info-col {
  padding-left: 35px;
}

.gallery-row .hospitality-card {
  padding: 0;
  cursor: pointer;
}

.gallery-row .hospitality-card:hover .hospitality-holder img {
  transform: translate(-50%, -50%) scale(1.15)
}

.gallery-row h4 {
  margin-bottom: 10px;
}

.gallery-row .rooms-photo-col .new-room-carousel:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.new-room-carousel {}

.new-room-carousel {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #dadada;
  padding-bottom: 1rem;
}

.new-room-carousel .hospitality-card .hospitality-holder {
  border-radius: 10px;
}

.gallery-row h3 {
  font-size: 25px;
  text-align: center;
  margin-top: 0px;
  position: relative;
  color: var(--turquoise);
}

/* .gallery-row h3::after{content:'';margin:0 auto;width:1px;height:1px;border:10px solid transparent;border-right:10px solid var(--turquoise);border-bottom:10px solid var(--turquoise);transform:rotate(45deg) translateX(-50%);left:50%;position:absolute;top:100%;display:block;} */
.room-type-dtl ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  padding: 0;
  margin: 0;
}

.room-service h4 {
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
}

.room-service-icon {
  max-width: 150px;
  margin: 0 auto;
}

.room-service-icon img {
  width: 100%
}

.room-facilities h3 {}

.gallery-row .swiper-button-prev {
  left: -15px;
}

.gallery-row .swiper-button-next {
  right: -15px;
}

.gallery-row .swiper-button-prev,
.gallery-row .swiper-button-next {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--turquoise);
}

.gallery-row .swiper-button-prev img,
.gallery-row .swiper-button-next img {
  width: 75%;
}

.room-service {
  margin: 2rem 0;
}

.bullet-list ul {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style-type: none;
}

.bullet-list ul li {
  position: relative;
  padding: 5px 10px 5px 30px;
  margin: 0;
}

.bullet-list ul li::before {
  content: '';
  left: 0;
  top: 15px;
  background-image: url(../images/arrow-bullet.svg);
  width: 20px;
  height: 9px;
  position: absolute;
  display: block;
}

.doctor-information ul li+li {
  margin-top: 1rem;
}

.room-facilities ul li {
  border-bottom: 1px solid #dadada;
}

.other-room .room-type-dtl,
.other-room .room-service {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0;
}

.other-room .bullet-list ul {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.max-w-900 {
  max-width: 900px;
}

.hours-text p {
  font-size: 1.5rem;
}

#space {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  padding-top: 100%;
  z-index: 0;
  background: white;
  opacity: 0.2;
}

#space canvas {
  display: block;
  width: 100% !important;
  height: 120% !important;
  position: absolute;
  left: 0;
  top: 0
}

.call-center {
  z-index: 9;
}

.call-center-services {
  flex-direction: row-reverse;
  margin-top: 2rem;
  margin-bottom: 3.5rem;
}

.call-center-services img {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
  opacity: 0.9;
}

.call-center-services .hospitality-holder {
  height: 100%;
}

.call-center-box {
  position: relative;
  z-index: 9;
  padding: 35px calc(var(--bs-gutter-x) * .5);
  height: 100%;
}

.call-center-box div {
  margin-right: -15%;
  padding: 40px;
  overflow: hidden;
}

.call-center-box div::before {
  backdrop-filter: blur(5px);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 115%;
  height: 100%;
  z-index: -1;
  display: block;
  background-color: rgba(0, 171, 190, .25);
}

.hotline {
  margin: 0 auto;
  max-width: 850px;
  background-color: var(--turquoise-light);
  padding: 30px;
  text-align: center;
  line-height: 1;
  color: var(--turquoise)
}

.hotline p,
.hotline a {
  font-size: 1.5rem;
}

.insurance-row {
  border-bottom: 1px solid #f1f1f1;
  align-items: center;
  padding: 2rem 0;
}

.insurance-row h3 {
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  color: var(--turquoise);
}

.insurance-row .insurance-dtl p:last-child,
.insurance-row .insurance-dtl ul {
  margin: 0;
}

.doctor-form {
  margin-bottom: 1rem;
  position: relative;
  z-index: 9;
}

.doctor-form .btn {
  height: 100%;
  border-radius: .375rem;
}

.doctors-list .col-lg-3 {
  padding-bottom: calc(var(--bs-gutter-x) * 0.75);
  padding-top: calc(var(--bs-gutter-x) * 0.75);
}

/* .doctors-accordion h2{text-align:center;color:var(--turquoise)}
.doctors-accordion .doctors-list .col-lg-3{padding-bottom:calc(var(--bs-gutter-x) * 0.75);padding-top:calc(var(--bs-gutter-x) * 0.75);}
.doctors-accordion .accordion-body{padding-top:0;} */
.companies-logo,
.companies-logo ul {
  padding-top: 2rem;
}

.companies-logo ul {
  list-style-type: none;
  margin: 2rem 0 0 0;
  padding: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.companies-logo ul li {
  padding: 10px;
  border: 1px solid #f1f1f1;
}

.companies-logo ul li img {
  width: 100%;
}

.accordion-header .accordion-button {
  background-color: var(--white);
  font-size: 1.5rem;
  color: var(--gray);
}

.accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--turquoise);
}

.accordion-button::after {
  background-image: url(../images/download-normal.svg);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/download-active.svg);
}

.accordion-button:focus {
  box-shadow: none;
}

.news-row {}

.news-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(var(--bs-gutter-x) * 0.75);
}

.news-row .news-card {
  border: 0px solid var(--white);
}

.news-row .news-card .news-card-sub {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
}

.news-row .news-card .news-holder {
  border-radius: 15px 0 0 15px;
  overflow: hidden
}

.news-row .news-card .news-holder .news-img {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.news-row .news-card .news-holder .news-img img {
  max-height: 100%;
  min-height: 100%;
  max-width: 100%;
  min-width: 100%;
  object-fit: cover;
}

.news-holder .news-img::before {
  content: '';
  width: 1px;
  height: 1px;
  display: block;
  border-top-width: 30px;
  border-right-width: 30px;
  border-color: #f1f1f1;
  border-style: solid;
  right: -5px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  z-index: 9;
}

.news-holder .news-img::after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 15px 0 0 15px;
  border-color: var(--turquoise-light);
  border-style: solid;
  border-width: 0px;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 3;
}

.news-row .news-card .news-dtl {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  font-size: 16px;
  padding: 25px;
  background-color: #f1f1f1
}

.news-row .news-card .news-dtl h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 22px;
  color: var(--turquoise);
  margin-bottom: 5px;
}

.news-row .news-card .news-dtl date {
  margin-bottom: 20px;
  opacity: 0.5;
}

.news-dtl-text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 18px;
  color: var(--gray)
}

/*.news-dtl-text{margin-bottom:1rem;}
.news-dtl-text p:last-child{margin-bottom:0rem;}*/
.news-readmore {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-readmore .button {
  font-size: 1rem;
  padding: 7px 7px 7px 20px;
}

.news-readmore .button span {
  width: 30px;
  height: 30px;
}

/* .news-row .news-card:nth-child(4n-1) .news-card-sub .news-holder,.news-row .news-card:nth-child(4n) .news-card-sub .news-holder{order:2;}
.news-row .news-card:nth-child(4n-1) .news-card-sub .news-holder .news-img::before, .news-row .news-card:nth-child(4n) .news-card-sub .news-holder .news-img::before{left:-5px;right:auto;transform: rotate(-45deg) translateY(-50%);border-top-width:0px;border-right-width:0px;border-bottom-width:30px;border-left-width:30px;}
.news-row .news-card:nth-child(4n-1) .news-card-sub .news-holder .news-img::after, .news-row .news-card:nth-child(4n) .news-card-sub .news-holder .news-img::after{border-radius:0 15px 15px 0;}
.news-row .news-card:nth-child(4n-1) .news-card-sub .news-holder, .news-row .news-card:nth-child(4n) .news-card-sub .news-holder{border-radius:0 15px 15px 0;} */
.news-row .news-card:hover .news-dtl {
  background-color: var(--turquoise-light)
}

.news-row .news-card:hover .news-holder .news-img::before {
  border-color: var(--turquoise-light)
}

.news-row .news-card:hover .news-holder .news-img img {
  transform: scale(1.1);
}

.news-row .news-card:hover .news-holder .news-img::after {
  border-width: 10px;
}

.offer-row .col-lg-4 {
  padding: calc(var(--bs-gutter-x) * .5)
}

.offer-card a {
  border: 2px solid var(--turquoise);
  overflow: hidden
}

.offer-card a:hover {
  border: 2px solid var(--site-color)
}

.offer-card a:hover img {
  transform: scale(1.05)
}

.profile-row {
  z-index: 5;
}

.profile-row .col-lg-8 {
  background-color: rgba(255, 255, 255, 0.6);
}

.doctor-photo-col {
  /*background-color:var(--turquoise);*/
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: flex-end;
  padding-top: 5px;
}

.doctor-photo-col .doctor-holder {
  padding-top: 100%;
}

.doctor-photo {
  margin-right: -40%;
  position: relative;
  width: 80%;
}

.doctor-dtl {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  position: relative;
}

.doctor-dtl::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(52, 57, 72, 0.8);
  background: linear-gradient(175deg, rgba(52, 57, 72, 0.3) 0%, rgba(52, 57, 72, 0.98) 98%);
}

.doctor-profile {
  z-index: 9;
  margin-left: 20%;
}

.doctor-name {
  padding-bottom: 2rem;
}

.sub-name h2 {
  color: var(--turquoise);
  margin-bottom: 10px;
}

.doctor-post {
  color: var(--white);
  font-size: 1.25rem;
  margin-top: 15px;
}

.sub-name div span {
  height: 1px;
  width: 100%;
  display: block;
  overflow: hidden;
}

.sub-name div span::before,
.sub-name div span::after {
  content: '';
  position: absolute;
  height: 1px;
  background-color: var(--white);
  display: block;
  opacity: 0.3;
}

.sub-name div span::before {
  width: 35px;
}

.sub-name div span::after {
  width: calc(100% - 50px);
  margin-left: 50px;
}

.doctor-photo-col .btn {
  left: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  bottom: -35px;
  z-index: 9;
  border: 5px solid var(--white);
  font-size: 1.35rem;
  border-radius: 50px;
}

.vision-mission-row .col-lg-6:last-child {
  padding-top: calc(var(--bs-gutter-x) * 2.5);
}

.doctor-information {
  padding-top: 2rem;
}

.doctor-profile ul li strong {
  font-size: 1.5rem;
}

.doctor-profile .bullet-list ul li::before {
  top: 17px
}

.ceo-row h3 {
  margin-bottom: 0rem;
  color: var(--turquoise);
}

.ceo-post {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.values {
  position: relative;
}

.zindex-9 {
  z-index: 9;
}

.values-row .col-lg-4,
.values-row .col-12 {
  padding: calc(var(--bs-gutter-x) * .5);
}

.values-row .box {
  border-radius: 15px;
  padding: 2rem;
  height: 100%;
  box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, .12);
  background-color: rgba(255, 255, 255, 0.5);
}

.values-row h3 {
  text-align: center;
}

.values-row p {
  text-align: justify;
}

.values-icon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-color: var(--turquoise-light);
  padding: 25px;
  border-radius: 15px
}

.values-row .box:hover {
  background-color: var(--gray3);
  box-shadow: 6px 5px 30px 0px rgba(109, 104, 104, .5)
}

.values-row .box:hover .values-icon {
  background-color: var(--turquoise)
}

.values-row .box:hover .values-icon img {
  filter: invert(1) brightness(10)
}

.values-row .box:hover h3 {
  color: var(--turquoise);
}

.values-row .box:hover p {
  color: var(--black);
}

.vision-mission-row {}

.vision-mission-row h2 {
  font-size: 2rem;
}

.vision-mission {
  padding-left: 45px;
}

.vision-mission h2 {
  color: var(--turquoise);
  margin-bottom: 1.5rem;
}

.vision-mission p {
  margin-bottom: 2rem;
}

.nursing-team-container {
  z-index: 9;
  position: relative;
}

.nursing-team-sub {
  max-width: 950px;
  margin: 0 auto;
  padding-bottom: 25px;
}

.nursing-team-sub h3 {
  color: var(--turquoise);
  font-size: 2rem;
}

.nurse-img {
  max-width: 800px;
  margin: 0 auto;
}

.why-choose {
  padding: 5rem 0;
}

.why-choose-row h2 {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--gray);
}

.why-choose-row p {
  text-align: center;
}

.why-choose .values-row {
  margin-top: 2rem;
}

.timeline-main {
  background-color: var(--turquoise);
  padding: 5rem 0;
}

.timeline-main h2 {
  color: var(--white);
}

.timeline-main .why-choose-row p {
  color: var(--white);
}

.myTimeline {
  height: auto;
  margin-top: 3rem;
}

.timeline-slide {
  text-align: center;
}

.timeline-slide .bar {
  height: 4px;
  background-color: var(--turquoise-mid);
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.timeline-slide .bar::before {
  content: '';
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 25px;
  position: absolute;
  top: -12px;
  display: block;
  background-color: var(--turquoise-light);
  z-index: 1;
}

.timeline-slide h3 {
  color: var(--turquoise-light);
}

.timeline-slide p {
  color: var(--turquoise-light);
  margin: 0 2rem;
}

.timeline-main .timeline-pagination {
  position: static !important;
  margin-top: 2rem;
}

.timeline-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: var(--white);
}

.timeline-slide:hover h3 {
  color: var(--white);
}

.timeline-slide:hover p {
  color: var(--white);
}

.timeline-slide:hover .bar::before {
  height: 40px;
  background-color: var(--white);
}

.app-modal {
  background-color: rgba(52, 57, 72, 0.7);
  backdrop-filter: blur(10px);
}

.app-modal .modal-dialog {
  max-width: 350px;
}

.app-whatsapp {
  max-width: 300px;
}

.app-whatsapp h5 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--turquoise);
}

.app-whatsapp .btn {
  display: block;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.5rem;
}

.btns-modal .btn:nth-child(1) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid var(--white);
}

.btns-modal .btn:nth-child(2) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: 1px solid var(--white);
}

.app-whatsapp .btn-close {
  position: absolute;
  right: -20px;
  top: -20px;
}

.btns-modal .or {
  z-index: 9;
  font-size: 16px;
  width: 50px;
  height: 50px;
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
}

.vacancy-text {
  max-width: 640px;
}

.vacancy-text p {
  font-size: 1.5rem;
  text-align: center;
}

.working-card {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}

.working-card h3 {
  color: var(--turquoise);
}

.career-holder {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  height: 100%;
}

.dr-pagination {
  padding-top: 1rem;
}

.page-link {
  color: var(--site-color);
  font-family: var(--acumin);
}

.page-link:hover,
.active>.page-link,
.page-link.active {
  color: var(--white);
  background-color: var(--turquoise);
  border: 1px solid var(--turquoise)
}

.page-link:focus {
  color: var(--white);
  background-color: var(--turquoise);
  box-shadow: 0 0 0 0.25rem rgba(0, 171, 190, .2);
}