@tailwind utilities;

.small-text{
  font-size: 1rem;
  line-height: 1.5rem;
}

body.overflow-hidden {
  overflow-y: hidden;
}

.speciality-dropdown > a{
  position: relative;
}

.speciality-dropdown > a::after {
  content: url("data:image/svg+xml,%3Csvg class='hidden' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 15L12.5 10L7.5 5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  display: none;
  position: absolute;
  top: 12px;
  left: 100px;
  transform: translate(100%, -50%);
}

.speciality-dropdown a:hover::after {
  display: block;
  /* Show on hover */
}

.slidebar-nav-menu-wrapper .sidebar-main-menu>li {
  width: 300px;
}

.sidebar-popup-menu.show .modal-content::before {
  display: block;
}

.sidebar-popup-menu .modal-content::before {
  content: "";
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -10;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgb(0, 0, 0, 0.1);
}

.main-dropdown-wrapper .sub-menu li a:hover {
  border-bottom: 1px solid #020911;
}

.swiper-pagination-bullet-active, .swiper-pagination-bullet{
  background-color: transparent !important;
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  /* Center the pagination bullets */
}

.swiper-pagination-bullet {
  position: relative;
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
  bottom: 15px;
}

.swiper-pagination-bullet, .blog-listing-section .pagination .page-numbers{
  padding: 0 10px;
}

.swiper-pagination-bullet:not(:last-child), .blog-listing-section .pagination .page-numbers:not(:last-child) {
  margin-right: 10px;
  /* Adjust the spacing between pagination bullets */
}

.swiper-pagination-bullet-active, .blog-listing-section .pagination .page-numbers.current{
  margin-right: 60px !important;
}

.blog-listing-section .pagination .page-numbers{
  position: relative;
}

.swiper-pagination-bullet-active::before, .blog-listing-section .pagination .page-numbers::before {
  content: "";
  position: absolute;
  top: 40%;
  left: calc(100% + 5px);
  /* Adjust the distance between the hyphen and the pagination number */
  width: 60px;
  /* Adjust the length of the hyphen */
  height: 1px;
  background-color: #0B2443;
  transform: translateY(-50%);
}

.swiper-pagination-bullet:last-child::before,.blog-listing-section .pagination .page-numbers:last-child::before {
  display: none;
  /* Hide the hyphen for the last pagination bullet */
}

.page-template-home header{
  border-bottom-width: 0px;
  border-style: none;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.page-template-aboutus .kch-nav-tabs.style-1 ul li{
  padding-bottom: 0.2rem;
}

header.scrolled{
  position: fixed;
  top: 0;
  padding-top: 16px;
  z-index: 999;
  background-color: white;
  width: 100%;
  /* padding-right: 20px; */
}

/* header.scrolled .top-header{
    display: none;
} */

.page-template-home .innovative-section, .page-template-home .kch-jeddah-feature{
  display: none;
}

.page-template-aboutus .kch-nav-tabs ul li:nth-child(2){
  display: none;
}

.page-template-aboutus .kch-nav-tabs-content #account-info-tab-1{
  display: none;
}

@media (min-width: 1024px){
  .relatedArticlesSlider .swiper-wrapper{
    padding-bottom: 1.25rem;
  }
}

@media not all and (min-width: 768px){
  .single-specialties .our-mission-section .vision-box{
    border-radius: 20px;
    padding: 2rem;
  }
}

.single-specialties .left-content p{
  font-size: 24px;
}

.about-us-section{
  padding-top: 0px;
}

@media not all and (min-width: 1024px){
  .about-us-section:has(.kch-nav-tabs.sticky){
    padding-top: 2.5rem;
  }
}

.speciality-filter-section select{
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10.5L14 17.5L21 10.5' stroke='%23020911' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: unset;
  background-repeat: no-repeat;
  background-position: right;
  font-family: "Tajawal-Light";
  text-indent: 10px;
  padding-top: 5px;
  border: 1px solid #EDEAE8;
  border-radius: 8px;
}

html[lang="ar"] .speciality-filter-section select{
  background-position: left;
}

.speciality-filter-section label, .doctor-filter label{
  font-family: 'Tajawal-Light' !important;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(49 52 55 / var(--tw-text-opacity))
}

.doctor-filter input{
  font-family: "Tajawal-Light";
  text-indent: 10px;
  padding-top: 5px;
  border: 1px solid #EDEAE8;
  border-radius: 8px;
}

.doctor-filter{
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.doctor-filter > img{
  position: absolute;
  inset-inline-end: 0.5rem;
}

[dir="rtl"] .doctor-filter > img{
  left: 0.5rem;
}

[dir="ltr"] .doctor-filter > img{
  right: 0.5rem;
}

@media(max-width:768px){
  .page-template-doctorlisting .our-doctors-section{
    padding: 0 40px;
  }

  .page-template-doctorlisting .doc-certificate,.page-template-doctorlisting .doc-name {
    text-align: center;
  }

  .single-specialties .doctor-details{
    padding: 0 40px;
  }

  .single-specialties .doc-certificate,  .single-specialties .doc-name{
    text-align: center;
  }
}

.overflow-y-hidden{
  overflow-y: hidden;
}

.page-template-specialitylisting .letters-wrapper .letters-box div,
.page-template-doctorlisting .letters-wrapper .letters-box div{
  font-size: 22px;
  height: 20px;
  font-weight: 300;
}

body.scrolled .kch-nav-tabs.sticky{
  top: 82px;
}

.kch-nav-tabs.sticky{
  position: fixed;
  top: 117px;
  z-index: 99;
  width: 100%;
  background: white;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media not all and (min-width: 768px){
  .page-template-specialitylisting .kch-mission-section .right-image{
    order: 2;
  }

  .page-template-specialitylisting .kch-mission-section .left-content{
    order: 1;
  }
}

.letters-wrapper ul::-webkit-scrollbar-thumb, .letters-wrapper ul::-webkit-scrollbar,
.letters-wrapper ul::-webkit-scrollbar, .kch-inner-nav-tabs ul::-webkit-scrollbar {
  background-color: white;
}

.page-template-doctorlisting .speciality-listing-section{
  overflow: hidden;
  padding-bottom: 2.5rem;
}

body.page-template-doctorlisting .speciality-listing-section {
  overflow-y: hidden;
}

.page-template-aboutus .about-us-section .container,
.page-template-specialitylisting .specialitylisting .container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 18px;
  padding-left: 18px;
}

@media (min-width: 1440px){
  .page-template-aboutus .about-us-section .container,
.page-template-specialitylisting .specialitylisting .container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1680px){
  .page-template-aboutus .about-us-section .container,
.page-template-specialitylisting .specialitylisting .container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1024px){
  .page-template-aboutus .our-mission-section .vision-flex{
    justify-content: space-between;
  }
}

.single-specialties .about-us-section .container,
.page-template-doctorlisting .doctorlistingpage .container, .container.article-single{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 18px;
  padding-left: 18px;
}

@media (min-width: 1440px){
  .single-specialties .about-us-section .container,
.page-template-doctorlisting .doctorlistingpage .container, .container.article-single{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1680px){
  .single-specialties .about-us-section .container,
.page-template-doctorlisting .doctorlistingpage .container, .container.article-single{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

.single-specialties .kch-nav-tabs-content .kch-tab-pane .container{
  /* @apply max-md:p-0; */
}

.page-template-home .kch-mission-section{
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px){
  .page-template-home .kch-mission-section{
    margin-bottom: 5rem;
  }
}

.footer-links-wrapper .footer-links-menu:last-child{
  /* display: none; */
}

.sub-menu{
  display: none;
}

.mobilemenyclose{
  z-index: 1;
}

.otgs-development-site-front-end {
  display: none;
}

.kchform p{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.kchform br{
  display: none;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  color: red;
  margin: 10px 0px;
}

.no-specialties {
  background-color: #8080804a;
  pointer-events: none;
}

.timeslots label.active-timeslot{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* #sub-link-desc-0000 {
    display: block !important;
} */

body.no-scroll {
  overflow: hidden;
}

.field{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.field>p{
  margin: 0px;
  display: block;
  padding: 0px;
}

.field label{
  margin: 0px;
  margin-bottom: 0.75rem;
  display: block;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(84 97 108 / var(--tw-text-opacity));
}

[dir="rtl"] .field label{
  text-align: right;
}

[dir="ltr"] .field label{
  text-align: left;
}

.field br{
  display: none;
}

.field input{
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-style: none;
  background-image: none;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  display: flex;
  height: 63px;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(210 188 133 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0px;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[dir="rtl"] .field input{
  text-align: right;
}

[dir="ltr"] .field input{
  text-align: left;
}

.field select{
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-style: none;
  background-image: none;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  display: flex;
  height: 63px;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(210 188 133 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-inline-end: 3.5rem;
  margin: 0px;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[dir="rtl"] .field select{
  text-align: right;
}

[dir="ltr"] .field select{
  text-align: left;
}

.field select {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center left 24px;
  background-position: center right 24px;
  background-repeat: no-repeat
}

.book-appointment-blue-theme .field input,
.book-appointment-blue-theme .field select {
  background-color: #3cb4e5;
}

.field .wpcf7-not-valid-tip{
  margin: 0px;
  margin-top: 0.25rem;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

[dir="rtl"] .field .wpcf7-not-valid-tip{
  text-align: right;
}

[dir="ltr"] .field .wpcf7-not-valid-tip{
  text-align: left;
}

.form-actions{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column-reverse;
  gap: 2.5rem;
}

@media (min-width: 768px){
  .form-actions{
    margin-top: 2.5rem;
    flex-direction: row;
    align-items: flex-start;
  }
}

.form-actions>p{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 1.25rem;
}

.form-actions input[type="submit"]{
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 50px;
  min-width: 164px;
  cursor: pointer;
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(13 36 67 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(13 36 67 / var(--tw-bg-opacity));
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  margin: 0px;
  text-align: center;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.form-actions input[type="submit"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(13 36 67 / var(--tw-text-opacity));
}

.form-actions .wpcf7-spinner{
  margin: 0px;
}

.call-action{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-inline-end: auto;
}

.call-action>p{
  margin: 0px;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(84 97 108 / var(--tw-text-opacity));
}

[dir="rtl"] .call-action>p{
  text-align: right;
}

[dir="ltr"] .call-action>p{
  text-align: left;
}

.call-action a{
  margin: 0px;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(210 188 133 / var(--tw-text-opacity));
}

[dir="rtl"] .call-action a{
  text-align: right;
}

[dir="ltr"] .call-action a{
  text-align: left;
}

.call-action a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  &::before{
    display: block;
  }
  &::before{
    height: 1.5rem;
  }
  &::before{
    width: 1.5rem;
  }
  &::before{
    background-size: contain;
  }
  &::before{
    background-position: center;
  }
  &::before{
    background-repeat: no-repeat;
  }
  &::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg id='Group_16' data-name='Group 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.967' height='24.33' viewBox='0 0 20.967 24.33'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_23' data-name='Rectangle 23' width='20.967' height='24.33' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_15' data-name='Group 15' clip-path='url(%23clip-path)'%3E%3Cg id='Group_14' data-name='Group 14' transform='translate(0 0)'%3E%3Cg id='Group_13' data-name='Group 13' clip-path='url(%23clip-path)'%3E%3Cg id='Group_12' data-name='Group 12' transform='translate(0 0)' opacity='0.58'%3E%3Cg id='Group_11' data-name='Group 11' transform='translate(0 0)'%3E%3Cg id='Group_10' data-name='Group 10' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_71' data-name='Path 71' d='M4.283.007C5.431.094,5.9.929,6.459,1.828,7.008,2.713,8.424,5.5,8.237,6.47c-.3,1.55-2.344,1.3-2.64,2.621-.354,1.577.964,4.1,1.931,5.312a11.311,11.311,0,0,0,3.079,2.579c1.369.491,1.663-.6,2.7-1.068,1.317-.591,2.241,0,3.2.879a16.046,16.046,0,0,1,2.962,3.414c.8,2.206-2.613,4.117-4.467,4.124a2.044,2.044,0,0,1-1.375-.505A29.513,29.513,0,0,1,.7,7.15C.108,5.334-.527,3.373.71,1.66A4.6,4.6,0,0,1,4.283.007' transform='translate(0 0)' fill='%23b67604'/%3E%3Cpath id='Path_72' data-name='Path 72' d='M22.934,14.307a.617.617,0,0,1-.938-.6,13.48,13.48,0,0,0-.459-5.359c-1.015-2.975-3.169-4.3-5.966-5.393-.337-.133-1.531-.418-1.614-.734a.646.646,0,0,1,.514-.815,9.607,9.607,0,0,1,1.9.438,10.416,10.416,0,0,1,7.008,11.05c-.044.312-.2,1.24-.446,1.413' transform='translate(-2.504 -0.252)' fill='%23b67604'/%3E%3Cpath id='Path_73' data-name='Path 73' d='M14.892,4.71a2.433,2.433,0,0,1,.614.1,7.119,7.119,0,0,1,5.446,7.513c-.077.643-.129,1.418-1,1.153-.545-.166-.269-.769-.255-1.134.1-2.6-.609-4.393-2.956-5.63-.628-.331-1.333-.517-1.928-.818a.634.634,0,0,1,.078-1.189' transform='translate(-2.594 -0.846)' fill='%23b67604'/%3E%3Cpath id='Path_74' data-name='Path 74' d='M17.24,12.63a10.782,10.782,0,0,1-.044-1.251,2.58,2.58,0,0,0-1.675-2.05c-.391-.18-.9-.1-.619-.779.395-.961,1.734-.158,2.249.3a3.869,3.869,0,0,1,1.247,3.5.962.962,0,0,1-.569.556,1.863,1.863,0,0,1-.588-.268' transform='translate(-2.663 -1.455)' fill='%23b67604'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
}

.book-appointment-blue-theme .call-action a {
  color: #3cb4e5;
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg id='Group_16' data-name='Group 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.967' height='24.33' viewBox='0 0 20.967 24.33'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_23' data-name='Rectangle 23' width='20.967' height='24.33' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_15' data-name='Group 15' clip-path='url(%23clip-path)'%3E%3Cg id='Group_14' data-name='Group 14' transform='translate(0 0)'%3E%3Cg id='Group_13' data-name='Group 13' clip-path='url(%23clip-path)'%3E%3Cg id='Group_12' data-name='Group 12' transform='translate(0 0)' opacity='0.58'%3E%3Cg id='Group_11' data-name='Group 11' transform='translate(0 0)'%3E%3Cg id='Group_10' data-name='Group 10' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_71' data-name='Path 71' d='M4.283.007C5.431.094,5.9.929,6.459,1.828,7.008,2.713,8.424,5.5,8.237,6.47c-.3,1.55-2.344,1.3-2.64,2.621-.354,1.577.964,4.1,1.931,5.312a11.311,11.311,0,0,0,3.079,2.579c1.369.491,1.663-.6,2.7-1.068,1.317-.591,2.241,0,3.2.879a16.046,16.046,0,0,1,2.962,3.414c.8,2.206-2.613,4.117-4.467,4.124a2.044,2.044,0,0,1-1.375-.505A29.513,29.513,0,0,1,.7,7.15C.108,5.334-.527,3.373.71,1.66A4.6,4.6,0,0,1,4.283.007' transform='translate(0 0)' fill='%233cb4e5'/%3E%3Cpath id='Path_72' data-name='Path 72' d='M22.934,14.307a.617.617,0,0,1-.938-.6,13.48,13.48,0,0,0-.459-5.359c-1.015-2.975-3.169-4.3-5.966-5.393-.337-.133-1.531-.418-1.614-.734a.646.646,0,0,1,.514-.815,9.607,9.607,0,0,1,1.9.438,10.416,10.416,0,0,1,7.008,11.05c-.044.312-.2,1.24-.446,1.413' transform='translate(-2.504 -0.252)' fill='%233cb4e5'/%3E%3Cpath id='Path_73' data-name='Path 73' d='M14.892,4.71a2.433,2.433,0,0,1,.614.1,7.119,7.119,0,0,1,5.446,7.513c-.077.643-.129,1.418-1,1.153-.545-.166-.269-.769-.255-1.134.1-2.6-.609-4.393-2.956-5.63-.628-.331-1.333-.517-1.928-.818a.634.634,0,0,1,.078-1.189' transform='translate(-2.594 -0.846)' fill='%233cb4e5'/%3E%3Cpath id='Path_74' data-name='Path 74' d='M17.24,12.63a10.782,10.782,0,0,1-.044-1.251,2.58,2.58,0,0,0-1.675-2.05c-.391-.18-.9-.1-.619-.779.395-.961,1.734-.158,2.249.3a3.869,3.869,0,0,1,1.247,3.5.962.962,0,0,1-.569.556,1.863,1.863,0,0,1-.588-.268' transform='translate(-2.663 -1.455)' fill='%233cb4e5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
}

#menu-primary-menu {
}

.pakagesmenu:has(ul.sub-menu){
  position: relative;
  padding-inline-end: 1.25rem;
  background-position: right;
  background-repeat: no-repeat;
}

.pakagesmenu:has(ul.sub-menu):where([dir="rtl"], [dir="rtl"] *){
  background-position: left;
}

.pakagesmenu:has(ul.sub-menu) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 9L10 14L15 9' stroke='%23020911' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pakagesmenu .sub-menu{
  margin: 0px;
  list-style-type: none;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0px;
  position: absolute;
  top: 100%;
  inset-inline-end: 0px;
  z-index: 2;
  box-sizing: border-box;
  display: none;
  width: -moz-max-content;
  width: max-content;
  padding: 2.5rem;
}

[dir="rtl"] .pakagesmenu .sub-menu{
  left: 0px;
}

[dir="ltr"] .pakagesmenu .sub-menu{
  right: 0px;
}

.pakagesmenu .sub-menu li{
  margin-bottom: 0.25rem;
}

.pakagesmenu .sub-menu li:last-of-type{
  margin-bottom: 0px;
}

.pakagesmenu .sub-menu li a{
  font-family: Tajawal, sans-serif;
  font-size: 10px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
  text-decoration-line: none;
}

@media (min-width: 768px){
  .pakagesmenu .sub-menu li a{
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 1440px){
  .pakagesmenu .sub-menu li a{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.pakagesmenu .sub-menu li a{
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.pakagesmenu .sub-menu li a:hover{
  opacity: 0.8;
}

@media not all and (min-width: 768px){
  .packagesmenuhamburger > ul{
    margin: 0px;
    display: block;
    list-style-type: none;
    padding: 0px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

#menu-hamburger-menu > li.packagesmenuhamburger:hover > .dropdown-list,
#menu-hamburger-menu-arabic > li.packagesmenuhamburger:hover > .dropdown-list {
  /* @apply md:top-auto md:-mt-7; */
}

@media (min-width: 768px){
  #menu-hamburger-menu > li.packagesmenuhamburger:hover > .dropdown-list,
#menu-hamburger-menu-arabic > li.packagesmenuhamburger:hover > .dropdown-list{
    padding-top: 152px;
  }
}

.packagesmenuhamburger .sub-menu li:last-of-type{
  margin-bottom: 0px;
}

@media not all and (min-width: 768px){
  .packagesmenuhamburger .sub-menu li{
    margin-bottom: 0.25rem;
    padding-inline-start: 1.25rem;
  }
}

/* ===== News Listing Styles ===== */

.newslisting-grid-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 40px 0;
  margin: auto;
  justify-content: space-between;
}

.newslisting-card {
  flex: 0 0 calc((100% - 40px) / 3);
  max-height: 500px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: none;
  border: none;
  box-shadow: none;
}

.newslisting-card img {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}

.newslisting-card-content {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 220px;
  align-items: flex-start;
}

.newslisting-meta {
  font-size: 18px;
  line-height: 26px;
  background-color: #f5f5f5;
  padding: 4px 15px;
  border-radius: 8px;
  display: inline-block;
  width: auto;
}

.newslisting-read-more {
  /* margin-top: auto; */
  color: #0B2443;
  text-decoration: underline;
  font-weight: bold;
  text-underline-offset: 4px;
}

.newslisting-read-more:hover {
  text-decoration: underline;
}

#newslisting-pagination {
  text-align: center;
  padding-bottom: 80px;
  font-size: 20px;
}

.ajax-page-link {
  cursor: pointer;
  text-decoration: none;
  color: #000;
  margin: 0 6px;
  font-weight: normal;
  background: none;
  border: none;
  padding: 0;
}

.ajax-page-link.active {
  font-weight: bold;
  color: #0B2443;
}

.ajax-page-separator {
  pointer-events: none;
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: #888;
  margin: 0 10px;
  vertical-align: middle;
}

#load-more-container {
  display: none;
}

@media (max-width: 1024px) {
  .newslisting-card {
    flex: 0 0 48%;
    margin-bottom: 20px;
    max-height: none;
  }
}

@media (max-width: 768px) {
  .newslisting-card {
    flex: 0 0 100% !important;
    max-height: none;
    margin-bottom: 20px;
  }

  .newslisting-meta {
    font-size: 14px;
    padding: 3px 10px;
  }

  .newslisting-title {
    font-size: 20px;
  }

  #newslisting-pagination {
    font-size: 18px;
    display: none;
  }

  .newslisting-card img {
    height: auto;
    max-height: 300px;
  }

  #load-more-container {
    display: block;
    text-align: center;
    margin: 40px 0;
  }

  .newslisting-card-content {
    height: auto;
  }
}

@media (max-width: 480px) {
  .ajax-page-link {
    margin: 0 4px;
    padding: 6px 10px;
    font-size: 18px;
  }
}

/* ===== Single Article Styles ===== */

.article-single {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 20px 20px 60px;
}

@media (max-width: 480px) {
  .article-single {
    padding: 120px 20px 40px 20px;
  }
}

.article-single h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

.article-single p {
  color: #777;
  margin-bottom: 20px;
}

.article-single li {
  color: #777;
}

.article-single ul {
  color: #777;
}

.article-single span {
  color: #777;
}

.article-image {
  margin-bottom: 30px;
}

.article-image img {
  width: 100%;
  height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}

@media (max-width: 768px) {
  .article-image img {
    width: 100%;
    height: 280px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
  }
}

.article-content {
  font-size: 18px;
  line-height: 1.7;
}

.related-articles {
  margin-top: 60px;
}

.related-articles h2 {
  font-size: 28px;
  margin-bottom: 30px;
}

.related-cards {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.related-cards .card {
  flex: 1 1 calc(33.333% - 20px);
  /* border: 1px solid #ddd; */
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
}

@media (max-width: 768px) {
  .related-cards .card {
    flex: 0 0 100%;
  }
}

.related-cards .card a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.related-cards .card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.related-cards .card > div:first-child {
  height: 200px;
  overflow: hidden;
}

.related-cards .card p {
  color: #777;
  font-size: 14px;
}

.post-meta-share {
  display: flex;
  align-items: center;
  gap: 37px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.post-date {
  margin-bottom: 0;
}

.share-wrapper {
  position: relative;
  margin-bottom: 20px;
}

.share-toggle {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  /* color: #0077cc; */
  text-decoration: none;
  transition: color 0.2s ease;
}

.share-toggle:hover {
  color: #005fa3;
}

.share-icon {
  width: 36px;
  height: 36px;
}

.share-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  z-index: 10;
  white-space: nowrap;
}

.share-menu a {
  display: block;
  padding: 4px 0;
  /* color: #0077cc; */
  text-decoration: none;
  font-weight: normal;
}

.share-menu a:hover {
  text-decoration: underline;
  color: #005fa3;
}

.post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.post-tag {
  border-radius: 8px;
  background-color: #EDEAE8;
  padding: 4px 15px;
  /* font-size: 14px; */
  color: #333;
  font-weight: 500;
}

.newslisting-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
  font-size: 18px;
}

.newslisting-filter {
  display: none;
  align-items: center;
  gap: 10px;
}

.filter-label {
  font-weight: 500;
  /* font-size: 16px; */
}

.filter-select-wrapper {
  position: relative;
  display: inline-block;
}

.filter-select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 0px 30px 0px 0px;
  border: none;
  /* border-radius: 6px; */
  /* background: #fff; */
  /* font-size: 14px; */
  font-family: 'Tajawal-Regular';
  cursor: pointer;
}

.filter-arrow-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  pointer-events: none;
}

/* Insurance */

.partners-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0px 40px 80px 40px;
}

.partners-title {
  font-size: 2rem;
  margin-bottom: 24px;
  /* text-align: center; */
}

.partners-image {
  width: 100%;
  height: 540px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  margin-bottom: 24px;
}

.partners-intro {
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 38px;
}

@media (min-width: 1440px){
  .partners-intro{
    font-size: 28px;
    line-height: 42px;
  }
}

.partners-intro {
  /* text-align: center; */
}

.partners-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: center;
  margin-bottom: 60px;
}

.partner-item img {
  width: 298px;
  height: 193px;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.partners-additional-text{
  text-align: center;
  font-size: 24px;
  line-height: 38px;
}

@media (min-width: 1440px){
  .partners-additional-text{
    font-size: 28px;
    line-height: 42px;
  }
}

/* Responsive styles */

@media (max-width: 1024px) {
  .partner-item img {
    width: 220px;
    height: 140px;
  }
}

@media (max-width: 768px) {
  .partner-item img {
    width: 180px;
    height: 120px;
  }

  .partners-image {
    width: 100%;
    height: 150px;
  }

  .partners-title {
    font-size: 1.5rem;
  }

  .partners-container {
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px 80px 20px;
  }

  .partners-intro,
    .partners-additional-text {
    font-size: 1.25rem;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .partner-item img {
    width: 100%;
    height: auto;
  }

  .partner-item
    {
    width: 45%;
  }

  .partners-grid {
    gap: 16px;
  }

  .partners-intro,
    .partners-additional-text {
    font-size: 1rem;
  }
}

.whatsapp-link, .email-link {
  &::before{
    margin-inline-end: 0.75rem;
  }
  &::before{
    display: inline-block;
  }
  &::before{
    height: 1.5rem;
  }
  &::before{
    width: 1.5rem;
  }
  &::before{
    flex-shrink: 0;
  }
  &::before{
    background-size: contain;
  }
  &::before{
    background-position: center;
  }
  &::before{
    background-repeat: no-repeat;
  }
  &::before{
    vertical-align: middle;
  }
  &::before{
    margin-inline-end: 0.75rem;
  }
  &::before {
    content: '';
  }
}

.whatsapp-link::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke=''%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M6.014 8.00613C6.12827 7.1024 7.30277 5.87414 8.23488 6.01043L8.23339 6.00894C9.14051 6.18132 9.85859 7.74261 10.2635 8.44465C10.5504 8.95402 10.3641 9.4701 10.0965 9.68787C9.7355 9.97883 9.17099 10.3803 9.28943 10.7834C9.5 11.5 12 14 13.2296 14.7107C13.695 14.9797 14.0325 14.2702 14.3207 13.9067C14.5301 13.6271 15.0466 13.46 15.5548 13.736C16.3138 14.178 17.0288 14.6917 17.69 15.27C18.0202 15.546 18.0977 15.9539 17.8689 16.385C17.4659 17.1443 16.3003 18.1456 15.4542 17.9421C13.9764 17.5868 8 15.27 6.08033 8.55801C5.97237 8.24048 5.99955 8.12044 6.014 8.00613Z' fill='%230b2443'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 23C10.7764 23 10.0994 22.8687 9 22.5L6.89443 23.5528C5.56462 24.2177 4 23.2507 4 21.7639V19.5C1.84655 17.492 1 15.1767 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM6 18.6303L5.36395 18.0372C3.69087 16.4772 3 14.7331 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C11.0143 21 10.552 20.911 9.63595 20.6038L8.84847 20.3397L6 21.7639V18.6303Z' fill='%230b2443'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.email-link::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 7.00005L10.2 11.65C11.2667 12.45 12.7333 12.45 13.8 11.65L20 7' stroke='%230b2443' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Crect x='3' y='5' width='18' height='14' rx='2' stroke='%230b2443' stroke-width='2' stroke-linecap='round'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
}

.booking-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.booking-modal.active {
  display: flex;
  justify-content: center;
  align-items: center;
}

.booking-modal-content {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  width: 90%;
  max-width: 650px;
  max-height: 90vh;
  overflow-y: auto;
}

.booking-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.bookingmodelclose {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

/* Add these styles to match the Contact Us form */

/* .booking-modal .wpcf7-form input:not([type="submit"]),
.booking-modal .wpcf7-form textarea,
.booking-modal .wpcf7-form select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
}

.booking-modal .wpcf7-form input[type="submit"] {
    background-color: #0B2443;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
}

.booking-modal .wpcf7-form input[type="submit"]:hover {
    background-color: #153963;
} */

.booking-modal .contact-form-div>div {
  width: 100%;
  margin-left: unset;
}

.scrolled main{
  padding-top: 72.6172px;
}

@media (min-width: 768px){
  .scrolled main{
    padding-top: 84px;
  }
}

body.logged-in #close-kch-modal{
  top: 2.5rem;
}

/* body.scrolled #kch-modal {
    @apply h-[calc(100vh-81px)];
} */

/* Main Content */

.main-content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.page-header {
  margin-bottom: 2rem;
}

.page-title {
  font-size: 1.875rem;
  font-weight: bold;
  color: #111827;
  margin-bottom: 0.5rem;
}

.page-subtitle {
  color: #64748b;
}

/* Video Grid */

.kch-patient-count .video-grid .number-box{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media not all and (min-width: 768px){
  .kch-patient-count .video-grid .number-box{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.kch-patient-count .video-grid .number-box h2{
  min-height: 52px;
  padding-bottom: 0.75rem;
}

.kch-patient-count .video-grid .number-box:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.kch-patient-count .video-grid .number-box:nth-child(2){
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
}

.kch-patient-count .video-grid .number-box:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(221 218 238 / var(--tw-bg-opacity));
}

.video-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 576px){
  .video-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px){
  .video-grid{
    gap: 1.5rem;
  }
}

@media (min-width: 1024px){
  .video-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Video Card */

.video-card {
  position: relative;
  background: white;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}

.video-card:hover {
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1);
  transform: scale(1.05);
}

.thumbnail-container {
  position: relative;
  aspect-ratio: 16/9;
  background: #e5e7eb;
}

.thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.play-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  opacity: 1;
}

@media (min-width: 768px){
  .play-overlay{
    opacity: 0;
  }
}

.video-card:hover .play-overlay {
  opacity: 1;
}

.thumbnail-container {
  position: relative;
  aspect-ratio: 16/9;
  background: #e5e7eb;
  overflow: hidden;
}

.thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}

.video-card:hover .thumbnail {
  transform: scale(1.05);
}

/* Updated Hover Overlay with Reference Design */

.hover-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  padding: 2rem;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  opacity: 1;
}

@media (min-width: 768px){
  .hover-overlay{
    --tw-bg-opacity: 0.8;
    opacity: 0;
  }
}

.video-card:hover .hover-overlay {
  opacity: 1;
}

.play-button {
  /* background: rgba(255, 255, 255, 0.9); */
  border-radius: 50%;
  padding: 1rem;
  transform: scale(0.75);
  transition: transform 0.3s;
  margin-bottom: 3rem;
}

.video-card:hover .play-button {
  transform: scale(1);
}

.play-icon {
  width: 2rem;
  height: 2rem;
  color: #2563eb;
  margin-left: 0.25rem;
}

.kings-logo {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #2563eb;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.3s;
}

.video-card:hover .kings-logo {
  opacity: 1;
}

.card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  /* background: linear-gradient(to top, black, rgba(0, 0, 0, 0.8), transparent); */
  color: white;
  transform: translateY(100%);
  transition: transform 0.3s;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
}

@media not all and (min-width: 768px){
  .card-content{
    max-height: 6rem;
  }
}

@media (min-width: 768px){
  .card-content{
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.video-card:hover .card-content {
  transform: translateY(0);
}

.card-title {
  font-weight: 400;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6rem;
}

.card-description {
  font-size: 0.875rem;
  color: #d1d5db;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Modal Styles */

.video-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: none;
  animation: fadeIn 0.3s ease-out;
  box-sizing: border-box;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  padding: 1.25rem;
  padding-top: 170px;
}

body.video-modal-overlay {
  overflow-y: hidden;
}

.video-modal-overlay{
  align-items: center;
  justify-content: center;
}

.video-modal-overlay.open {
  display: flex;
}

.video-modal-overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}

.video-modal-content{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  max-width: 600px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .video-modal-content{
    max-width: 896px;
  }
}

.video-modal-content {
  position: relative;
  background: white;
  border-radius: 0.5rem;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
  width: 100%;
  animation: scaleIn 0.2s ease-out;
}

.video-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e5e7eb;
}

.video-modal-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #374151;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 1rem;
}

.close-button {
  padding: 0.25rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

.close-button:hover {
  background: #f3f4f6;
}

.close-button svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #64748b;
}

.video-container {
  position: relative;
  aspect-ratio: 16/9;
  background: black;
}

.video-player {
  width: 100%;
  height: 100%;
}

/* Pagination Styles */

.pagination {
  margin-top: 2rem;
  text-align: center;
  /* display: inline-flex;
    list-style: none; */
  /* padding: 0;
    margin: 0; */
  /* gap: 0.5rem; */
}

.pagination a,
        .pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: 0.375rem;
  /* background-color: white;
    border: 1px solid #e5e7eb; */
  color: #374151;
  text-decoration: none;
  transition: all 0.2s;
}

.pagination a:hover {
  /* background-color: #f3f4f6;
    border-color: #d1d5db; */
}

.pagination .current {
  /* background-color: #2563eb;
    border-color: #2563eb; */
  color: #3a3a3a;
}

.pagination .dots {
  border: none;
  background: none;
}

/* Mobile responsive adjustments */

@media (max-width: 640px) {
  .pagination {
    gap: 0.25rem;
  }

  .pagination a,
            .pagination span {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.875rem;
  }
}

/* Animations */

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Mobile responsive adjustments */

@media (max-width: 640px) {
  .main-content {
    padding: 1rem;
  }

  .page-title {
    font-size: 1.5rem;
  }
}

.container{
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

@media (min-width: 425px){
  .container{
    max-width: 576px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 960px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1160px;
  }
}

@media (min-width: 1440px){
  .container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1680px){
  .container{
    max-width: 1680px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

.container-lp{
  width: 100%;
  max-width: 1160px;
  padding-right: 36px;
  padding-left: 36px;
  margin-left: auto;
  margin-right: auto;
}

.container-full{
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px){
  .container-full{
    padding-right: 20px;
    padding-left: 20px;
  }
}

.container-small{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 18px;
  padding-left: 18px;
}

@media (min-width: 1440px){
  .container-small{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1680px){
  .container-small{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

.kch-container{
  width: 100%;
  max-width: 1692px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 36px;
  padding-left: 36px;
}

/*Breadcrumbs*/

.breadcrumbs_container .bradcrumbs ul li{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.breadcrumbs_container .bradcrumbs ul li a{
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration-line: none;
}

.breadcrumbs_container span{
  height: 18px;
}

/*About Page*/

@media not all and (min-width: 768px){
  .kch-nav-tabs.style-1 ul{
    overflow-x: auto;
  }
}

.kch-inner-nav-tabs ul li{
  padding-bottom: 0.2rem;
}

.kch-nav-tabs.style-1 ul li, .kch-inner-nav-tabs ul li{
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
}

@media not all and (min-width: 768px){
  .kch-nav-tabs.style-1 ul li, .kch-inner-nav-tabs ul li{
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

@media (min-width: 1024px){
  .kch-nav-tabs.style-1 ul li, .kch-inner-nav-tabs ul li{
    margin-inline-end: 0.75rem;
  }
}

@media not all and (min-width: 768px){
  .kch-inner-nav-tabs ul li{
    min-width: 130px;
  }
}

.kch-inner-nav-tabs .collapse-panel .panel-body-list li{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.kch-inner-nav-tabs .collapse-panel{
  display: none;
}

.kch-inner-nav-tabs ul .nav-link img{
  display: none;
}

.kch-inner-nav-tabs ul .nav-link.active img{
  display: block;
}

.kch-inner-nav-tabs .collapse-panel .sub-link{
  text-decoration-line: none;
}

.kch-inner-nav-tabs .collapse-panel .sub-link:hover{
  text-decoration-line: underline;
}

.kch-nav-tabs.style-1 select{
  width: 100%;
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  margin-inline-end: 0.75rem;
}

.kch-nav-tabs.style-2 ul li,
    .accordion-wrapper .accordion-header{
  margin: 0px;
  display: flex;
  min-height: 60px;
  width: 100%;
  cursor: pointer;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* .kch-nav-tabs.style-2 ul li,
    .accordion-wrapper .accordion-header {
        @apply bg-color_5 me-3 px-5 pt-2 pb-[2px] rounded-md cursor-pointer max-md:min-w-fit lg:min-w-[300px] 2xl:min-w-[472px] h-[60px] flex items-center
    } */

.kch-nav-tabs.style-2 ul li:nth-child(:first-child){
  margin-inline-start: 0px;
}

.kch-nav-tabs #myDropdown {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 10px center;
  /* Adjust position as needed */
  padding-right: 30px;
}

.kch-nav-tabs.style-1 ul li:nth-child(:first-child){
  margin-inline-start: 0px;
}

.kch-nav-tabs.style-1 ul li.active,
    .kch-nav-tabs.style-2 ul li.active,
    .accordion-wrapper .accordion-header.active,
    .kch-inner-nav-tabs ul li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
}

.kch-nav-tabs.style-1 ul li span,
    .kch-nav-tabs.style-2 ul li span,
    .accordion-wrapper .accordion-header h4,
    .kch-inner-nav-tabs ul li span{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

.kch-nav-tabs.style-1 ul li.active span,
    .kch-nav-tabs.style-2 ul li.active span,
    .accordion-wrapper .accordion-header.active h4,
    .kch-inner-nav-tabs ul li.active span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.kch-nav-tabs-content .kch-tab-pane,.kch-nav-tabs-content .kch-inner-tab-pane{
  display: none;
}

.kch-nav-tabs-content .kch-tab-pane.active, .kch-nav-tabs-content .kch-inner-tab-pane.active{
  display: block;
}

.about-us-section{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 1024px){
  .about-us-section .kch-tab-pane .left-content p{
    max-width: 600px;
  }
}

@media (min-width: 1440px){
  .about-us-section .kch-tab-pane .left-content p{
    max-width: 840px;
  }
}

.about-us-section .kch-tab-pane .image{
  max-width: 630px;
}

.about-us-section .kch-tab-pane .image img{
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1024px){
  .about-us-section .kch-tab-pane .image img{
    height: 400px;
    width: 630px;
  }
}

.about-history-next,
    .about-history-prev {
  position: absolute;
  top: 25px;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  line-height: 30px
}

.about-history-slider .history-cards p{
  padding-bottom: 1.25rem;
}

.about-history-next::after, .doctorSlider-next::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M9.80078 18L15.8008 12L9.80078 6' stroke='%23020911' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  line-height: 0px !important;
}

.about-history-prev::after, .doctorSlider-prev::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M9.80078 18L15.8008 12L9.80078 6' stroke='%23020911' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  line-height: 0px !important;
  transform: scale(-1);
}

.our-doctors-section{
  position: relative;
}

.doctorSlider-prev {
  left: calc(100% - 92%);
}

.doctorSlider-next{
  right: calc(100% - 91%);
}

.about-history-next {
  right: 0px !important;
}

.about-history-prev {
  right: 50px !important;
  left: unset !important;
}

.team-members-data:first-child{
  padding-bottom: 50px;
  padding-top: 0px !important;
}

.team-members-data:last-child{
  padding-top: 50px;
}

.team-members-data:not(:last-child){
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(237 234 232 / var(--tw-border-opacity));
  padding-top: 50px;
}

.team-members-data .linkedin-profile a>div{
  display: flex;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
  padding: 0.5rem;
}

.team-members-data .doctor-thumbnail img{
  height: auto;
  width: 100%;
  border-radius: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.kings-benchmark h2 {
  font-family: 'Tajawal-Regular';
  font-weight: 400;
}

.proverbs-wrapper .blue-box{
  font-size: 46px;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .proverbs-wrapper .blue-box{
    font-size: 53px;
  }
}

@media not all and (min-width: 768px){
  .proverbs-wrapper .text-content h3{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.kch-patient-count .grid .number-box{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media not all and (min-width: 768px){
  .kch-patient-count .grid .number-box{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.kch-patient-count .grid .number-box h2{
  min-height: 52px;
  padding-bottom: 0.75rem;
}

.kch-patient-count .grid .number-box:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.kch-patient-count .grid .number-box:nth-child(2){
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
}

.kch-patient-count .grid .number-box:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(221 218 238 / var(--tw-bg-opacity));
}

.milestone-container{
  display: flex;
  gap: 80px;
}

@media (min-width: 1024px){
  .milestone-container{
    gap: 120px;
  }
}

.milestone-container{
  position: relative;
}

.milestone-container-year{
  position: relative;
  max-width: 100px;
  flex: 1 1 0%;
}

@media not all and (min-width: 768px){
  .milestone-container-year{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 768px){
  .milestone-container-year{
    max-width: 200px;
  }
}

.milestone-container-year{
  border-right: solid 1px black;
}

.milestone-container-year:where([dir="rtl"], [dir="rtl"] *){
  border-style: none;
  border-left: solid 1px black;
}

.milestone-container:last-of-type .milestone-container-year{
  border-style: none;
}

.milestone-container-year::before {
  content: "";
  position: absolute;
  top: 0px;
  inset-inline-end: 0px;
}

[dir="rtl"] .milestone-container-year::before{
  left: 0px;
}

[dir="ltr"] .milestone-container-year::before{
  right: 0px;
}

.milestone-container-year::before{
  transform: translate(5px);
}

.milestone-container-year:where([dir="rtl"], [dir="rtl"] *)::before{
  transform: translate(-5px);
}

.milestone-container-year::before {
  width: 10px;
  height: 10px;
  background-color: white;
  border: 1px solid black;
  z-index: 2;
}

.milestone-container-description{
  max-width: 400px;
  flex: 1 1 0%;
  padding-bottom: 1.25rem;
}

@media (min-width: 768px){
  .milestone-container-description{
    padding-bottom: 5rem;
  }
}

.milestone-section .milestone-container h5 {
  font-weight: 400 !important;
}

.milestone-section .milestone-container:last-child .milestone-year::after {
  background-color: white;
}

/* Header */

.top-header .header-top-menu ul li>a {
  font-family: 'Tajawal-Regular';
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 1px
}

.top-header .assist-portal>a{
  text-decoration-line: none;
}

.top-header .assist-portal>a>span {
  font-family: 'Tajawal-Regular';
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity))
}

.main-header .header-main-menu ul>li>a {
  font-family: 'Tajawal-Regular';
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
  text-decoration-line: none;
}

@media (min-width: 768px){
  .main-header .header-main-menu ul>li>a{
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 1440px){
  .main-header .header-main-menu ul>li>a{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.user-accessability-details ul li{
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(2 9 17 / var(--tw-border-opacity));
}

/* .user-accessability-details ul li:not(:last-child) {
        @apply border border-black border-solid rounded-lg w-9 h-9 flex justify-center
    } */

/* .user-accessability-details ul li:last-child a {
        @apply text-black no-underline
    } */

.user-accessability-details ul .search-icon img{
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(2 9 17 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.user-accessability-details ul li>a,
    .user-accessability-details ul .search-icon>div{
  display: flex;
  align-items: center;
  justify-content: center;
}

.slidebar-nav-menu-wrapper .sidebar-nav-menu ul{
  list-style-type: none;
  padding: 0px;
}

@media screen and (min-width: 768px) {
  #menu-hamburger-menu,
        #menu-hamburger-menu-arabic{
    position: relative;
    width: 50%;
    flex: 1 1 0%;
  }

  #menu-hamburger-menu > li,
        #menu-hamburger-menu-arabic > li{
    width: 100%;
    position: unset;
  }

  #menu-hamburger-menu > li:hover > a,
        #menu-hamburger-menu-arabic > li:hover > a{
    border-style: none;
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }

  #menu-hamburger-menu > li:hover:has(.dropdown-list),
        #menu-hamburger-menu-arabic > li:hover:has(.dropdown-list){
    background-size: contain;
    background-repeat: no-repeat;
    padding-inline-end: 2.25rem;
    background-position: center right 20px;
  }

  #menu-hamburger-menu > li:hover:has(.dropdown-list):where([dir="rtl"], [dir="rtl"] *),
        #menu-hamburger-menu-arabic > li:hover:has(.dropdown-list):where([dir="rtl"], [dir="rtl"] *){
    background-position: center left 20px;
  }

  #menu-hamburger-menu > li:hover:has(.dropdown-list),
        #menu-hamburger-menu-arabic > li:hover:has(.dropdown-list) {
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width='10px'%20height='10px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3E%3Cpath%20fill='%23000000'%20d='M338.752%20104.704a64%2064%200%200%200%200%2090.496l316.8%20316.8-316.8%20316.8a64%2064%200%200%200%2090.496%2090.496l362.048-362.048a64%2064%200%200%200%200-90.496L429.248%20104.704a64%2064%200%200%200-90.496%200z'%20/%3E%3C/svg%3E");
  }

  #menu-hamburger-menu > li:hover:has(.dropdown-list):where([dir="rtl"], [dir="rtl"] *),
        #menu-hamburger-menu-arabic > li:hover:has(.dropdown-list):where([dir="rtl"], [dir="rtl"] *){
    background-image: url("data:image/svg+xml,%3Csvg%20width='10px'%20height='10px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3E%3Cg%20transform='rotate(180,%20512,%20512)'%3E%3Cpath%20d='M338.752%20104.704a64%2064%200%200%200%200%2090.496l316.8%20316.8-316.8%20316.8a64%2064%200%200%200%2090.496%2090.496l362.048-362.048a64%2064%200%200%200%200-90.496L429.248%20104.704a64%2064%200%200%200-90.496%200z'%20/%3E%3C/g%3E%3C/svg%3E");
  }

  #menu-hamburger-menu > li > .dropdown-list,
        #menu-hamburger-menu-arabic > li > .dropdown-list{
    display: none;
  }

  #menu-hamburger-menu > li:hover > .dropdown-list,
        #menu-hamburger-menu-arabic > li:hover > .dropdown-list{
    position: absolute;
    inset-inline-start: 100%;
    top: 0px;
    display: block;
    height: 100%;
    width: 100%;
  }

  [dir="rtl"] #menu-hamburger-menu > li:hover > .dropdown-list,[dir="rtl"] 
        #menu-hamburger-menu-arabic > li:hover > .dropdown-list{
    right: 100%;
  }

  [dir="ltr"] #menu-hamburger-menu > li:hover > .dropdown-list,[dir="ltr"] 
        #menu-hamburger-menu-arabic > li:hover > .dropdown-list{
    left: 100%;
  }

  #menu-hamburger-menu > li:hover > .dropdown-list .mega-menu-mancont,
        #menu-hamburger-menu-arabic > li:hover > .dropdown-list .mega-menu-mancont{
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding-inline-end: 1rem;
  }

  #menu-hamburger-menu > li:hover > .dropdown-list .mega-menu-mancont::-webkit-scrollbar,
        #menu-hamburger-menu-arabic > li:hover > .dropdown-list .mega-menu-mancont::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
  }

  #menu-hamburger-menu > li:hover > .dropdown-list .mega-menu-mancont::-webkit-scrollbar-thumb,
        #menu-hamburger-menu-arabic > li:hover > .dropdown-list .mega-menu-mancont::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  }

  #menu-hamburger-menu > li:hover > .dropdown-list .mega-menu-mancont .sub-category,
        #menu-hamburger-menu-arabic > li:hover > .dropdown-list .mega-menu-mancont .sub-category{
    float: none;
    margin: 0px;
    height: auto;
    width: 100%;
    overflow: visible;
  }
}

.slidebar-nav-menu-wrapper .sidebar-nav-menu ul li a{
  cursor: pointer;
  text-decoration-line: none;
}

.sidebar-popup-menu {
  transition: right 0.3s ease;
  visibility: hidden;
  position: fixed;
  top: 0px;
  right: -300px;
  z-index: 100;
}

.sidebar-popup-menu:where([dir="rtl"], [dir="rtl"] *){
  left: -300px;
  right: auto;
  transition: left 0.3s ease;
}

.sidebar-modal-content {
  transition: right 0.3s ease;
  position: absolute;
  top: 0px;
  inset-inline-end: 0px;
  overflow-x: hidden;
  overflow-y: scroll;
}

[dir="rtl"] .sidebar-modal-content{
  left: 0px;
}

[dir="ltr"] .sidebar-modal-content{
  right: 0px;
}

.sidebar-modal-content:where([dir="rtl"], [dir="rtl"] *){
  transition: left 0.3s ease;
}

.sidebar-popup-menu.show{
  visibility: visible;
  inset-inline-end: 0px;
}

[dir="rtl"] .sidebar-popup-menu.show{
  left: 0px;
}

[dir="ltr"] .sidebar-popup-menu.show{
  right: 0px;
}

.sidebar-popup-menu .sidebar-nav-menu ul li a:hover {
  font-weight: 900;
  border-width: 0px;
  border-bottom-width: 1.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(2 9 17 / var(--tw-border-opacity))
}

.slidebar-nav-menu-wrapper .sidebar-nav-menu ul li a:hover svg {
  margin-inline-start: 100px;
  display: block
}

.header-main-menu ul>li>a{
  position: relative;
}

.header-main-menu .dropdown-list-wrapper{
  position: absolute;
  z-index: 50;
  margin-top: -0.5rem;
  display: none;
  width: 100%;
}

@media (min-width: 1280px){
  .header-main-menu .dropdown-list-wrapper{
    max-width: 700px;
  }
}

@media (min-width: 1440px){
  .header-main-menu .dropdown-list-wrapper{
    max-width: 960px;
  }
}

.header-main-menu .dropdown-list-wrapper .sub-menu{
  list-style-type: none;
}

@media (min-width: 1440px){
  .header-main-menu .dropdown-list-wrapper .sub-menu li{
    padding-bottom: 1.25rem;
  }
}

.header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .col-span-3 .sub-menu{
  display: block;
  padding-top: 50px;
}

.header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .col-span-3:nth-child(2),
    .header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .col-span-3:nth-child(3){
  border-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(237 234 232 / var(--tw-border-opacity));
}

.kch-patient-count .header-main-menu ul>li:hover .dropdown-list-wrapper .number-box{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media not all and (min-width: 768px){
  .kch-patient-count .header-main-menu ul>li:hover .dropdown-list-wrapper .number-box{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.kch-patient-count .header-main-menu ul>li:hover .dropdown-list-wrapper .number-box h2{
  min-height: 52px;
  padding-bottom: 0.75rem;
}

.kch-patient-count .header-main-menu ul>li:hover .dropdown-list-wrapper .number-box:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.kch-patient-count .header-main-menu ul>li:hover .dropdown-list-wrapper .number-box:nth-child(2){
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
}

.kch-patient-count .header-main-menu ul>li:hover .dropdown-list-wrapper .number-box:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(221 218 238 / var(--tw-bg-opacity));
}

.header-main-menu ul>li:hover .dropdown-list-wrapper{
  display: grid;
}

.search-input {
  width: 0;
  z-index: -1;
  opacity: 0;
  height: 2.25rem;
  transition: width 0.3s ease, z-index 0.3s ease, opacity 0.3s ease;
  text-indent: 10px;
  position: absolute;
  top: 0px;
  right: 30px;
}

.search-input:where([dir="rtl"], [dir="rtl"] *){
  left: 30px;
  right: auto;
}

.search-input.active {
  width: 200px;
  /* Expanded width */
  z-index: 0;
  opacity: 1;
}

/* .slidebar-nav-menu-wrapper .mega-menu-mobile.active {
        @apply px-md flex flex-col gap-5 w-full h-full transition-all bg-white ps-6;
        @apply absolute top-0 left-full;
    }
    .slidebar-nav-menu-wrapper .mega-menu-mobile .sub-menu {
        @apply flex flex-col gap-5;
    }
    .slidebar-nav-menu-wrapper .mega-menu-mobile .sub-menu h4 {
        @apply empty:hidden;
        @apply text-[36px] leading-[42px];
    } */

/*Accoridan Tabs*/

.accordion-wrapper .accordion-content{
  display: none;
}

.accordion-wrapper .accordion-header {
  /* @apply my-2; */
}

.accordion-wrapper .accordion-content.active {
  display: block;
}

/* .youtube-video-iframe-wrapper .video-slide-iframe{
        @apply hidden
    } */

/* speciality page */

/* .letters-wrapper ul li{
        border: 1px solid #020911;
      @apply w-[30px] h-[30px] rounded-full no-underline flex justify-center items-center cursor-pointer max-md:min-w-[30px]
    }
   .letters-wrapper ul li a{
        @apply flex justify-center items-center no-underline text-[#313437]
    }
   .letters-wrapper ul li:hover,.letters-wrapper ul li.active{
        @apply bg-primary_color_1 text-white
    }
   .letters-wrapper ul li:hover a,.letters-wrapper ul li.active a{
        @apply text-white
    } */

.letters-wrapper .letters-box div{
  height: 22px;
  width: 22px;
  align-self: center;
}

.speciality-list-items a{
  width: 33%;
  padding-bottom: 1.25rem;
  text-decoration-line: none
}

.speciality-list-items a h4{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400 !important;
}

.speciality-list-items a:hover{
  text-decoration: underline;
  text-underline-offset: 6px;
}

.our-doctors-section .doctor-details .expertise-tabs ul li{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 5px;
}

@media not all and (min-width: 768px){
  .our-doctors-section .doctor-details .expertise-tabs ul li{
    width: -moz-fit-content;
    width: fit-content;
  }
}

.page-template-specialitylisting .kch-mission-section{
  margin-bottom: 2.5rem;
}

.kch-mission-section{
  position: relative;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  width: 100%;
  overflow: hidden;
}

body.kch-mission-section {
  overflow-y: hidden;
}

@media (min-width: 1024px){
  .kch-mission-section{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.kch-patient-count .kch-mission-section-wrapper .number-box{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media not all and (min-width: 768px){
  .kch-patient-count .kch-mission-section-wrapper .number-box{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.kch-patient-count .kch-mission-section-wrapper .number-box h2{
  min-height: 52px;
  padding-bottom: 0.75rem;
}

.kch-patient-count .kch-mission-section-wrapper .number-box:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.kch-patient-count .kch-mission-section-wrapper .number-box:nth-child(2){
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
}

.kch-patient-count .kch-mission-section-wrapper .number-box:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(221 218 238 / var(--tw-bg-opacity));
}

.kch-mission-section-wrapper{
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 1024px){
  .kch-mission-section-wrapper{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 1280px){
  .kch-mission-section-wrapper{
    gap: 30px;
  }
}

.kch-mission-section-text {
  /* @apply max-md:mx-5 max-md:order-2; */
}

@media not all and (min-width: 768px){
  .kch-mission-section-text{
    order: 2;
  }
}

@media (min-width: 1024px){
  .about-us-section .kch-tab-pane .kch-mission-section-text p{
    max-width: 600px;
  }
}

@media (min-width: 1440px){
  .about-us-section .kch-tab-pane .kch-mission-section-text p{
    max-width: 840px;
  }
}

.patient-complaint-section .kch-mission-section-text p{
  padding-bottom: 10px;
}

.patient-complaint-section .kch-mission-section-text strong{
  font-family: 'Tajawal-Medium';
}

.kch-mission-section-text{
  box-sizing: border-box;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 1.25rem;
}

.single-specialties .kch-mission-section-text p{
  font-size: 24px;
}

@media not all and (min-width: 768px){
  .page-template-specialitylisting .kch-mission-section .kch-mission-section-text{
    order: 1;
  }
}

@media (min-width: 1024px){
  .kch-mission-section-text{
    grid-column: span 4 / span 4;
  }
}

.kch-tab-pane .bannerImage img{
  height: 280px;
}

@media (min-width: 768px){
  .kch-tab-pane .bannerImage img{
    height: 480px;
  }
}

.single-specialties .kch-nav-tabs.style-1 ul li{
  padding-bottom: 0.1rem;
}

.single-specialties .our-doctors-section .doctor-details .expertise-tabs ul li{
  padding-bottom: 0px;
  border-radius: 8px;
}

.single-specialties .our-doctors-section .doctor-expertise p{
  font-family: "Tajawal-Medium";
}

/*Doctor Profile Page*/

.doctor-profile-section .doctor-expertise .expertise-tabs ul li:not(:last-child){
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.25rem;
}

.doctor-profile-section .doctor-expertise .expertise-tabs ul li:last-child{
  display: flex;
  align-items: center;
}

.doctor-bio-detail-section .expertise-tabs {
  max-width: 797px;
}

.doctor-bio-detail-section .expertise-tabs ul li{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.25rem;
}

@media not all and (min-width: 768px){
  .doctor-profile-section .doctor-expertise .expertise-tabs ul li{
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 0.75rem !important;
  }
}

.single-doc-tabs-content p{
  padding-bottom: 1.25rem;
  padding-inline-end: 0.75rem;
}

@media (min-width: 1024px){
  .single-doc-tabs-content{
    max-height: 364px;
    overflow-y: auto;
  }
}

/*Patient Visitors*/

.patient-visitors-page .container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 18px;
  padding-left: 18px;
}

@media (min-width: 1440px){
  .patient-visitors-page .container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1680px){
  .patient-visitors-page .container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

.patient-complaint-section .container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 18px;
  padding-left: 18px;
}

@media (min-width: 1440px){
  .patient-complaint-section .container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1680px){
  .patient-complaint-section .container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

.patient-complaint-section .left-content p{
  padding-bottom: 10px;
}

.patient-complaint-section .left-content strong{
  font-family: 'Tajawal-Medium';
}

.kch-customer-care-section .right-content ul{
  list-style-type: none;
  padding-top: 1.75rem;
  padding-left: 0px;
}

.kch-customer-care-section .right-content ul li {
  position: relative;
  padding-inline-start: 34px;
  padding-inline-end: 15px;
}

.kch-vip-protocal-section p{
  overflow-y: scroll;
}

@media (min-width: 1024px){
  .kch-vip-protocal-section p{
    max-height: 320px;
  }
}

.kch-vip-protocal-section p::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Background of the scrollbar track */
}

.kch-vip-protocal-section p::-webkit-scrollbar-thumb {
  background: #888;
  /* Background of the scrollbar thumb */
  border-radius: 10px;
  /* Rounded corners of the scrollbar thumb */
}

.kch-vip-protocal-section p::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* Background of the scrollbar thumb on hover */
}

/* Scrollbar Styles for Firefox */

.kch-vip-protocal-section p {
  scrollbar-width: thin;
  scrollbar-color: #000 #000
}

@media (min-width: 1024px){
  .kch-vip-protocal-section p{
    padding-right: 1.25rem;
  }
}

.kch-customer-care-section .right-content ul li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0px;
}

[dir="rtl"] .kch-customer-care-section .right-content ul li::before{
  right: 0px;
}

[dir="ltr"] .kch-customer-care-section .right-content ul li::before{
  left: 0px;
}

.kch-customer-care-section .right-content ul li::before {
  top: 15%;
  transform: translateY(-18%);
  width: 18px;
  /* Adjust based on the actual width of the icon */
  height: 18px;
  /* Adjust based on the actual height of the icon */
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4.5L6.75 12.75L3 9' stroke='%23020911' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

.patient-visitors-section .left-blue-box{
  height: auto;
  width: 100%;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.healthcare-team .teams-wrapper{
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(237 234 232 / var(--tw-border-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px){
  .healthcare-team .teams-wrapper{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.patient-faq-section .patient-faq-content p{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.patient-faq-accordian{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(237 234 232 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
}

@media (min-width: 1024px){
  .patient-faq-accordian{
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 50px;
    padding-right: 50px;
  }
}

.patient-faq-accordian.active{
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 246 / var(--tw-bg-opacity));
}

.patient-faq-accordian .patient-faq-header{
  cursor: pointer;
}

.patient-faq-accordian .patient-faq-header .icon-shape::before,
    .patient-faq-accordian .patient-faq-header .icon-shape::after{
  content: "";
  height: 1px;
  transition: all 0.3s ease;
  background-color: black;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.25rem;
}

.patient-faq-accordian .patient-faq-header .icon-shape::before{
  transform: rotate(0deg);
}

.patient-faq-accordian .patient-faq-header .icon-shape::after{
  transform: rotate(90deg);
}

.patient-faq-accordian.active .patient-faq-header .icon-shape::after {
  transform: rotate(0deg);
}

/* .patient-faq-content {
        display: none;
      }
      
      .patient-faq-accordian.active .patient-faq-content {
        display: block;
      } */

/* Blogs Page */

.blog-listing-section .details-content h3{
  max-width: 1172px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.blog-listing-section .details-content p{
  max-width: 1172px;
  padding-bottom: 2rem;
}

.blog-listing-section .details-content h4{
  padding-bottom: 0.75rem;
}

.blog-listing-section .details-content ol li{
  max-width: 1142px;
  padding-bottom: 0.75rem;
  padding-inline-start: 0.75rem;
}

@media not all and (min-width: 768px){
  .blog-listing-section h1{
    font-size: 36px;
    line-height: 43px;
  }
}

/* Footer */

.kch-footer .footer-links-appointment-menu {
  grid-column: span 11 / span 11;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.kch-footer .footer-links-appointment-menu h4{
  margin: 0px;
  padding: 0px;
}

.kch-footer .footer-links-menu ul{
  margin-top: 1.25rem;
  list-style-type: none;
  padding: 0px;
}

.kch-footer .footer-links-menu .footer-links-menu-list .footer-menu>li>a {
  font-family: 'Tajawal-Regular';
  text-decoration-line: none
}

@media (min-width: 768px){
  .kch-footer .footer-links-menu .footer-links-menu-list .footer-menu>li>a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.kch-footer .footer-links-menu .footer-links-menu-list .footer-menu>li>a:hover{
  opacity: 0.8;
}

.footer-contact a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.footer-contact img{
  padding: 5px 5px 10px 0px;
}

.kch-footer .footer-links-appointment-menu .footer-list-box {
  transition: .2s all ease;
  width: 100%;
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

@media (min-width: 768px){
  .kch-footer .footer-links-appointment-menu .footer-list-box{
    max-width: 480px;
  }

  .kch-footer .footer-links-appointment-menu .footer-list-box p{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.kch-footer .footer-links-menu .footer-links-menu-list  .widget-title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.kch-footer .footer-links-appointment-menu .footer-list-box h4{
  font-weight: 500 !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.kch-footer .footer-links-appointment-menu .footer-list-box:hover{
  --tw-border-opacity: 1;
}

.kch-footer .footer-links-appointment-menu .footer-list-box:not(:last-child){
  margin-bottom: 1.25rem;
}

.footer-social-link ul li{
  display: flex;
  height: 3rem;
  width: 3rem;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
}

.footer-social-link ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-social-link ul li a:hover{
  border-style: none !important;
  border-color: transparent !important;
}

.sticky-footer {
  z-index: 99;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.sticky-footer span {
  font-family: 'Tajawal-Light';
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1rem
}

.my-health-section #blogGrid a:nth-child(2),
    .my-health-section #blogGrid a:nth-child(3) {
  cursor: pointer;
}

.my-health-section #blogGrid a:nth-child(2):hover,
    .my-health-section #blogGrid a:hover,
    .my-health-section #blogGrid a:nth-child(3):hover {
  animation: heartbeat 5s ease-in-out forwards;
  transform-origin: center;
}

.my-health-section #blogGrid, .service-section .service-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
}

.my-health-section #blogGrid a, .service-section .service-grid .services-plan {
  grid-column: span 6;
  grid-row: span 2;
}

.my-health-section #blogGrid a:nth-child(n+2), .service-section .service-grid .services-plan:nth-child(n+2) {
  grid-row: span 1;
}

.service-section .service-grid .services-plan,.service-section .service-grid .services-plan:nth-child(2),
    .service-section .service-grid .services-plan:nth-child(3){
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
  padding: 3rem;
}

@media not all and (min-width: 768px){
  .service-section .service-grid .services-plan,.service-section .service-grid .services-plan:nth-child(2),
    .service-section .service-grid .services-plan:nth-child(3){
    padding-left: 30px;
    padding-right: 30px;
  }
}

.service-section .service-grid .services-plan:nth-child(2){
  --tw-bg-opacity: 1;
  background-color: rgb(217 212 230 / var(--tw-bg-opacity));
}

.service-section .service-grid .services-plan:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.service-section .service-grid .services-plan p{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.service-section .service-grid .services-plan ul{
  padding-top: 1.25rem;
}

.service-section .service-grid .services-plan:nth-child(2) p,
    .service-section .service-grid .services-plan:nth-child(3) p{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.my-health-section #blogGrid a:nth-child(2),
    .my-health-section #blogGrid a:nth-child(3){
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
  padding: 3rem;
}

@media not all and (min-width: 768px){
  .my-health-section #blogGrid a:nth-child(2),
    .my-health-section #blogGrid a:nth-child(3){
    padding-left: 30px;
    padding-right: 30px;
  }
}

.my-health-section #blogGrid a:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(217 212 230 / var(--tw-bg-opacity));
}

.my-health-section #blogGrid a:nth-child(2) .redirect-icon,
    .my-health-section #blogGrid a:nth-child(3) .redirect-icon{
  bottom: 1.25rem;
  right: 1.25rem;
}

@media not all and (min-width: 768px){
  .my-health-section #blogGrid a:nth-child(2) .redirect-icon,
    .my-health-section #blogGrid a:nth-child(3) .redirect-icon{
    height: 20px;
    width: 20px;
  }
}

@media (min-width: 1024px){
  .my-health-section #blogGrid a:nth-child(2) .redirect-icon,
    .my-health-section #blogGrid a:nth-child(3) .redirect-icon{
    bottom: 30px;
    right: 30px;
  }
}

.sticky-sidebar-appointment{
  position: fixed;
  top: 65%;
  inset-inline-end: 0px;
  z-index: 9;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[dir="rtl"] .sticky-sidebar-appointment{
  left: 0px;
}

[dir="ltr"] .sticky-sidebar-appointment{
  right: 0px;
}

.sticky-sidebar-appointment .list-tile-wrapper .list-tile-box {
  transition: all 0.3s ease;
}

.sticky-sidebar-appointment .list-tile-wrapper .list-tile-box:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
}

.sticky-sidebar-appointment .list-tile-wrapper .list-tile-box:hover p{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sticky-sidebar-appointment .list-tile-wrapper .list-tile-box:hover svg path{
  stroke:white;
}

.sticky-sidebar-appointment .list-tile-wrapper .list-tile-box-style2 p{
  height: 21px;
  min-width: 167px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.sticky-sidebar-appointment .list-tile-wrapper .list-tile-box-style2 {
  position: relative;
  transition: all .3s ease;
}

.patient-faq-header{
  position: relative;
  display: flex;
}

.patient-faq-header .icon-shape{
  position: absolute;
  inset-inline-end: 2.5rem;
  top: 1rem;
}

[dir="rtl"] .patient-faq-header .icon-shape{
  left: 2.5rem;
}

[dir="ltr"] .patient-faq-header .icon-shape{
  right: 2.5rem;
}

.patient-faq-content {
  /* @apply */
}

.svg-wrapper:where([dir="rtl"], [dir="rtl"] *){
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* body:not(.home) .sticky-sidebar-appointment .list-tile-wrapper .list-tile-box-style2 .stickyflex p,
    body:not(.home) .sticky-sidebar-appointment .list-tile-wrapper .list-tile-box-style2 .arrow-icon {
        display: none;
    }
    
    body:not(.home) .sticky-sidebar-appointment .list-tile-wrapper .list-tile-box-style2:hover .stickyflex p,
    body:not(.home) .sticky-sidebar-appointment .list-tile-wrapper .list-tile-box-style2:hover .arrow-icon {
        display: block;
    } */

/*contactus page*/

/* .contact-form-div form input, .contact-form-div form select, .contact-form-div form textarea{
        font-family: 'Tajawal-Light';
        @apply bg-white rounded-lg max-w-[550px] w-[550px] h-[60px] border border-solid border-color_5 indent-3
    }
    .contact-form-div form input::placeholder{  
        @apply text-lg text-[#313437] font-light
    } */

input[type='submit']{
  padding-bottom:0.6rem !important;
  padding-top: 0.9rem !important;
}

.contact-details-div span{
  font-family: "Tajawal-Medium";
}

.kchformdiv .input-group.active .wpcf7-form-control-wrap{
  top: 35%;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.02);
    /* Slow zoom in to 102% */
  }

  20% {
    transform: scale(0.98);
    /* Slow zoom out to 98% */
  }

  30% {
    transform: scale(1);
    /* Return to 100% */
  }
}

@media (max-width: 1024px) {
  .kch-inner-nav-tabs > ul > li:hover ~ .collapse-panel{
    display: block !important;
    box-shadow: 0 8px 20px 0 rgba(8, 24, 44, 0.1);
    background-color: white;
    position: absolute;
    max-width: 200px;
    /* min-width: 350px; */
    border-radius: 12px;
    margin-top: 80px;
  }

  @media not all and (min-width: 768px){
    .kch-inner-nav-tabs > ul > li:hover ~ .collapse-panel{
      width: 100%;
    }
  }

  .kch-inner-nav-tabs > ul > li:hover ~ .collapse-panel{
    /* @apply max-md:w-[calc(100%-18px)]; */
  }
}

@media (max-width: 768px) {
  /* .mainBannerSldier{
            height: calc(100vh - 85px);
        }  */

  .custom-dropdown select{
    font-size: 18px;
    font-family: 'Tajawal-Medium'
  }

  .vision-box h3{
    font-size: 24px;
  }

  .kch-footer .footer-links-wrapper .footer-links-menu:first-child {
    grid-column: span 12 / span 12;
  }

  .kch-footer .footer-links-appointment-menu {
    grid-column: span 12 / span 12;
  }

  .kch-footer .footer-links-menu .footer-links-menu-list .nav_menu .footer-menu{
    display: none;
  }

  .kch-footer .footer-links-menu .footer-links-menu-list .nav_menu h4:hover+.footer-menu{
    display: block;
  }

  .main-banner-next {
    left: 80px;
  }

  /* .main-banner-prev {
            left: 20px;
        } */

  /* .main-banner-next,
        .main-banner-prev {
            margin-top: 260px;
        } */

  .my-health-section #blogGrid, .service-section .service-grid {
    grid-template-columns: 1fr;
  }

  .service-section .service-grid{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sticky-sidebar-appointment {
    display: none;
  }

  .slidebar-nav-menu-wrapper .mega-menu-mobile {
    /* display: none; */
    transition: left 0.6s ease;
    position: absolute;
    overflow: hidden;
    left: 500px;
    top: 27px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: white;
    overflow-y: auto;
    /* display: block; */
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    margin-top: 10px
  }

  .slidebar-nav-menu-wrapper .mega-menu-mobile.active {
    left: 0;
  }

  .slidebar-nav-menu-wrapper .mega-menu-mobile.active .mega-menu-mancont{
    padding-left: 40px;
  }

  .slidebar-nav-menu-wrapper .mega-menu-mobile .sub-menu li{
    padding-bottom: 0.75rem;
  }

  .speciality-list-items a{
    width: 100%;
  }

  /* .video-popup-iframe-wrapper{
                height: 250px !important;
        }
        .video-popup-content{
            height: 250px !important;
            top: 50% !important;
            transform: translateY(-50%);
        } */

  .doctor-bio-detail-section{
    border-top: 1px solid #ECF0F3;
    padding-top: 20px;
  }

  .collapse-panel .panel-body-list li{
    margin-right: 0px;
    border-bottom: 1px solid #ECF0F3;
  }

  .collapse-panel .panel-body-list li:last-child{
    border-bottom: none;
  }

  .contact-form-div input[type='submit']{
    width: 100%;
  }

  .patient-faq-header h3{
    font-size: 24px;
    line-height: 29px;
    max-width: 290px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px){
}

@media (min-width: 1200px) {
  .kch-footer .footer-links-wrapper>*:not(.footer-links-menu)+.footer-links-menu {
    grid-column: span 4 / span 4 !important;
  }

  .kch-footer .footer-links-wrapper .footer-links-menu{
    grid-column: span 4;
  }
}

@media (min-width: 768px){
  .sidebar-popup-menu .sidebar-nav-menu .dropdown-list .sub-category{
    margin-top: -30px;
    display: none;
    max-height: 300px;
    overflow-y: auto;
  }

  .sidebar-popup-menu .sidebar-nav-menu ul li:hover .dropdown-list .sub-category{
    float: right;
    display: block;
  }

  .kch-inner-nav-tabs .collapse-panel.show{
    display: block;
  }
}

#opening-popup{
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  border-radius: 8px;
  text-align: center;
  background-image: url(../images/png/bgpopup-1.png);
}

#opening-popup h2{
  font-family: 'Tajawal-Bold';
  font-size: 64px;
  line-height: 51px;
  color: #102643;
  font-weight: 700;
}

#opening-popup h6{
  font-family: 'Tajawal-Bold' !important;
  font-size: 45px;
  letter-spacing: 2px;
  line-height: 52px;
  color: #102643;
  font-weight: 400;
  font-family: "Tajawal";
}

#opening-popup img.close-img {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  cursor: pointer;
}

.addpatinetdivscreen {
  padding-top: 30px;
  border-top: 1px solid #00000029;
}

.kchappformdiv input[type='submit'] {
  z-index: 10;
}

[data-steps]{
  display:flex;
  counter-reset:step;
  margin: 25px 0px 0px;
}

.formprogreess .list{
  display:flex;
  justify-content:center;
  align-items:center;
  list-style:none;
  width:170px;
  text-align:center;
  position:relative;
}

.formprogreess .list::before{
  content: counter(step);
  counter-increment: step;
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  background-color: white;
  color: #020911;
  border-radius: 100px;
  line-height: 30px;
  top: -35px;
  border: 1px solid #020911;
  font-family: 'Figtree';
}

html[lang="en-US"] .formprogreess .list:not(:first-child)::after{
  content:" ";
  width:100%;
  height:1px;
  background-color:#0000002e;
  position:absolute;
  z-index:-1;
  left:-50%;
  top:-21px;
}

[dir="rtl"] .formprogreess .list:not(:last-child)::after{
  content:" ";
  width:100%;
  height:1px;
  background-color:#0000002e;
  position:absolute;
  z-index:-1;
  left:-50%;
  top:-21px;
}

.formprogreess .list.active::before,.formprogreess .list:not(:first-child).active::after{
  background-color: #020911;
  color: white;
}

form#kchLoginForm span {
  font-family: 'Figtree';
  font-size: 16px;
}

.timeslots input[type="radio"] {
  display: none;
}

.appointmnetbtn{
  font-family: auto;
}

input#mobileno {
  direction: ltr;
}

.sub-link-descs ul, .services-plan ul {
  list-style: none;
  padding-left: 0;
}

.sub-link-descs ul li, .services-plan ul li{
  position: relative;
  padding-bottom: 1rem;
  padding-inline-start: 2rem;
}

.sub-link-descs p{
  padding-bottom: 1rem;
}

.sub-link-descs ul li::before, .services-plan ul li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0px;
  top: 0px;
}

[dir="rtl"] .sub-link-descs ul li::before,[dir="rtl"]  .services-plan ul li::before{
  right: 0px;
}

[dir="ltr"] .sub-link-descs ul li::before,[dir="ltr"]  .services-plan ul li::before{
  left: 0px;
}

.sub-link-descs ul li::before, .services-plan ul li::before {
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/svg/tick.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.kch-inner-nav-tabs .collapse-panel .sub-link.active{
  text-decoration-line: underline;
}

@media not all and (min-width: 1024px){
  .kch-inner-nav-tabs-list{
    overflow-x: visible;
  }
}

.kch-inner-nav-tabs-list {
  &::-webkit-scrollbar{
    height: 0.25rem;
  }
  &::-webkit-scrollbar-thumb{
    border-radius: 0.125rem;
  }
  &::-webkit-scrollbar-thumb{
    --tw-bg-opacity: 1;
    background-color: rgb(2 9 17 / var(--tw-bg-opacity));
  }
  &::-webkit-scrollbar-thumb{
    --tw-bg-opacity: 0.5;
  }
  @media (min-width: 1024px){
    &::-webkit-scrollbar-thumb{
      display: none;
    }
  }
}

input[type='submit']{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.contact-form-div input[type='submit']{
  align-self: flex-end;
}

.appt-form-div input[type='submit']{
  align-self: center;
}

.google-map iframe{
  border-radius: 20px;
}

.kchformdiv select {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

select:focus-visible,  input:focus-visible, textarea:focus-visible {
  outline: none;
}

.executive_team_img img{
  height: auto;
  width: 100%;
  border-radius: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.each-ex-team a{
  font-family: 'Tajawal-Medium';
  font-size: 24px;
}

.each-ex-team:not(:last-child) {
  border-bottom: 1px solid #EDEAE8;
}

.borderunderline{
  border-bottom: 1px solid #020911;
  line-height: 20px;
}

.blur-effect {
  position: relative;
}

.blogtext, .blogarw{
  z-index: 3;
}

.blur-effect::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  /* Adjust the height of each layer of the blur effect as needed */
  background-color: rgba(0, 0, 255, 0%);
  /* Adjust the initial blue tint and opacity */
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  /* Adjust the initial blur radius */
  z-index: 1;
  /* Ensure the pseudo-element is above the image */
}

.blur-effect::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  /* Adjust the height of each layer of the blur effect as needed */
  background-color: rgba(0, 0, 255, 0%);
  /* Adjust the blue tint and opacity */
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  /* Adjust the blur radius */
  z-index: 2;
  /* Ensure this pseudo-element is above the previous one */
}

.blur-effect::after,
    .blur-effect::before {
  transition: background-color 0.5s, -webkit-backdrop-filter 0.5s;
  transition: background-color 0.5s, backdrop-filter 0.5s;
  transition: background-color 0.5s, backdrop-filter 0.5s, -webkit-backdrop-filter 0.5s;
  /* Smooth transition effect */
}

.sticky-sidebar-appointment .list-tile-wrapper{
  transition: all .3s ease;
}

.sticky-sidebar-appointment .list-tile-wrapper .list-tile-box p{
  height: 21px;
  min-width: 167px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.sticky-sidebar-appointment .list-tile-wrapper .list-tile-box {
  position: relative;
  transition: all .3s ease;
}

.list-tile-box{
  display: flex;
  max-width: 290px;
  align-items: center;
  justify-content: space-between;
  border-start-start-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(206 204 203 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-decoration-line: none;
}

[dir="ltr"] .list-tile-box{
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

[dir="rtl"] .list-tile-box{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

body:not(.home) .sticky-sidebar-appointment .list-tile-box{
  inset-inline-end: -190px;
}

body:not(.home) .sticky-sidebar-appointment .list-tile-box:hover{
  inset-inline-end: 0px;
}

[dir="rtl"] body:not(.home) .sticky-sidebar-appointment .list-tile-box:hover{
  left: 0px;
}

[dir="ltr"] body:not(.home) .sticky-sidebar-appointment .list-tile-box:hover{
  right: 0px;
}

.sidebar-main-menu a, .sidebar-nav-menu a {
  font-size: 16px;
}

.sidebar-main-menu li,  .sidebar-nav-menu li {
  margin-bottom: 5px;
}

.sidebar-nav-menu ul{
  margin-top: 0.75rem;
}

.kchformdiv form input, .kchformdiv form select, .kchformdiv form textarea{
  /* font-family: 'Figtree'; */
  font-size: 14px;
  border-style: none
}

.kchformdiv form input:not([type="submit"]), 
    .kchformdiv form select, .kchformdiv form textarea{
  color: #00000087;
}

.kchformdiv label{
  font-family: 'Tajawal-Light';
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(237 234 232 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-indent: 0.75rem
}

.registeraccount label{
  width: 100%;
}

.kchformdiv form input::-moz-placeholder{
  font-size: 14px;
  line-height: 1.75rem;
  font-family: 'Figtree';
}

.kchformdiv form input::placeholder, .kchformdiv form .input-label{
  font-size: 14px;
  line-height: 1.75rem;
  font-family: 'Figtree';
}

.doc-certificate{
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(49 52 55 / var(--tw-text-opacity));
}

.kchformdiv form input:not([type="submit"]):not([type="radio"]), 
    .kchformdiv form select, 
    .kchformdiv form textarea{
  width: 95%;
  background-color: transparent
}

.kchformdiv .input-group {
  position: relative;
}

.kchformdiv .input-group:not(.textarea-group) {
  height: 60px;
}

.kchformdiv .textarea-group {
  height: 100px;
}

.kchformdiv .wpcf7-form-control-wrap {
  top: 25%;
  position: absolute;
  width: 100%
}

.kchformdiv .textarea-group .wpcf7-form-control-wrap {
  top:35%
}

.kchformdiv .input-label {
  z-index: 1;
  position: absolute;
  top: 31%;
  transition: all .3s ease;
}

.kchformdiv .input-group.active .input-label{
  top:1% !important;
  font-size: 12px;
}

.kchformdiv.textarea-group .input-label{
  top:20%;
}

.kchformdiv .textarea-group textarea{
  height: 70px;
}

iframe{
  width: 100%;
}

.searchpage article .svg-wrapper svg {
  transition: transform 0.3s ease-in-out;
}

.searchpage article:hover .svg-wrapper svg {
  transform: scale(1.4);
}

@media (min-width: 768px) {
  .kch-four-cont{
    margin-inline-start: 80px;
  }

  /* .kch-four-cont img{
            max-width: 50%;
        } */

  .eachfourblock{
    width: 40%;
  }

  .patient-review p{
    font-size: 20px;
  }
}

@media (min-width: 1480px) {
  .main-header .header-main-menu ul>li>a {
    font-size: 20px;
    line-height: 1.5rem;
  }
}

@media (max-width: 768px) {
  .timeslots label {
    font-size: 13px;
  }

  .formprogreess .list {
    font-size: 12px;
  }

  [data-steps] {
    margin: 40px 0px 0px;
    padding: 0px;
  }

  .formprogreess .list::before {
    width: 30px;
    height: 30px;
  }

  .google-map iframe{
    height: 280px;
  }

  .contact-form-div>div{
    width: 100vw;
    margin-left: -5vw;
  }

  .home h2{
    font-size: 24px;
    line-height: 28px;
  }

  .each-ex-team a{
    font-family: 'Tajawal-Regular';
    font-size: 20px;
  }

  .each-ex-team h4{
    line-height: 24px;
  }

  .page-head{
    font-size: 36px;
    line-height: 43px;
  }

  .sub-head{
    font-size: 24px;
    line-height: 28px;
  }

  .kch-logo img{
    max-width: 250px;
    width: 100%;
  }

  .milestone-section .milestone-container::before{
    top: 9px;
  }

  .milestone-section .milestone-year::after {
    top: 54%;
  }

  .home .hm-gridsubhead{
    font-size: 38px;
    line-height: 45px;
    font-weight: 500;
    font-family: 'Tajawal-Regular';
    padding-top: 20px;
  }

  .eachfourblock{
    height:320px;
  }

  .blur-effect::after {
    height: 150px;
  }

  .blur-effect::before {
    height: 150px;
  }

  .eachfourblock h4{
    font-size: 20px;
    font-family: 'Tajawal-Regular';
  }

  .accordion-title {
    font-size: 16px;
    font-family: 'Tajawal-Regular';
  }

  .footer-links-wrapper h4{
    font-size: 18px;
    line-height: 21px;
    font-family: 'Tajawal-Regular';
  }

  .kch-footer .footer-links-wrapper p{
    font-size: 16px;
    color: #FFFFFF80;
    line-height: 20px;
    padding-top: 5px;
  }

  .footer-links-menu-list a {
    font-size: 16px;
    color: #ffffffba;
  }

  .speciality-dropdown  a{
    pointer-events: none;
  }

  .submmenucontrol{
    padding-inline-start: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #CACFD4;
  }

  #opening-popup h2 {
    font-size: 42px;
  }

  #opening-popup h6 {
    font-size: 32px;
    line-height: 38px;
  }
}

@media (min-width: 768px){
  .kchformdiv .ui-widget.ui-widget-content{
    width: 700px;
  }
}

.kchformdiv .ui-widget.ui-widget-content {
  border: 1px solid #EDEAE8;
  margin: auto;
}

main.kchformdiv .ui-state-default{
  border-style: none;
  background-color: transparent;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

main.kchformdiv .ui-state-active{
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

main.kchformdiv .ui-datepicker-header{
  border-style: none;
  background-color: transparent;
}

main.kchformdiv .ui-datepicker-calendar thead {
  background-color: aliceblue;
}

/* Style the label to look like it's clickable */

.timeslots label {
  text-indent:0px;
  cursor: pointer;
  padding: 10px;
  border: 1px solid #0b24434a;
  border-radius: 9px;
  display: inline-block;
  text-align: center;
  color:#0B2443;
  transition: background-color 0.3s ease;
}

/* Change background color when the radio button is selected */

input[type="radio"]:checked + label {
  background-color: #007bff;
  color: white;
}

/* Add hover effect */

.timeslots label:hover {
  background-color: #e0e0e0;
}

.appointmnetbtn span {
  font-weight: 900;
  font-family: 'Tajawal-Medium';
}

input[type='submit']:hover {
  background-color: #cecccb;
  color: black;
}

/*  careers page  */

#careers_main_body_subcnt{
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1400px;
}

.kch-logo-careers{
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  box-sizing: border-box;
  display: flex;
  width: 100vw;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[dir="rtl"] .kch-logo-careers{
  right: 0px;
}

[dir="ltr"] .kch-logo-careers{
  left: 0px;
}

.kch-logo-careers {
  /* @apply flex absolute top-0 start-0 w-screen my-6 mx-5; */
}

#careers_main_img{
  min-height: 350px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px){
  #careers_main_img{
    max-height: 100vh;
    min-height: 500px;
  }
}

#careers_main_body_cnt{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 4rem;
}

body#careers_main_body_cnt {
  overflow-y: hidden;
}

@media (min-width: 768px){
  #careers_main_body_cnt{
    padding-top: 0px;
    padding-bottom: 8rem;
  }
}

section.careers_content_section{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 0px;
  margin-right: 0px;
}

.careers_content_title{
  font-size: 1.60rem;
  font-weight: 600;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

.careers_numbers{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
  font-size: 1.30rem;
  line-height: 1.75rem;
}

.careers_thanks_btn-cnt{
  text-align: center;
}

.careers_thanks_text{
  text-align: center;
}

.careers_thanks_btn-cnt{
  margin-top: 4rem;
  margin-bottom: 4rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.careers_content_btn{
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding: 1.25rem;
  font-size: 1.10rem;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.careers_content_text{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: 600;
  line-height: 1.3;
}

.careers_iconbox_cnt{
  margin-top: 3rem;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4.38rem;
}

.careers_icon_img{
  display: flex;
  justify-content: center;
}

.careers_iconbox_cnt{
  display: flex;
  justify-content: center;
}

.careers_icon_img img{
  height: auto;
  width: 3rem;
}

.careers_icon_txt{
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
}

@media screen and (max-width:700px) {
  .kch-logo-careers{
    margin: 0px;
  }

  .kch-logo-careers img{
    height: 2.25rem;
    width: auto;
  }

  .careers_iconbox_cnt{
    gap: 2.5rem;
  }
}

/*  careers page  */

#careers_main_body_subcnt{
  z-index: 2;
}

.kch-logo-careers{
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  box-sizing: border-box;
  display: flex;
  width: 100vw;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[dir="rtl"] .kch-logo-careers{
  right: 0px;
}

[dir="ltr"] .kch-logo-careers{
  left: 0px;
}

.kch-logo-careers {
  /* @apply inline-block absolute my-6 mx-5; */
}

/* 
#careers_main_img {
  @apply w-full h-auto;
} */

section.careers_content_section{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 0px;
  margin-right: 0px;
}

.careers_content_title{
  font-size: 1.60rem;
  font-weight: 600;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

.careers_numbers{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
  font-size: 1.30rem;
  line-height: 1.75rem;
}

.careers_thanks_btn-cnt{
  text-align: center;
}

.careers_thanks_text{
  text-align: center;
}

.careers_thanks_btn-cnt{
  margin-top: 4rem;
  margin-bottom: 4rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.careers_content_btn{
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding: 1.25rem;
  font-size: 1.10rem;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.careers_content_text{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: 600;
  line-height: 1.3;
}

.careers_iconbox_cnt{
  margin-top: 3rem;
  flex-direction: row;
  gap: 4.38rem;
}

.careers_icon_img{
  display: flex;
  justify-content: center;
}

.careers_iconbox_cnt{
  display: flex;
  justify-content: center;
}

.careers_icon_img img{
  height: auto;
  width: 3rem;
}

.careers_icon_txt{
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
}

@media screen and (max-width:700px) {
  .kch-logo-careers img{
    height: 2.25rem;
    width: auto;
  }

  .careers_iconbox_cnt{
    gap: 2.5rem;
  }
}

.patient_right_cnt{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 70px;
}

.patient_right_ar_cnt {
  direction: rtl;
}

#patient_rights_main_img{
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .patient_right_cnt{
    flex-direction: column;
  }
}

@media not all and (min-width: 768px){
  .img-desktop{
    display: none;
  }
}

@media (min-width: 768px){
  .img-mobile{
    display: none;
  }
}

#imagePopup{
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: fixed;
  top: 0px;
  inset-inline-start: 0px;
  z-index: 99;
  height: 100vh;
  width: 100vw;
  padding-top: 118px;
}

[dir="rtl"] #imagePopup{
  right: 0px;
}

[dir="ltr"] #imagePopup{
  left: 0px;
}

.image-popup-wrapper{
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: stretch;
  justify-content: center;
}

.image-popup-background{
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.image-popup-logo{
  position: absolute;
  top: 5rem;
  display: block;
  height: auto;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 1 / 1;
  max-width: 150px;
}

@media (min-width: 768px){
  .image-popup-logo{
    top: 3rem;
    max-width: 170px;
  }
}

#closeImagePopup{
  border-radius: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  margin: 18px;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
}

[dir="rtl"] #closeImagePopup{
  right: 0px;
}

[dir="ltr"] #closeImagePopup{
  left: 0px;
}

.breadcrumbs_container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 18px;
  padding-left: 18px;
}

@media (min-width: 1440px){
  .breadcrumbs_container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1680px){
  .breadcrumbs_container{
    max-width: 1480px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

.breadcrumbs_container{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px){
  .breadcrumbs_container{
    padding-bottom: 1.25rem;
  }
}

.breadcrumbs_container > div{
  display: flex;
  flex-direction: column-reverse;
  align-items: baseline;
  justify-content: space-between;
  row-gap: 1rem;
}

@media (min-width: 1024px){
  .breadcrumbs_container > div{
    flex-direction: row;
    align-items: center;
  }
}

#kch-modal{
  position: absolute;
  bottom: 0px;
  inset-inline-start: 0px;
  z-index: 50;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

[dir="rtl"] #kch-modal{
  right: 0px;
}

[dir="ltr"] #kch-modal{
  left: 0px;
}

body#kch-modal {
  overflow-y: hidden;
}

#kch-modal{
  padding-top: 82px;
  padding-bottom: 61px;
}

@media (min-width: 768px){
  #kch-modal{
    padding-top: 115px;
  }
}

@media (min-width: 1024px){
  #kch-modal{
    padding-bottom: 0px;
  }
}

#kch-modal {
  /* @apply flex items-stretch; */
}

.modal-image-swiper{
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

.modal-image-swiper > .swiper-wrapper{
  display: flex;
  align-items: stretch;
}

.modal-image-swiper > .swiper-wrapper > .swiper-slide{
  display: flex;
  align-items: stretch;
  justify-content: center;
}

/* .modal-image-swiper > .swiper-wrapper > .swiper-slide > img {
        @apply w-full h-auto object-contain object-center;
    } */

#close-kch-modal{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  border-radius: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: absolute;
  height: 1.75rem;
  width: 1.75rem;
  z-index: 10;
}

@media not all and (min-width: 1024px){
  #close-kch-modal{
    bottom: 1.25rem;
    inset-inline-end: 0.75rem;
  }

  [dir="rtl"] #close-kch-modal{
    left: 0.75rem;
  }

  [dir="ltr"] #close-kch-modal{
    right: 0.75rem;
  }
}

@media (min-width: 1024px){
  #close-kch-modal{
    top: 2.5rem;
    inset-inline-start: 2.75rem;
    height: 2rem;
    width: 2rem;
  }

  [dir="rtl"] #close-kch-modal{
    right: 2.75rem;
  }

  [dir="ltr"] #close-kch-modal{
    left: 2.75rem;
  }
}

#close-kch-modal{
  box-sizing: border-box;
  border-radius: 0.125rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: rgb(2 9 17 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#close-kch-modal:hover{
  --tw-bg-opacity: 0.6;
}

#close-kch-modal{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 24 24' width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7457 3.32851C20.3552 2.93798 19.722 2.93798 19.3315 3.32851L12.0371 10.6229L4.74275 3.32851C4.35223 2.93798 3.71906 2.93798 3.32854 3.32851C2.93801 3.71903 2.93801 4.3522 3.32854 4.74272L10.6229 12.0371L3.32856 19.3314C2.93803 19.722 2.93803 20.3551 3.32856 20.7457C3.71908 21.1362 4.35225 21.1362 4.74277 20.7457L12.0371 13.4513L19.3315 20.7457C19.722 21.1362 20.3552 21.1362 20.7457 20.7457C21.1362 20.3551 21.1362 19.722 20.7457 19.3315L13.4513 12.0371L20.7457 4.74272C21.1362 4.3522 21.1362 3.71903 20.7457 3.32851Z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");
}

.modal-image-swiper .swiper-actions, .fullwidthsliderbtns{
  position: absolute;
  bottom: 1.25rem;
  inset-inline-start: 0.75rem;
  z-index: 10;
}

[dir="rtl"] .modal-image-swiper .swiper-actions,[dir="rtl"]  .fullwidthsliderbtns{
  right: 0.75rem;
}

[dir="ltr"] .modal-image-swiper .swiper-actions,[dir="ltr"]  .fullwidthsliderbtns{
  left: 0.75rem;
}

@media (min-width: 1024px){
  .modal-image-swiper .swiper-actions, .fullwidthsliderbtns{
    bottom: 2.5rem;
    inset-inline-start: 2.75rem;
  }

  [dir="rtl"] .modal-image-swiper .swiper-actions,[dir="rtl"]  .fullwidthsliderbtns{
    right: 2.75rem;
  }

  [dir="ltr"] .modal-image-swiper .swiper-actions,[dir="ltr"]  .fullwidthsliderbtns{
    left: 2.75rem;
  }
}

.modal-image-swiper .swiper-actions, .fullwidthsliderbtns{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

@media (min-width: 1024px){
  .modal-image-swiper .swiper-actions, .fullwidthsliderbtns{
    gap: 1rem;
  }
}

.modal-image-swiper .swiper-actions:where([dir="rtl"], [dir="rtl"] *), .fullwidthsliderbtns:where([dir="rtl"], [dir="rtl"] *){
  flex-direction: row-reverse;
}

.modal-image-swiper .swiper-btn-next,
    .modal-image-swiper .swiper-btn-prev{
  position: static;
  margin: 0px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0px;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: rgb(2 9 17 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.modal-image-swiper .swiper-btn-next:hover,
    .modal-image-swiper .swiper-btn-prev:hover{
  --tw-bg-opacity: 0.4;
}

@media (min-width: 1024px){
  .modal-image-swiper .swiper-btn-next,
    .modal-image-swiper .swiper-btn-prev{
    height: 50px;
    width: 50px;
  }
}

.modal-image-swiper .swiper-btn-next,
    .modal-image-swiper .swiper-btn-prev{
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 7.5L11.25 15L18.75 22.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.modal-image-swiper .swiper-btn-next{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal-image-swiper .swiper-btn-next::before,
    .modal-image-swiper .swiper-btn-prev::before {
  /* content: ''; */
  background-image: none;
  --tw-content: none;
  content: var(--tw-content);
}

.modal-image-swiper .swiper-btn-next::after,
    .modal-image-swiper .swiper-btn-prev::after {
  /* content: ''; */
  display: none;
  background-image: none;
  --tw-content: none;
  content: var(--tw-content);
}

.kch-tabs{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
}

@media (min-width: 768px){
  .kch-tabs{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    flex-direction: row;
    gap: 2.5rem;
  }
}

.tab-options{
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 1.25rem;
}

@media (min-width: 768px){
  .tab-options{
    max-width: 300px;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 0px;
  }
}

.tab-options-item{
  position: relative;
}

@media not all and (min-width: 768px){
  .tab-options-item{
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    flex-shrink: 0;
  }
}

.tab-options-item > span{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  box-sizing: border-box;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  &>img{
    display: none;
  }
  &>img{
    flex-shrink: 0;
  }
  &>img{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
}

.tab-options-item > span.active,
    .tab-options-item > span:hover{
  position: relative;
  z-index: 2;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  &>img{
    display: block;
  }
}

.tab-options-item.toggled > span.active {
  &>img{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.tab-options-item-dropdown{
  display: none;
}

@media not all and (min-width: 768px){
  .tab-options-item-dropdown{
    position: relative;
    z-index: 1;
    margin-top: -6px;
    width: 100%;
    overflow: hidden;
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(11 36 67 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 6px;
  }
}

.tab-options-item-dropdown > div{
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tab-options-item-dropdown > div.active,
    .tab-options-item-dropdown > div:hover{
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.tab-content{
  flex: 1 1 0%;
}

.tab-content-level-0,
    .tab-content-level-1{
  display: none;
}

.tab-content-level-0 > div,
    .tab-content-level-1{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 768px){
  .tab-content-level-0 > div,
    .tab-content-level-1{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.pointer-events-none{
  pointer-events: none;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-5{
  bottom: 1.25rem;
}

.bottom-7{
  bottom: 1.75rem;
}

.bottom-\[70px\]{
  bottom: 70px;
}

.left-0{
  left: 0px;
}

.left-3{
  left: 0.75rem;
}

.left-5{
  left: 1.25rem;
}

.left-6{
  left: 1.5rem;
}

.left-\[30px\]{
  left: 30px;
}

.right-0{
  right: 0px;
}

.right-10{
  right: 2.5rem;
}

.right-5{
  right: 1.25rem;
}

.start-0{
  inset-inline-start: 0px;
}

.top-0{
  top: 0px;
}

.top-24{
  top: 6rem;
}

.top-3{
  top: 0.75rem;
}

.top-4{
  top: 1rem;
}

.top-5{
  top: 1.25rem;
}

.z-40{
  z-index: 40;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[2\]{
  z-index: 2;
}

.z-\[999\]{
  z-index: 999;
}

.col-span-1{
  grid-column: span 1 / span 1;
}

.col-span-12{
  grid-column: span 12 / span 12;
}

.col-span-3{
  grid-column: span 3 / span 3;
}

.col-span-5{
  grid-column: span 5 / span 5;
}

.col-span-7{
  grid-column: span 7 / span 7;
}

.m-0{
  margin: 0px;
}

.m-4{
  margin: 1rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.-mt-\[30px\]{
  margin-top: -30px;
}

.-mt-\[3px\]{
  margin-top: -3px;
}

.-mt-\[6px\]{
  margin-top: -6px;
}

.mb-0{
  margin-bottom: 0px;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-\[6px\]{
  margin-bottom: 6px;
}

.me-5{
  margin-inline-end: 1.25rem;
}

.ml-0{
  margin-left: 0px;
}

.mr-5{
  margin-right: 1.25rem;
}

.ms-0{
  margin-inline-start: 0px;
}

.ms-1{
  margin-inline-start: 0.25rem;
}

.ms-auto{
  margin-inline-start: auto;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-11{
  margin-top: 2.75rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-7{
  margin-top: 1.75rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-\[10px\]{
  margin-top: 10px;
}

.mt-\[120px\]{
  margin-top: 120px;
}

.mt-\[32px\]{
  margin-top: 32px;
}

.mt-\[50px\]{
  margin-top: 50px;
}

.mt-\[60px\]{
  margin-top: 60px;
}

.box-border{
  box-sizing: border-box;
}

.block{
  display: block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.h-10{
  height: 2.5rem;
}

.h-20{
  height: 5rem;
}

.h-5{
  height: 1.25rem;
}

.h-\[105px\]{
  height: 105px;
}

.h-\[140px\]{
  height: 140px;
}

.h-\[18px\]{
  height: 18px;
}

.h-\[220px\]{
  height: 220px;
}

.h-\[250px\]{
  height: 250px;
}

.h-\[30px\]{
  height: 30px;
}

.h-\[42vh\]{
  height: 42vh;
}

.h-\[50px\]{
  height: 50px;
}

.h-\[53px\]{
  height: 53px;
}

.h-\[60px\]{
  height: 60px;
}

.h-\[65px\]{
  height: 65px;
}

.h-\[66px\]{
  height: 66px;
}

.h-\[73px\]{
  height: 73px;
}

.h-\[80px\]{
  height: 80px;
}

.h-\[864px\]{
  height: 864px;
}

.h-\[90vh\]{
  height: 90vh;
}

.h-\[910px\]{
  height: 910px;
}

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.min-h-\[104px\]{
  min-height: 104px;
}

.min-h-\[90px\]{
  min-height: 90px;
}

.\!w-\[50px\]{
  width: 50px !important;
}

.w-11\/12{
  width: 91.666667%;
}

.w-20{
  width: 5rem;
}

.w-\[119px\]{
  width: 119px;
}

.w-\[140px\]{
  width: 140px;
}

.w-\[150px\]{
  width: 150px;
}

.w-\[171px\]{
  width: 171px;
}

.w-\[200px\]{
  width: 200px;
}

.w-\[225px\]{
  width: 225px;
}

.w-\[25px\]{
  width: 25px;
}

.w-\[300px\]{
  width: 300px;
}

.w-\[30px\]{
  width: 30px;
}

.w-\[320px\]{
  width: 320px;
}

.w-\[53px\]{
  width: 53px;
}

.w-\[60px\]{
  width: 60px;
}

.w-\[65px\]{
  width: 65px;
}

.w-\[73px\]{
  width: 73px;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.min-w-\[220px\]{
  min-width: 220px;
}

.min-w-\[30px\]{
  min-width: 30px;
}

.max-w-\[100px\]{
  max-width: 100px;
}

.max-w-\[1172px\]{
  max-width: 1172px;
}

.max-w-\[171px\]{
  max-width: 171px;
}

.max-w-\[199px\]{
  max-width: 199px;
}

.max-w-\[200px\]{
  max-width: 200px;
}

.max-w-\[210px\]{
  max-width: 210px;
}

.max-w-\[250px\]{
  max-width: 250px;
}

.max-w-\[293px\]{
  max-width: 293px;
}

.max-w-\[300px\]{
  max-width: 300px;
}

.max-w-\[305px\]{
  max-width: 305px;
}

.max-w-\[375px\]{
  max-width: 375px;
}

.max-w-\[378px\]{
  max-width: 378px;
}

.max-w-\[390px\]{
  max-width: 390px;
}

.max-w-\[395px\]{
  max-width: 395px;
}

.max-w-\[399px\]{
  max-width: 399px;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[410px\]{
  max-width: 410px;
}

.max-w-\[450px\]{
  max-width: 450px;
}

.max-w-\[464px\]{
  max-width: 464px;
}

.max-w-\[465px\]{
  max-width: 465px;
}

.max-w-\[500px\]{
  max-width: 500px;
}

.max-w-\[501px\]{
  max-width: 501px;
}

.max-w-\[514px\]{
  max-width: 514px;
}

.max-w-\[550px\]{
  max-width: 550px;
}

.max-w-\[565px\]{
  max-width: 565px;
}

.max-w-\[600px\]{
  max-width: 600px;
}

.max-w-\[630px\]{
  max-width: 630px;
}

.max-w-\[738px\]{
  max-width: 738px;
}

.max-w-\[797px\]{
  max-width: 797px;
}

.max-w-\[837px\]{
  max-width: 837px;
}

.max-w-\[847px\]{
  max-width: 847px;
}

.max-w-\[850px\]{
  max-width: 850px;
}

.max-w-\[977px\]{
  max-width: 977px;
}

.max-w-full{
  max-width: 100%;
}

.max-w-screen-lg{
  max-width: 1024px;
}

.flex-1{
  flex: 1 1 0%;
}

.shrink-0{
  flex-shrink: 0;
}

.grow{
  flex-grow: 1;
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer{
  cursor: pointer;
}

.list-none{
  list-style-type: none;
}

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

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

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

.\!flex-row{
  flex-direction: row !important;
}

.flex-row{
  flex-direction: row;
}

.flex-col{
  flex-direction: column;
}

.flex-col-reverse{
  flex-direction: column-reverse;
}

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

.items-end{
  align-items: flex-end;
}

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

.items-baseline{
  align-items: baseline;
}

.items-stretch{
  align-items: stretch;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.\!gap-3{
  gap: 0.75rem !important;
}

.gap-1{
  gap: 0.25rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-11{
  gap: 2.75rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[10px\]{
  gap: 10px;
}

.gap-\[30px\]{
  gap: 30px;
}

.gap-\[50px\]{
  gap: 50px;
}

.gap-\[80px\]{
  gap: 80px;
}

.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-\[100px\]{
  -moz-column-gap: 100px;
       column-gap: 100px;
}

.gap-y-10{
  row-gap: 2.5rem;
}

.gap-y-3{
  row-gap: 0.75rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.gap-y-5{
  row-gap: 1.25rem;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.rounded-10{
  border-radius: 10px;
}

.rounded-20{
  border-radius: 20px;
}

.rounded-\[14px\]{
  border-radius: 14px;
}

.rounded-\[50px\]{
  border-radius: 50px;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-b-20{
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-t-20{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.rounded-bl-xl{
  border-bottom-left-radius: 0.75rem;
}

.rounded-tl-xl{
  border-top-left-radius: 0.75rem;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-solid{
  border-style: solid;
}

.\!border-none{
  border-style: none !important;
}

.border-none{
  border-style: none;
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(2 9 17 / var(--tw-border-opacity));
}

.border-color_4{
  --tw-border-opacity: 1;
  border-color: rgb(202 207 212 / var(--tw-border-opacity));
}

.border-primary_color_1{
  --tw-border-opacity: 1;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-opacity-10{
  --tw-border-opacity: 0.1;
}

.\!bg-transparent{
  background-color: transparent !important;
}

.bg-\[\#00000080\]{
  background-color: #00000080;
}

.bg-\[\#0B2443\]{
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
}

.bg-\[\#EDEAE8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.bg-\[\#EEF8F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 248 242 / var(--tw-bg-opacity));
}

.bg-\[\#F3FDF7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 253 247 / var(--tw-bg-opacity));
}

.bg-\[\#FAF8F6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 246 / var(--tw-bg-opacity));
}

.bg-\[\#ffffffd4\]{
  background-color: #ffffffd4;
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(2 9 17 / var(--tw-bg-opacity));
}

.bg-color_1{
  --tw-bg-opacity: 1;
  background-color: rgb(206 204 203 / var(--tw-bg-opacity));
}

.bg-color_2{
  --tw-bg-opacity: 1;
  background-color: rgb(217 212 230 / var(--tw-bg-opacity));
}

.bg-color_3{
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
}

.bg-color_5{
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-primary_color_1{
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-gray-50{
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-gray-400{
  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
}

.bg-contain{
  background-size: contain;
}

.bg-cover{
  background-size: cover;
}

.bg-right-bottom{
  background-position: right bottom;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.p-0{
  padding: 0px;
}

.p-10{
  padding: 2.5rem;
}

.p-12{
  padding: 3rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.p-\[50px\]{
  padding: 50px;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}

.px-\[30px\]{
  padding-left: 30px;
  padding-right: 30px;
}

.px-\[50px\]{
  padding-left: 50px;
  padding-right: 50px;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-90{
  padding-top: 90px;
  padding-bottom: 90px;
}

.py-\[30px\]{
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-\[40px\]{
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-\[50px\]{
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-\[70px\]{
  padding-top: 70px;
  padding-bottom: 70px;
}

.pb-0{
  padding-bottom: 0px;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-7{
  padding-bottom: 1.75rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pb-\[10px\]{
  padding-bottom: 10px;
}

.pb-\[40px\]{
  padding-bottom: 40px;
}

.pl-0{
  padding-left: 0px;
}

.pl-\[0px\]{
  padding-left: 0px;
}

.ps-0{
  padding-inline-start: 0px;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-7{
  padding-top: 1.75rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-\[10px\]{
  padding-top: 10px;
}

.pt-\[16px\]{
  padding-top: 16px;
}

.pt-\[30px\]{
  padding-top: 30px;
}

.pt-\[50px\]{
  padding-top: 50px;
}

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

.text-start{
  text-align: start;
}

.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-5xl{
  font-size: 3rem;
  line-height: 1;
}

.text-\[2\.37rem\]{
  font-size: 2.37rem;
}

.text-\[38px\]{
  font-size: 38px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.lowercase{
  text-transform: lowercase;
}

.italic{
  font-style: italic;
}

.leading-\[30px\]{
  line-height: 30px;
}

.leading-\[35px\]{
  line-height: 35px;
}

.leading-none{
  line-height: 1;
}

.leading-normal{
  line-height: 1.5;
}

.text-\[\#020911\]{
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

.text-\[\#020911d6\]{
  color: #020911d6;
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

.text-primary_color_1{
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.no-underline{
  text-decoration-line: none;
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ps-0{
  padding-inline-start: 0px;
}

.ms-0{
  margin-inline-start: 0px;
}

.ms-1{
  margin-inline-start: 0.25rem;
}

.me-5{
  margin-inline-end: 1.25rem;
}

.ms-auto{
  margin-inline-start: auto;
}

[dir="rtl"] .start-0{
  right: 0px;
}

[dir="ltr"] .start-0{
  left: 0px;
}

[dir="rtl"] .text-start{
  text-align: right;
}

[dir="ltr"] .text-start{
  text-align: left;
}

.why-trust-us-wrapper{
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  display: none;
  flex-direction: column;
}

@media (min-width: 1024px){
  .why-trust-us-wrapper{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
  }

  .kch-patient-count .why-trust-us-wrapper .number-box{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  @media not all and (min-width: 768px){
    .kch-patient-count .why-trust-us-wrapper .number-box{
      padding-left: 30px;
      padding-right: 30px;
    }
  }

  .kch-patient-count .why-trust-us-wrapper .number-box h2{
    min-height: 52px;
    padding-bottom: 0.75rem;
  }

  .kch-patient-count .why-trust-us-wrapper .number-box:nth-child(1){
    --tw-bg-opacity: 1;
    background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  }

  .kch-patient-count .why-trust-us-wrapper .number-box:nth-child(2){
    --tw-bg-opacity: 1;
    background-color: rgb(205 232 216 / var(--tw-bg-opacity));
  }

  .kch-patient-count .why-trust-us-wrapper .number-box:nth-child(3){
    --tw-bg-opacity: 1;
    background-color: rgb(221 218 238 / var(--tw-bg-opacity));
  }

  .why-trust-us-wrapper{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 1280px){
  .why-trust-us-wrapper{
    gap: 30px;
  }
}

@media (min-width: 1024px){
  .why-trust-us-wrapper .kch-nav-tabs{
    grid-column: span 4 / span 4;
  }

  .why-trust-us-wrapper .kch-nav-tabs-content{
    grid-column: span 8 / span 8;
  }
}

.kch-nav-tabs.why-trust-us-tabs {
  /* @apply max-w-[300px] flex-1; */
  /* @apply 2xl:max-w-[400px] 3xl:max-w-[472px]; */
}

.kch-nav-tabs.why-trust-us-tabs .kch-nav-tabs-list{
  margin: 0px;
  display: flex;
  width: 100%;
  list-style-type: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  row-gap: 10px;
  padding: 0px;
}

.kch-nav-tabs.why-trust-us-tabs .kch-nav-tabs-list > li{
  display: flex;
  min-height: 60px;
  align-items: center;
  justify-content: flex-start;
  border-radius: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 23px;
  padding-bottom: 23px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.kch-nav-tabs.why-trust-us-tabs .kch-nav-tabs-list > li span{
  margin-top: 4px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.kch-nav-tabs.why-trust-us-tabs .kch-nav-tabs-list > li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
}

.kch-nav-tabs.why-trust-us-tabs .kch-nav-tabs-list > li.active span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.why-trust-us-wrapper .kch-nav-tabs-content{
  position: relative;
  flex: 1 1 0%;
}

.why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane{
  height: 100%;
  width: 100%;
}

@media (min-width: 1024px){
  .why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane{
    position: absolute;
    top: 0px;
    inset-inline-start: 0px;
  }

  [dir="rtl"] .why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane{
    right: 0px;
  }

  [dir="ltr"] .why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane{
    left: 0px;
  }
}

.why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane .kch-tab-pane-wrapper{
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
}

@media (min-width: 1024px){
  .why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane .kch-tab-pane-wrapper{
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 30px;
  }
}

@media (min-width: 1280px){
  .why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane .kch-tab-pane-wrapper{
    gap: 45px;
  }
}

@media (min-width: 1440px){
  .why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane .kch-tab-pane-wrapper{
    gap: 60px;
  }
}

@media (min-width: 1680px){
  .why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane .kch-tab-pane-wrapper{
    gap: 75px;
  }
}

.why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane .kch-tab-pane-wrapper .kch-tab-pane-image{
  width: 100%;
}

.why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane .kch-tab-pane-wrapper .kch-tab-pane-image img{
  height: 100%;
  width: 100%;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.why-trust-us-wrapper .kch-nav-tabs-content .kch-tab-pane .kch-tab-pane-wrapper  .kch-tab-pane-content{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 30px;
}

@media screen and (min-width: 768px) {
  #testID.dropdown-list-wrapper{
    left: 0px;
    top: 100%;
    margin: 0px;
    width: 100%;
    max-width: 100%;
  }

  .header-main-menu{
    align-self: stretch;
  }

  .header-main-menu > ul{
    margin: 0px;
    display: flex;
    height: 100%;
    list-style-type: none;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: 35px;
    padding: 0px;
  }

  @media (min-width: 1440px){
    .header-main-menu > ul{
      gap: 1.25rem;
    }
  }

  @media (min-width: 1556px){
    .header-main-menu > ul{
      gap: 35px;
    }
  }

  .header-main-menu > ul > li{
    display: flex;
    align-items: center;
  }

  @media (min-width: 1440px){
    .header-main-menu > ul > li{
      flex-shrink: 0;
    }
  }

  @media (min-width: 1556px){
    .header-main-menu > ul > li{
      flex-shrink: 1;
    }
  }
}

.specialist-nav{
  display: flex;
  height: 100%;
  width: 100%;
  gap: 85px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.specialist-nav .specialist-nav-title{
  flex-shrink: 0;
}

.specialist-nav .specialist-nav-title a{
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
}

.specialist-nav .specialist-nav-list{
  margin: 0px;
  flex: 1 1 0%;
  list-style-type: none;
  -moz-columns: 3;
       columns: 3;
  gap: 80px;
  padding: 0px;
  -moz-column-rule: 1px solid #EDEAE8;
       column-rule: 1px solid #EDEAE8;
}

.specialist-nav .specialist-nav-list > li{
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
}

.specialist-nav .specialist-nav-list > li > a{
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-underline-offset: 4px;
}

.specialist-nav .specialist-nav-list > li > a:hover{
  text-decoration-line: underline;
}

.specialist-detail-para {
  /* @apply max-md:px-[20px]; */
}

.specialist-detail-para p{
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.letter-list{
  display: flex;
  gap: 1.25rem;
  padding-inline-start: 0px;
}

@media not all and (min-width: 768px){
  .letter-list{
    overflow: auto;
    padding-bottom: 10px;
  }
}

@media (min-width: 1024px){
  .letter-list{
    flex-wrap: wrap;
  }
}

.letter-list > li{
  display: flex;
  align-items: center;
  justify-content: center;
}

.letter-list > li.no-specialties{
  pointer-events: none;
  background-color: transparent;
  opacity: 0.4;
}

.letter-list > li > a{
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

body.letter-list > li > a {
  overflow-y: hidden;
}

.letter-list > li > a{
  box-sizing: border-box;
  height: 30px;
  width: 30px;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(2 9 17 / var(--tw-border-opacity));
  font-size: 22px;
  line-height: 22px;
}

.letter-list > li.active > a,
    .letter-list > li:hover > a{
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
}

.letter-list > li.active > a > span,
    .letter-list > li:hover > a > span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.letter-list > li > a > span{
  font-size: 20px;
  line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

/*Home Page*/

.main-banner-slider {
}

.main-banner-slider-wrapper{
  box-sizing: border-box;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding: 1.25rem;
}

@media not all and (min-width: 1024px){
  .main-banner-slider-wrapper{
    margin: 0px;
  }
}

@media (min-width: 1024px){
  .main-banner-slider-wrapper{
    border-radius: 20px;
    padding: 2.5rem;
  }
}

.mainBannerSldier{
  position: relative;
}

.main-banner-slider-card{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}

@media (min-width: 1024px){
  .main-banner-slider-card{
    gap: 2.5rem;
    height: 600px;
    flex-direction: row;
    align-items: stretch;
  }
}

.main-banner-slider-card--content{
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px){
  .main-banner-slider-card--content{
    justify-content: flex-start;
    padding-bottom: 60px;
  }
}

.main-banner-slider-card--content > div{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 768px){
  .main-banner-slider-card--content > div{
    gap: 0px;
  }
}

.main-banner-slider-card--content h2{
  max-width: 577px;
  font-size: 36px;
  line-height: 42px;
}

@media (min-width: 1024px){
  .main-banner-slider-card--content h2{
    font-size: 48px;
    line-height: 54px;
  }
}

.main-banner-slider-card--content h2{
  white-space: pre-line;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1440px){
  .main-banner-slider-card--content h2{
    font-size: 64px;
    line-height: 76px;
  }
}

.main-banner-slider-card--content h5{
  white-space: pre-line;
  font-family: Tajawal, sans-serif;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.main-banner-slider-card--image{
  flex: 1 1 0%;
  display: flex;
  aspect-ratio: 1 / 1;
  align-items: stretch;
  justify-content: center;
  overflow: hidden;
  border-radius: 20px;
}

body.main-banner-slider-card--image {
  overflow-y: hidden;
}

@media (min-width: 768px){
  .main-banner-slider-card--image{
    aspect-ratio: 2;
  }
}

@media (min-width: 1024px){
  .main-banner-slider-card--image{
    aspect-ratio: auto;
  }
}

.main-banner-slider-card--image > img,
    .main-banner-slider-card--image > video{
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.mainBannerSlider {
  width: 100%;
  height: 90vh;
  max-height: 800px;
}

.mainBannerSlider .swiper-slide {
  height: 100%;
  width: 100%;
}

.main-banner-btns{
  position: absolute;
  bottom: 150px;
  inset-inline-start: 1.25rem;
}

[dir="rtl"] .main-banner-btns{
  right: 1.25rem;
}

[dir="ltr"] .main-banner-btns{
  left: 1.25rem;
}

.main-banner-btns{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

@media (min-width: 1024px){
  .main-banner-btns{
    bottom: 0px;
    inset-inline-start: 0px;
    gap: 1rem;
  }

  [dir="rtl"] .main-banner-btns{
    right: 0px;
  }

  [dir="ltr"] .main-banner-btns{
    left: 0px;
  }
}

.main-banner-btns:where([dir="rtl"], [dir="rtl"] *){
  flex-direction: row-reverse;
}

.main-banner-next,
    .main-banner-prev{
  position: static;
  margin: 0px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0px;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

@media (min-width: 1024px){
  .main-banner-next,
    .main-banner-prev{
    height: 50px;
    width: 50px;
  }
}

.main-banner-next,
    .main-banner-prev{
  background-position: center;
  background-repeat: no-repeat;
  background-color: #80808080;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 7.5L11.25 15L18.75 22.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.main-banner-next{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main-banner-next::before,
    .main-banner-prev::before {
  /* content: ''; */
  background-image: none;
  --tw-content: none;
  content: var(--tw-content);
}

.main-banner-next::after,
    .main-banner-prev::after {
  /* content: ''; */
  display: none;
  background-image: none;
  --tw-content: none;
  content: var(--tw-content);
}

.kch-patient-count .kch-history-count .number-box{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media not all and (min-width: 768px){
  .kch-patient-count .kch-history-count .number-box{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.kch-patient-count .kch-history-count .number-box h2{
  min-height: 52px;
  padding-bottom: 0.75rem;
}

.kch-patient-count .kch-history-count .number-box:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.kch-patient-count .kch-history-count .number-box:nth-child(2){
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
}

.kch-patient-count .kch-history-count .number-box:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(221 218 238 / var(--tw-bg-opacity));
}

.kch-history-count{
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 30px;
}

@media (min-width: 768px){
  .kch-history-count{
    margin-top: 50px;
  }
}

@media (min-width: 1024px){
  .kch-history-count{
    gap: 80px;
  }
}

.kch-history-count-card{
  grid-column: span 12 / span 12;
}

@media (min-width: 1024px){
  .kch-history-count-card{
    grid-column: span 4 / span 4;
  }
}

.kch-history-count-card > div{
  display: flex;
  gap: 1.25rem;
}

.kch-history-count-card--content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.25rem;
}

.blue-box-icon{
  display: flex;
  height: 60px;
  width: 60px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .blue-box-icon{
    height: 96px;
    width: 96px;
  }
}

@media not all and (min-width: 768px){
  .blue-box-icon > img{
    height: 1.5rem;
    width: 1.5rem;
  }
}

.scrolled .career-main,
    .career-main{
  padding-top: 2.5rem;
}

@media (min-width: 768px){
  .scrolled .career-main,
    .career-main{
    padding-top: 5rem;
  }
}

.modal-content--hamburger{
  display: flex;
  flex-direction: column;
  top: auto;
  bottom: 0px;
  height: 100%;
  width: 100%;
  max-width: 501px;
  border-radius: 14px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(202 207 212 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .modal-content--hamburger{
    height: calc(100vh - 50px);
  }
}

.modal-content--hamburger-actions{
  height: 105px;
  width: 100%;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(202 207 212 / var(--tw-border-opacity));
}

#sidebar-close-icon{
  display: flex;
  height: 100%;
  width: 100px;
  align-items: center;
  justify-content: center;
  margin-inline-start: auto;
  border-left: solid 1px #CACFD4;
}

#sidebar-close-icon:where([dir="rtl"], [dir="rtl"] *){
  border-style: none;
  border-right: solid 1px #CACFD4;
}

.slidebar-nav-menu-wrapper{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}

.sidebar-nav-menu--menu{
  width: 100%;
  flex: 1 1 0%;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(202 207 212 / var(--tw-border-opacity));
}

.sidebar-nav-menu--menu .sidebar-nav-menu-wrapper{
  display: flex;
  height: 100%;
  flex-direction: column;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.sidebar-nav-menu--login{
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}

@media not all and (min-width: 768px){
  .sidebar-nav-menu--login{
    padding-top: 1.5rem;
  }
}

@media (min-width: 1024px){
  .sidebar-nav-menu--login{
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.booking-review-details{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 768px){
  .booking-review-details{
    margin-bottom: 5rem;
  }
}

.booking-review-details-wrapper, .patientselectdiv{
  box-sizing: border-box;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 246 / var(--tw-bg-opacity));
  padding: 1.25rem;
  padding-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

@media (min-width: 768px){
  .booking-review-details-wrapper, .patientselectdiv{
    padding: 30px;
  }
}

.review-details-title{
  font-family: Tajawal-Medium, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
  margin-bottom: 30px;
}

@media (min-width: 768px){
  .review-details-title{
    margin-bottom: 2.5rem;
  }
}

.review-details-table{
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.5rem;
}

@media (min-width: 768px){
  .review-details-table{
    flex-direction: row;
    gap: 0px;
  }
}

.review-details-table > div{
  flex: 1 1 0%;
}

.review-details-table > div > h5{
  font-family: Tajawal-Regular, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
  margin-bottom: 1.25rem;
}

.review-details-patient{
  box-sizing: border-box;
}

@media (min-width: 768px){
  .review-details-patient{
    padding-inline-end: 3rem;
  }
}

.review-details-patient table{
  width: 100%;
}

.review-details-patient tr td{
  box-sizing: border-box;
  padding-bottom: 0.5rem;
}

.review-details-patient tr:last-of-type td{
  padding-bottom: 0px;
}

.review-details-patient td{
  word-break: break-all;
  vertical-align: baseline;
  font-family: Tajawal-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (min-width: 768px){
  .review-details-patient td{
    font-size: 18px;
    line-height: 26px;
  }
}

.review-details-patient tr td:first-child{
  box-sizing: border-box;
  font-family: Tajawal-Light, sans-serif;
  font-weight: 300;
  line-height: 17.6px;
  padding-inline-end: 1.25rem;
}

@media (min-width: 768px){
  .review-details-patient tr td:first-child{
    max-width: 200px;
    line-height: 21.6px;
  }
}

.review-details-appointment{
  box-sizing: border-box;
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 211 203 / var(--tw-border-opacity));
  padding-top: 2.5rem;
}

@media (min-width: 768px){
  .review-details-appointment{
    border-top-width: 0px;
    padding-top: 0px;
    padding-inline-start: 3rem;
    border-inline-start-width: 1px;
  }
}

.review-details-appointment table{
  width: 100%;
}

.review-details-appointment tr td{
  box-sizing: border-box;
  padding-bottom: 0.5rem;
}

.review-details-appointment tr:last-of-type td{
  padding-bottom: 0px;
}

.review-details-appointment td{
  word-break: break-all;
  vertical-align: baseline;
  font-family: Tajawal-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (min-width: 768px){
  .review-details-appointment td{
    font-size: 18px;
    line-height: 26px;
  }
}

.review-details-appointment tr td:first-child{
  box-sizing: border-box;
  font-family: Tajawal-Light, sans-serif;
  font-weight: 300;
  line-height: 17.6px;
  padding-inline-end: 1.25rem;
}

@media (min-width: 768px){
  .review-details-appointment tr td:first-child{
    max-width: 140px;
    line-height: 21.6px;
  }
}

.review-details-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

@media (min-width: 768px){
  .review-details-actions{
    gap: 2.5rem;
  }
}

#editDetails{
  margin: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  font-family: Tajawal-Regular, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration-line: underline;
  text-underline-offset: 8px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#editDetails:hover{
  text-decoration-line: none;
}

#bookAppointment{
  margin: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-sizing: border-box;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 14px;
  padding-bottom: 10px;
}

#bookAppointment:hover{
  background-color: transparent;
}

#bookAppointment{
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  text-align: center;
  font-family: Tajawal-Medium, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#bookAppointment:hover{
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  #bookAppointment{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 19px;
    padding-bottom: 15px;
  }
}

/* MODAL */

#bookingModal{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  display: none;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0,0,0,.2);
}

#bookingModal .container{
  height: 100%;
  width: 100%;
}

.booking-modal-wrapper{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.booking-modal-card{
  box-sizing: border-box;
  flex-basis: 846px;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px){
  .booking-modal-card{
    padding: 50px;
  }
}

.booking-modal-title{
  margin-bottom: 1.25rem;
  text-align: center;
  font-family: Tajawal-Regular, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 56px;
}

.booking-modal-subtitle, .booking-modal-subtitle span{
  margin-bottom: 5px;
  text-align: center;
  font-family: Tajawal-Medium, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
}

.booking-modal-message{
  margin-bottom: 1.25rem;
  text-align: center;
  font-family: Tajawal-Regular, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

#continueBooking, .appointmentbtn{
  margin: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-sizing: border-box;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 13px;
  padding-bottom: 7px;
}

#continueBooking:hover, .appointmentbtn:hover{
  background-color: transparent;
}

#continueBooking, .appointmentbtn{
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  font-family: Tajawal-Medium, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#continueBooking:hover, .appointmentbtn:hover{
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

.supplier-registration-main-image{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px){
  .supplier-registration-main-image{
    height: 100vh;
    padding-bottom: 2.5rem;
  }
}

.supplier-registration-main-image > img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.supplier-registration{
  box-sizing: border-box;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  background-size: 300px;
}

@media (min-width: 768px){
  .supplier-registration{
    padding-top: 1.25rem;
    background-size: 400px;
  }
}

.supplier-registration {
  background-image: url('https://res.cloudinary.com/ds4wordnk/image/upload/v1727350001/bg-supplier_oqbru4.png');
}

.supplier-registration-title{
  margin-bottom: 60px;
  text-align: center;
  font-family: Tajawal-Bold, sans-serif;
}

@media (min-width: 768px){
  .supplier-registration-title{
    margin-bottom: 100px;
  }
}

.supplier-registration-content{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.supplier-registration-content > *:first-child{
  margin-top: 0px;
}

.supplier-registration-content > *:last-child{
  margin-bottom: 0px;
}

.supplier-registration-content > h3{
  margin-top: 2.5rem;
  margin-bottom: 30px;
  font-family: Tajawal-Bold, sans-serif;
}

.supplier-registration-content > p{
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Tajawal-Regular, sans-serif;
}

.supplier-registration-content > p > a{
  word-break: break-all;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.supplier-registration-content > p > a:hover{
  text-decoration-line: underline;
}

.supplier-registration-actions{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 500px;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 1.25rem;
}

.btn-register, .btn-login{
  flex-grow: 1;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-sizing: border-box;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 13px;
  padding-bottom: 7px;
}

.btn-register:hover, .btn-login:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.btn-register, .btn-login{
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  text-align: center;
  font-family: Tajawal-Medium, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn-register:hover, .btn-login:hover{
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

.btn-register svg, .btn-login svg{
  position: relative;
  top: -0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn-register:hover svg, .btn-login:hover svg{
  fill: #0B2443;
}

.btn-download-guide{
  flex-basis: 100%;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-sizing: border-box;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 13px;
  padding-bottom: 7px;
}

.btn-download-guide:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
}

.btn-download-guide{
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  text-align: center;
  font-family: Tajawal-Bold, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn-download-guide:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-download-guide {
  flex-grow: 2;
}

.supplier-registration-icons{
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.supplier-registration-icons > img{
  display: block;
  height: 100%;
  width: 100%;
  max-width: 500px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.lp-main-banner{
  margin-left: 18px;
  margin-right: 18px;
  margin-top: 18px;
  margin-bottom: 32px;
}

@media (min-width: 768px){
  .lp-main-banner{
    margin-top: 25px;
    margin-bottom: 50px;
  }
}

@media (min-width: 1160px){
  .lp-main-banner{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}

.lp-main-banner{
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 20px;
}

body.lp-main-banner {
  overflow-y: hidden;
}

@media not all and (min-width: 768px){
  .lp-main-banner .container-lp{
    padding-left: 18px;
    padding-right: 18px;
  }
}

.lp-main-banner-background{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  height: 100%;
  width: 100%;
}

[dir="rtl"] .lp-main-banner-background{
  right: 0px;
}

[dir="ltr"] .lp-main-banner-background{
  left: 0px;
}

.lp-main-banner-background>img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  --tw-brightness: brightness(.75);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.lp-main-banner-text{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px;
  position: relative;
  box-sizing: border-box;
  height: 592px;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-top: 108px;
}

@media (min-width: 768px){
  .lp-main-banner-text{
    height: 564px;
    justify-content: center;
    gap: 17px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.lp-main-banner-text--heading{
  margin: 0px;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-main-banner-text--heading{
  text-align: right;
}

[dir="ltr"] .lp-main-banner-text--heading{
  text-align: left;
}

.lp-main-banner-text--heading:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-main-banner-text--heading{
    font-size: 46px;
    font-weight: 400;
    line-height: 46px;
  }
}

.lp-main-banner-text--subtitle{
  margin: 0px;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 34px;
  letter-spacing: 2.4px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-main-banner-text--subtitle{
  text-align: right;
}

[dir="ltr"] .lp-main-banner-text--subtitle{
  text-align: left;
}

.lp-main-banner-text--subtitle:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-main-banner-text--subtitle{
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 2.8px;
  }
}

.lp-text{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px){
  .lp-text{
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.lp-text-wrapper{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  max-width: 1040px;
}

.lp-text-wrapper:first-of-type{
  margin-top: 0px;
}

.lp-text-wrapper:last-of-type{
  margin-bottom: 0px;
}

@media (min-width: 768px){
  .lp-text-wrapper{
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
}

.lp-text-wrapper>*:first-child{
  margin-top: 0px;
}

.lp-text-wrapper>*:last-child{
  margin-bottom: 0px;
}

.lp-text-wrapper h2{
  margin: 0px;
  margin-bottom: 0.25rem;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-text-wrapper h2{
  text-align: right;
}

[dir="ltr"] .lp-text-wrapper h2{
  text-align: left;
}

.lp-text-wrapper h2:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-text-wrapper h2{
    margin-bottom: 0.5rem;
  }
}

.lp-text-wrapper h3{
  margin: 0px;
  margin-bottom: 0.5rem;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-text-wrapper h3{
  text-align: right;
}

[dir="ltr"] .lp-text-wrapper h3{
  text-align: left;
}

.lp-text-wrapper h3:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-text-wrapper h3{
    margin-bottom: 1rem;
  }
}

.lp-text-wrapper>ul{
  margin: 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style-type: none;
  padding: 0px;
  padding-inline-start: 1.25rem;
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.587' height='15.36' viewBox='0 0 13.587 15.36'%3E%3Cg id='Bullet' transform='translate(-3.05 -1.36)' opacity='0.4'%3E%3Cpath id='Path_67' data-name='Path 67' d='M9.214,20.665l-.031.052.031-.052-6.059-3.5a.207.207,0,0,1-.1-.184v-7a.227.227,0,0,1,.1-.189.224.224,0,0,1,.215,0l6.059,3.5a.207.207,0,0,1,.1.184v7a.2.2,0,0,1-.1.184.224.224,0,0,1-.215,0Z' transform='translate(0 -3.997)' fill='%2339a8e0'/%3E%3Cpath id='Path_68' data-name='Path 68' d='M22.864,9.755a.189.189,0,0,1,.1.031.207.207,0,0,1,.1.184v7a.212.212,0,0,1-.1.184l-6.059,3.5a.224.224,0,0,1-.215,0,.209.209,0,0,1-.1-.189v-7a.212.212,0,0,1,.1-.184l6.059-3.5a.189.189,0,0,1,.1-.031Z' transform='translate(-6.437 -3.989)' fill='%2339a8e0'/%3E%3Cpath id='Path_69' data-name='Path 69' d='M10.314,1.36a.239.239,0,0,1,.1.026l6.059,3.5a.207.207,0,0,1,.1.184.212.212,0,0,1-.1.184l-6.059,3.5a.224.224,0,0,1-.215,0l-6.059-3.5a.207.207,0,0,1-.1-.184.212.212,0,0,1,.1-.184L10.2,1.391a.184.184,0,0,1,.1-.026Z' transform='translate(-0.471)' fill='%2339a8e0'/%3E%3C/g%3E%3C/svg%3E%0A");
  list-style-position: outside;
}

.lp-text-wrapper li{
  margin: 0px;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-text-wrapper li{
  text-align: right;
}

[dir="ltr"] .lp-text-wrapper li{
  text-align: left;
}

.lp-text-wrapper li:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-text-wrapper li{
    font-size: 18px;
    line-height: 27px;
  }
}

.lp-text-wrapper p{
  margin: 0px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-text-wrapper p{
  text-align: right;
}

[dir="ltr"] .lp-text-wrapper p{
  text-align: left;
}

.lp-text-wrapper p:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-text-wrapper p{
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 18px;
    line-height: 27px;
  }
}

.lp-text-wrapper p {
  &:strong{
    font-weight: 700;
  }
}

.check-up-table{
  margin-top: 50px;
  margin-bottom: 56px;
}

@media (min-width: 768px){
  .check-up-table{
    margin-top: 2.5rem;
    margin-bottom: 69px;
  }
}

.check-up-table-title{
  margin: 0px;
  margin-bottom: 1.5rem;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .check-up-table-title{
  text-align: right;
}

[dir="ltr"] .check-up-table-title{
  text-align: left;
}

.check-up-table-title:empty{
  display: none;
}

@media (min-width: 768px){
  .check-up-table-title{
    margin-bottom: 1.25rem;
  }
}

.check-up-accordian{
  overflow: hidden;
}

body.check-up-accordian {
  overflow-y: hidden;
}

.check-up-accordian{
  box-sizing: border-box;
  border-collapse: collapse;
  border-style: none;
  --tw-border-opacity: 1;
  border-color: rgb(84 97 108 / var(--tw-border-opacity));
}

@media (min-width: 768px){
  .kch-patient-count .check-up-accordian .number-box{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  @media not all and (min-width: 768px){
    .kch-patient-count .check-up-accordian .number-box{
      padding-left: 30px;
      padding-right: 30px;
    }
  }

  .kch-patient-count .check-up-accordian .number-box h2{
    min-height: 52px;
    padding-bottom: 0.75rem;
  }

  .kch-patient-count .check-up-accordian .number-box:nth-child(1){
    --tw-bg-opacity: 1;
    background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  }

  .kch-patient-count .check-up-accordian .number-box:nth-child(2){
    --tw-bg-opacity: 1;
    background-color: rgb(205 232 216 / var(--tw-bg-opacity));
  }

  .kch-patient-count .check-up-accordian .number-box:nth-child(3){
    --tw-bg-opacity: 1;
    background-color: rgb(221 218 238 / var(--tw-bg-opacity));
  }

  .check-up-accordian{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-radius: 0.75rem;
    border-width: 1px;
    border-style: solid;
  }

  .kch-patient-count .check-up-accordian-item .number-box{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  @media not all and (min-width: 768px){
    .kch-patient-count .check-up-accordian-item .number-box{
      padding-left: 30px;
      padding-right: 30px;
    }
  }

  .kch-patient-count .check-up-accordian-item .number-box h2{
    min-height: 52px;
    padding-bottom: 0.75rem;
  }

  .kch-patient-count .check-up-accordian-item .number-box:nth-child(1){
    --tw-bg-opacity: 1;
    background-color: rgb(237 234 232 / var(--tw-bg-opacity));
  }

  .kch-patient-count .check-up-accordian-item .number-box:nth-child(2){
    --tw-bg-opacity: 1;
    background-color: rgb(205 232 216 / var(--tw-bg-opacity));
  }

  .kch-patient-count .check-up-accordian-item .number-box:nth-child(3){
    --tw-bg-opacity: 1;
    background-color: rgb(221 218 238 / var(--tw-bg-opacity));
  }

  .check-up-accordian-item{
    display: grid;
    grid-row: span 2/span 2;
    grid-template-rows: subgrid;
  }
}

.check-up-accordian-item{
  box-sizing: border-box;
  border-collapse: collapse;
}

@media (min-width: 768px){
  .check-up-accordian-item{
    border-right: solid 0.5px #54616C;
  }

  .check-up-accordian-item:last-child{
    border-style: none;
  }

  .check-up-accordian-item:where([dir="rtl"], [dir="rtl"] *){
    border-right-width: 0px;
    border-left: solid 0.5px #54616C;
  }
}

@media not all and (min-width: 768px){
  .check-up-accordian-item{
    margin-bottom: 0.5rem;
    overflow: hidden;
    border-radius: 0.75rem;
    border: solid 0.5px #54616C;
  }
}

.check-up-accordian-item--title{
  box-sizing: border-box;
  min-height: 54px;
  --tw-bg-opacity: 1;
  background-color: rgb(13 36 67 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
}

@media (min-width: 768px){
  .check-up-accordian-item--title{
    align-items: flex-start;
    justify-content: center;
  }
}

.check-up-accordian-item--title {
  &::after{
    margin-inline-start: auto;
  }
  &::after{
    display: block;
  }
  &::after{
    height: 18px;
  }
  &::after{
    width: 18px;
  }
  &::after{
    flex-shrink: 0;
  }
  &::after{
    margin-inline-start: auto;
  }
  @media (min-width: 768px){
    &::after{
      display: none;
    }
  }
  &::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Edit / Add_Plus'%3E%3Cpath id='Vector' d='M6 12H12M12 12H18M12 12V18M12 12V6' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 18px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.check-up-accordian-item.active .check-up-accordian-item--title {
  &::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Edit / Remove_Minus'%3E%3Cpath id='Vector' d='M6 12H18' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
}

.check-up-accordian-item--title>span{
  margin: 0px;
  text-align: center;
  font-family: Tajawal, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.check-up-accordian-item--title>span:empty{
  display: none;
}

.check-up-accordian-item--content{
  box-sizing: border-box;
  display: none;
  padding: 1.5rem;
}

@media (min-width: 768px){
  .check-up-accordian-item--content{
    display: block !important;
  }
}

.check-up-accordian-item--content>*:first-child{
  margin-top: 0px;
}

.check-up-accordian-item--content>*:last-child{
  margin-bottom: 0px;
}

.check-up-accordian-item--content>ul{
  margin: 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style-type: none;
  padding: 0px;
  padding-inline-start: 1.25rem;
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.587' height='15.36' viewBox='0 0 13.587 15.36'%3E%3Cg id='Bullet' transform='translate(-3.05 -1.36)' opacity='0.4'%3E%3Cpath id='Path_67' data-name='Path 67' d='M9.214,20.665l-.031.052.031-.052-6.059-3.5a.207.207,0,0,1-.1-.184v-7a.227.227,0,0,1,.1-.189.224.224,0,0,1,.215,0l6.059,3.5a.207.207,0,0,1,.1.184v7a.2.2,0,0,1-.1.184.224.224,0,0,1-.215,0Z' transform='translate(0 -3.997)' fill='%2339a8e0'/%3E%3Cpath id='Path_68' data-name='Path 68' d='M22.864,9.755a.189.189,0,0,1,.1.031.207.207,0,0,1,.1.184v7a.212.212,0,0,1-.1.184l-6.059,3.5a.224.224,0,0,1-.215,0,.209.209,0,0,1-.1-.189v-7a.212.212,0,0,1,.1-.184l6.059-3.5a.189.189,0,0,1,.1-.031Z' transform='translate(-6.437 -3.989)' fill='%2339a8e0'/%3E%3Cpath id='Path_69' data-name='Path 69' d='M10.314,1.36a.239.239,0,0,1,.1.026l6.059,3.5a.207.207,0,0,1,.1.184.212.212,0,0,1-.1.184l-6.059,3.5a.224.224,0,0,1-.215,0l-6.059-3.5a.207.207,0,0,1-.1-.184.212.212,0,0,1,.1-.184L10.2,1.391a.184.184,0,0,1,.1-.026Z' transform='translate(-0.471)' fill='%2339a8e0'/%3E%3C/g%3E%3C/svg%3E%0A");
  list-style-position: outside;
}

.lp-text-wrapper li{
  margin: 0px;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-text-wrapper li{
  text-align: right;
}

[dir="ltr"] .lp-text-wrapper li{
  text-align: left;
}

.lp-text-wrapper li:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-text-wrapper li{
    font-size: 18px;
    line-height: 27px;
  }
}

.check-up-accordian-item--content p{
  margin: 0px;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .check-up-accordian-item--content p{
  text-align: right;
}

[dir="ltr"] .check-up-accordian-item--content p{
  text-align: left;
}

.check-up-accordian-item--content p:empty{
  display: none;
}

.check-up-accordian-item--content p{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px){
  .check-up-accordian-item--content p{
    font-size: 18px;
    line-height: 27px;
  }
}

.check-up-accordian-item--content p {
  &:strong{
    font-weight: 700;
  }
}

.lp-book-an-appointment{
  margin-top: 45px;
  margin-bottom: 80px;
}

@media (min-width: 768px){
  .lp-book-an-appointment{
    margin-top: 88px;
    margin-bottom: 112px;
  }
}

.lp-book-an-appointment-title{
  margin: 0px;
  margin-bottom: 1.5rem;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(181 143 53 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-book-an-appointment-title{
  text-align: right;
}

[dir="ltr"] .lp-book-an-appointment-title{
  text-align: left;
}

.lp-book-an-appointment-title:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-book-an-appointment-title{
    margin-bottom: 2.5rem;
    text-align: center;
  }
}

#bookAnAppointmentForm{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 638px;
}

.health-checkup-table{
  margin-top: 56px;
  margin-bottom: 56px;
  overflow: hidden;
}

body.health-checkup-table {
  overflow-y: hidden;
}

@media (min-width: 768px){
  .health-checkup-table{
    margin-top: 70px;
    margin-bottom: 120px;
  }
}

.health-checkup-table-title{
  margin: 0px;
  margin-bottom: 1.5rem;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(181 143 53 / var(--tw-text-opacity));
}

[dir="rtl"] .health-checkup-table-title{
  text-align: right;
}

[dir="ltr"] .health-checkup-table-title{
  text-align: left;
}

.health-checkup-table-title:empty{
  display: none;
}

@media (min-width: 768px){
  .health-checkup-table-title{
    margin-bottom: 2.5rem;
    text-align: center;
  }
}

.health-checkup-table-wrapper{
  overflow-x: auto;
}

.health-checkup-table table{
  width: 1088px;
}

.health-checkup-table table tr {
  display: grid;
  grid-template-columns: 70px repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-flow: column;
  white-space: nowrap;
  /* Prevents wrapping */
}

.health-checkup-table table th{
  display: flex;
  min-height: 66px;
  align-items: center;
  justify-content: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  margin-inline-end: 0.25rem;
  box-sizing: border-box;
  overflow: hidden;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(181 143 53 / var(--tw-bg-opacity));
}

body.health-checkup-table table th {
  overflow-y: hidden;
}

.health-checkup-table table th{
  white-space: pre-line;
  text-align: center;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 21px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.health-checkup-table table th:first-child{
  margin-inline-end: 0px;
}

.health-checkup-table table th:last-child{
  margin-inline-end: 0px;
}

.health-checkup-table table th:first-child{
  background-color: transparent;
}

.health-checkup-table table th {
  /* @apply first:w-[70px]; */
}

.health-checkup-table table td{
  display: flex;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  margin-inline-end: 0.25rem;
  box-sizing: border-box;
  background-color: transparent;
}

.health-checkup-table table td:first-child{
  margin-inline-end: 0px;
}

.health-checkup-table table td:last-child{
  margin-inline-end: 0px;
}

.health-checkup-table table td{
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: rgb(84 97 108 / var(--tw-border-opacity));
  border-collapse: collapse;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(181 143 53 / var(--tw-border-opacity));
  border-top-color: transparent;
}

.health-checkup-table table span{
  white-space: pre-line;
  text-align: center;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
  &>strong{
    font-weight: 700;
  }
}

.health-checkup-table table tbody tr td:first-of-type{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(181 143 53 / var(--tw-border-opacity));
  border-top-color: transparent;
  border-inline-end-width: 0px;
}

.health-checkup-table table tbody tr td:first-of-type img,
    .health-checkup-table table tbody tr td:first-of-type svg{
  display: block;
  height: 2.25rem;
  width: 2.25rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.health-checkup-table table tbody tr:first-of-type td{
  --tw-border-opacity: 1;
  border-top-color: rgb(181 143 53 / var(--tw-border-opacity));
}

.health-checkup-table table tbody tr:first-of-type td:first-of-type{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

[dir="ltr"] .health-checkup-table table tbody tr:first-of-type td:first-of-type{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

[dir="rtl"] .health-checkup-table table tbody tr:first-of-type td:first-of-type{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.health-checkup-table table tbody tr:last-of-type td:first-of-type{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

[dir="ltr"] .health-checkup-table table tbody tr:last-of-type td:first-of-type{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

[dir="rtl"] .health-checkup-table table tbody tr:last-of-type td:first-of-type{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.health-checkup-table table tfoot td{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(84 97 108 / var(--tw-border-opacity));
}

.health-checkup-table table tfoot td:first-child{
  border-style: none;
}

.health-checkup-table table tfoot td{
  white-space: pre-line;
  text-align: center;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(181 143 53 / var(--tw-text-opacity));
}

.lp-packages{
  margin-top: 103px;
  margin-bottom: 2.5rem;
}

.lp-packages-title{
  margin: 0px;
  margin-bottom: 1.5rem;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(181 143 53 / var(--tw-text-opacity));
}

[dir="rtl"] .lp-packages-title{
  text-align: right;
}

[dir="ltr"] .lp-packages-title{
  text-align: left;
}

.lp-packages-title:empty{
  display: none;
}

@media (min-width: 768px){
  .lp-packages-title{
    margin-bottom: 1.75rem;
    text-align: center;
  }
}

.lp-packages-wrapper{
  overflow-x: auto;
  padding-bottom: 0.5rem;
}

.packages-table{
  min-width: 920px;
}

.packages-table .tr-1,
    .tr-2{
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(2 9 17 / var(--tw-border-opacity));
}

.packages-table .tr-1 th{
  margin: 0px;
  box-sizing: border-box;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .packages-table .tr-1 th{
  text-align: right;
}

[dir="ltr"] .packages-table .tr-1 th{
  text-align: left;
}

.packages-table .tr-1 th[colspan]{
  text-align: center;
}

.packages-table .tr-2 td{
  margin: 0px;
  box-sizing: border-box;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
  min-width: 130px;
}

/* .packages-table .tr-2 td[colspan] {
        @apply w-auto;
    } */

.packages-table tbody tr td{
  margin: 0px;
  box-sizing: border-box;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(2 9 17 / var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: middle;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .packages-table tbody tr td{
  text-align: right;
}

[dir="ltr"] .packages-table tbody tr td{
  text-align: left;
}

.packages-table tbody tr td{
  margin: 0px;
  box-sizing: border-box;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(2 9 17 / var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: middle;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity));
}

[dir="rtl"] .packages-table tbody tr td{
  text-align: right;
}

[dir="ltr"] .packages-table tbody tr td{
  text-align: left;
}

.packages-table tbody tr td:nth-child(1)[rowspan]{
  vertical-align: top;
  font-weight: 700;
}

.packages-table .td-star{
  text-align: center;
}

.packages-table .td-star.has-star{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17.228' viewBox='0 0 18 17.228'%3E%3Cpath id='Icon_awesome-star' data-name='Icon awesome-star' d='M9.476.6l-2.2,4.455L2.363,5.77a1.077,1.077,0,0,0-.6,1.837l3.556,3.465-.841,4.9A1.076,1.076,0,0,0,6.044,17.1l4.4-2.311,4.4,2.311A1.077,1.077,0,0,0,16.4,15.967l-.841-4.9,3.556-3.465a1.077,1.077,0,0,0-.6-1.837L13.6,5.053,11.407.6A1.078,1.078,0,0,0,9.476.6Z' transform='translate(-1.441 0.001)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.call-to-book{
  margin-top: 5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 768px){
  .call-to-book{
    padding-bottom: 5rem;
  }
}

.call-to-book h2{
  margin: 0px;
  margin-bottom: 1.5rem;
  white-space: pre-line;
  text-align: start;
  font-family: Tajawal, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
}

[dir="rtl"] .call-to-book h2{
  text-align: right;
}

[dir="ltr"] .call-to-book h2{
  text-align: left;
}

.call-to-book h2:empty{
  display: none;
}

@media (min-width: 768px){
  .call-to-book h2{
    text-align: center;
  }
}

.btn-call-to-book{
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  box-sizing: border-box;
  min-height: 50px;
  min-width: 164px;
  cursor: pointer;
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(13 36 67 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(13 36 67 / var(--tw-bg-opacity));
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  margin-left: auto;
  margin-right: auto;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn-call-to-book:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.btn-call-to-book span{
  margin: 0px;
  text-align: center;
  font-family: Tajawal, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn-call-to-book:hover span{
  --tw-text-opacity: 1;
  color: rgb(13 36 67 / var(--tw-text-opacity));
}

.btn-call-to-book svg{
  fill: #FFFFFF;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn-call-to-book:hover svg{
  fill: #0D2443;
}

#lp-f1-main-img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px){
  #lp-f1-main-img{
    max-height: 600px;
  }
}

#lp-f1-main-body-cnt{
  overflow: hidden;
  padding-bottom: 4rem;
}

body#lp-f1-main-body-cnt {
  overflow-y: hidden;
}

@media (min-width: 768px){
  #lp-f1-main-body-cnt{
    padding-top: 0px;
    padding-bottom: 8rem;
  }
}

.lp-f1-content-wrapper > *:last-child{
  margin-bottom: 0px;
}

.lp-f1-content-wrapper h2{
  margin-bottom: 0.25rem;
  font-size: 1.60rem;
  font-weight: 600;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

.lp-f1-content-wrapper h2:empty{
  display: none;
}

.lp-f1-content-wrapper p{
  margin-bottom: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.lp-f1-content-wrapper p:empty{
  display: none;
}

.lp-f1-content-wrapper a{
  margin-bottom: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.lp-f1-content-wrapper a:empty{
  display: none;
}

section.lp-f1-links{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.lp-f1-links--links{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 1.25rem;
}

.lp-f1-links--links > a{
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  padding: 1.25rem;
  font-size: 1.10rem;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.lp-f1-links--links > a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

section.lp-f1-images{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.lp-f1-images-wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 1.25rem;
}

.lp-f1-images-wrapper > a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 150px;
  overflow: hidden;
}

body.lp-f1-images-wrapper > a {
  overflow-y: hidden;
}

.lp-f1-images-wrapper > a > img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

header.landing-page-header,
    header.landing-page-header.scrolled{
  display: flex;
  align-items: center;
  position: fixed;
  top: 0px;
  inset-inline-start: 0px;
  z-index: 50;
  height: 87px;
  width: 100vw;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

[dir="rtl"] header.landing-page-header,[dir="rtl"] 
    header.landing-page-header.scrolled{
  right: 0px;
}

[dir="ltr"] header.landing-page-header,[dir="ltr"] 
    header.landing-page-header.scrolled{
  left: 0px;
}

@media (min-width: 768px){
  header.landing-page-header,
    header.landing-page-header.scrolled{
    height: 168px;
  }
}

header.landing-page-header .kch-container{
  width: 100%;
}

.landing-page-header-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

@media (min-width: 768px){
  .landing-page-header-nav{
    gap: 2.5rem;
  }
}

.landing-page-header-logo{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 250px;
  flex: 1 1 0%;
}

@media (min-width: 768px){
  .landing-page-header-logo{
    max-width: 350px;
  }
}

.landing-page-header-logo > img{
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.landing-page-header-links{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}

@media (min-width: 768px){
  .landing-page-header-links{
    gap: 1.25rem;
  }
}

.landing-page-header-link{
  margin: 0px;
  display: flex;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
}

@media (min-width: 768px){
  .landing-page-header-link{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1024px){
  .landing-page-header-link{
    height: 58px;
    min-width: 250px;
  }
}

.landing-page-header-link{
  margin: 0px;
  text-align: start;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

[dir="rtl"] .landing-page-header-link{
  text-align: right;
}

[dir="ltr"] .landing-page-header-link{
  text-align: left;
}

@media (min-width: 1024px){
  .landing-page-header-link{
    font-size: 17px;
    line-height: 26px;
  }
}

@media (min-width: 1280px){
  .landing-page-header-link{
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 1440px){
  .landing-page-header-link{
    font-size: 20px;
    line-height: 32px;
  }
}

.landing-page-header-link{
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
  box-sizing: border-box;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.landing-page-header-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(11 36 67 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #FFFFFF;
}

@media not all and (min-width: 768px){
  .landing-page-header-link{
    font-size: 12px;
    line-height: 18px;
  }
}

.landing-page-header-link.landing-page-header-link-primary{
  min-width: -moz-fit-content;
  min-width: fit-content;
  box-sizing: border-box;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(11 36 67 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.landing-page-header-link.landing-page-header-link-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(11 36 67 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #FFFFFF;
}

.image-text-banner{
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  overflow: hidden;
}

body.image-text-banner {
  overflow-y: hidden;
}

@media (min-width: 1024px){
  .image-text-banner{
    margin-top: 133px;
    margin-bottom: 133px;
  }
}

.image-text-banner-row{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}

@media (min-width: 768px){
  .image-text-banner-row{
    gap: 2.5rem;
  }
}

@media (min-width: 1024px){
  .image-text-banner-row{
    flex-direction: row;
    gap: 5rem;
  }
}

.image-text-banner-row--image{
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

body.image-text-banner-row--image {
  overflow-y: hidden;
}

.image-text-banner-row--image{
  margin: 0px;
  box-sizing: border-box;
  border-radius: 1rem;
}

@media (min-width: 1024px){
  .image-text-banner-row--image{
    max-width: 807px;
  }
}

.image-text-banner-row--image > img{
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.image-text-banner-row--content{
  flex: 1 1 0%;
}

.image-text-banner-row--content h2{
  margin: 0px;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .image-text-banner-row--content h2{
    font-size: 36px;
    line-height: 48px;
  }
}

@media (min-width: 1024px){
  .image-text-banner-row--content h2{
    font-size: 44px;
    line-height: 56px;
  }
}

@media (min-width: 1280px){
  .image-text-banner-row--content h2{
    font-size: 50px;
    line-height: 63px;
  }
}

@media (min-width: 1440px){
  .image-text-banner-row--content h2{
    font-size: 60px;
    line-height: 73px;
  }
}

.image-text-banner-row--content h2{
  margin-bottom: 1.25rem;
  white-space: pre-line;
  text-align: start;
}

[dir="rtl"] .image-text-banner-row--content h2{
  text-align: right;
}

[dir="ltr"] .image-text-banner-row--content h2{
  text-align: left;
}

@media (min-width: 768px){
  .image-text-banner-row--content h2{
    margin-bottom: 2.25rem;
  }
}

.image-text-banner-row--content p{
  margin: 0px;
  text-align: start;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

[dir="rtl"] .image-text-banner-row--content p{
  text-align: right;
}

[dir="ltr"] .image-text-banner-row--content p{
  text-align: left;
}

@media (min-width: 1024px){
  .image-text-banner-row--content p{
    font-size: 17px;
    line-height: 26px;
  }
}

@media (min-width: 1280px){
  .image-text-banner-row--content p{
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 1440px){
  .image-text-banner-row--content p{
    font-size: 20px;
    line-height: 32px;
  }
}

.image-text-banner-row--content p{
  margin-bottom: 1.25rem;
  white-space: pre-line;
}

section.landing-page-banner{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  box-sizing: border-box;
  height: 100vh;
  min-height: -moz-max-content;
  min-height: max-content;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 768px){
  section.landing-page-banner{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.landing-page-banner-background{
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

[dir="rtl"] .landing-page-banner-background{
  right: 0px;
}

[dir="ltr"] .landing-page-banner-background{
  left: 0px;
}

body.landing-page-banner-background {
  overflow-y: hidden;
}

.landing-page-banner-background > img{
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.landing-page-banner-background::after{
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  height: 100%;
  width: 100%;
}

[dir="rtl"] .landing-page-banner-background::after{
  right: 0px;
}

[dir="ltr"] .landing-page-banner-background::after{
  left: 0px;
}

.landing-page-banner-background::after {
  content: '';
  background: linear-gradient(104.37deg, #0825434f 3.88%, #082543 100%);
}

.landing-page-banner-wrapper{
  margin-top: 87px;
  max-width: 700px;
}

@media (min-width: 768px){
  .landing-page-banner-wrapper{
    margin-top: 168px;
  }
}

.landing-page-banner-wrapper > *:last-child{
  margin-bottom: 0px;
}

.landing-page-banner-wrapper > h1{
  margin: 0px;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .landing-page-banner-wrapper > h1{
    font-size: 36px;
    line-height: 48px;
  }
}

@media (min-width: 1024px){
  .landing-page-banner-wrapper > h1{
    font-size: 44px;
    line-height: 56px;
  }
}

@media (min-width: 1280px){
  .landing-page-banner-wrapper > h1{
    font-size: 50px;
    line-height: 63px;
  }
}

@media (min-width: 1440px){
  .landing-page-banner-wrapper > h1{
    font-size: 60px;
    line-height: 73px;
  }
}

.landing-page-banner-wrapper > h1{
  text-align: start;
}

[dir="rtl"] .landing-page-banner-wrapper > h1{
  text-align: right;
}

[dir="ltr"] .landing-page-banner-wrapper > h1{
  text-align: left;
}

.landing-page-banner-wrapper > h1{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .landing-page-banner-wrapper > h1{
    margin-bottom: 2rem;
    white-space: pre-line;
  }
}

.landing-page-banner-wrapper > p{
  margin: 0px;
  margin-bottom: 1.25rem;
  text-align: start;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[dir="rtl"] .landing-page-banner-wrapper > p{
  text-align: right;
}

[dir="ltr"] .landing-page-banner-wrapper > p{
  text-align: left;
}

@media (min-width: 768px){
  .landing-page-banner-wrapper > p{
    margin-bottom: 2.5rem;
    white-space: pre-line;
    font-size: 24px;
    line-height: 37px;
  }
}

.landing-page-banner-links{
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}

@media (min-width: 768px){
  .landing-page-banner-links{
    margin-bottom: 2.25rem;
    flex-direction: row;
    gap: 1.5rem;
  }
}

.landing-page-banner-links > a{
  margin: 0px;
  display: flex;
  max-width: 268px;
  flex: 1 1 0%;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
  text-align: center;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.landing-page-banner-links > a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #0B2443;
}

.landing-page-banner-images{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}

.landing-page-banner-images > figure{
  margin: 0px;
  box-sizing: border-box;
  display: flex;
  aspect-ratio: 1.35;
  height: auto;
  max-width: 185px;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

body.landing-page-banner-images > figure {
  overflow-y: hidden;
}

.landing-page-banner-images > figure > img{
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

section.expertise-banner{
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  box-sizing: border-box;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

bodysection.expertise-banner {
  overflow-y: hidden;
}

@media (min-width: 1024px){
  section.expertise-banner{
    margin-top: 133px;
    margin-bottom: 133px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.expertise-banner-title{
  margin: 0px;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .expertise-banner-title{
    font-size: 36px;
    line-height: 48px;
  }
}

@media (min-width: 1024px){
  .expertise-banner-title{
    font-size: 44px;
    line-height: 56px;
  }
}

@media (min-width: 1280px){
  .expertise-banner-title{
    font-size: 50px;
    line-height: 63px;
  }
}

@media (min-width: 1440px){
  .expertise-banner-title{
    font-size: 60px;
    line-height: 73px;
  }
}

.expertise-banner-title{
  margin-bottom: 2.5rem;
  text-align: center;
}

@media (min-width: 768px){
  .expertise-banner-title{
    margin-bottom: 5rem;
    white-space: pre-line;
  }
}

.expertise-banner-list{
  margin: 0px;
  list-style-type: none;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  row-gap: 1.75rem;
}

@media (min-width: 768px){
  .expertise-banner-list{
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 50px;
  }
}

.expertise-banner-item{
  display: flex;
  max-width: 250px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

@media (min-width: 768px){
  .expertise-banner-item{
    max-width: 300px;
  }
}

.expertise-banner-item--icon{
  margin-bottom: 2.25rem;
  display: flex;
  height: 120px;
  width: 140px;
  align-items: center;
  justify-content: center;
}

.expertise-banner-item--icon > img{
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.expertise-banner-item--title{
  margin: 0px;
  margin-bottom: 1.5rem;
  white-space: pre-line;
  text-align: center;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .expertise-banner-item--title{
    font-size: 20px;
    line-height: 28px;
  }
}

.expertise-banner-item--description{
  margin: 0px;
  text-align: center;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .expertise-banner-item--description{
    white-space: pre-line;
    font-size: 18px;
    line-height: 28px;
  }
}

section.treatments-banner{
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  box-sizing: border-box;
  overflow: hidden;
}

bodysection.treatments-banner {
  overflow-y: hidden;
}

@media (min-width: 768px){
  section.treatments-banner{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 1024px){
  section.treatments-banner{
    margin-top: 180px;
    margin-bottom: 180px;
  }
}

.treatments-banner-wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  /* default: 1 col */
  gap: 0.75rem;
}

@media (min-width: 768px){
  .treatments-banner-wrapper{
    gap: 1.5rem;
  }
}

/* Last-item spanning logic for 1-column layout is not needed (full width by default) */

/* Tablet: 2 columns */

@media (min-width: 576px) {
  .treatments-banner-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Last-item spanning logic for 2-column layout */

  .treatments-banner-treatment:last-child:nth-child(2n + 1) {
    grid-column: span 2;
  }
}

/* Desktop: 3 columns */

@media (min-width: 1024px) {
  .treatments-banner-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* Last-item spanning logic for 3-column layout */

  .treatments-banner-treatment:last-child:nth-child(3n + 2) {
    grid-column: span 2;
  }

  .treatments-banner-treatment:last-child:nth-child(3n + 1) {
    grid-column: span 3;
  }
}

.treatments-banner-wrapper > div{
  max-height: 200px;
}

@media (min-width: 768px){
  .treatments-banner-wrapper > div{
    max-height: 420px;
  }
}

@media (min-width: 1024px){
  .treatments-banner-wrapper > div{
    max-height: 376.66px;
  }
}

@media (min-width: 1280px){
  .treatments-banner-wrapper > div{
    max-height: 483.31px;
  }
}

@media (min-width: 1440px){
  .treatments-banner-wrapper > div{
    max-height: 550px;
  }
}

@media (min-width: 1692px){
  .treatments-banner-wrapper > div{
    max-height: 650px;
  }
}

.treatments-banner-treatment{
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-start;
  overflow: hidden;
}

body.treatments-banner-treatment {
  overflow-y: hidden;
}

.treatments-banner-treatment{
  box-sizing: border-box;
  aspect-ratio: 0.8;
  padding: 1.25rem;
}

@media (min-width: 768px){
  .treatments-banner-treatment{
    padding: 2.5rem;
  }
}

.treatments-banner-treatment--image{
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

[dir="rtl"] .treatments-banner-treatment--image{
  right: 0px;
}

[dir="ltr"] .treatments-banner-treatment--image{
  left: 0px;
}

body.treatments-banner-treatment--image {
  overflow-y: hidden;
}

.treatments-banner-treatment--image > img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.treatments-banner-treatment--image::after{
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  height: 100%;
  width: 100%;
}

[dir="rtl"] .treatments-banner-treatment--image::after{
  right: 0px;
}

[dir="ltr"] .treatments-banner-treatment--image::after{
  left: 0px;
}

.treatments-banner-treatment--image::after {
  content: '';
  background: linear-gradient(180deg, rgba(8, 37, 67, 0.17) 0%, #082543 100%);
}

.treatments-banner-treatment--title{
  position: relative;
  margin: 0px;
  white-space: pre-line;
  text-align: start;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[dir="rtl"] .treatments-banner-treatment--title{
  text-align: right;
}

[dir="ltr"] .treatments-banner-treatment--title{
  text-align: left;
}

@media (min-width: 768px){
  .treatments-banner-treatment--title{
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 1440px){
  .treatments-banner-treatment--title{
    font-size: 32px;
    line-height: 48px;
  }
}

.treatments-banner-introduction{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
}

@media not all and (min-width: 576px){
  .treatments-banner-introduction{
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 768px){
  .treatments-banner-introduction{
    gap: 2.25rem;
  }
}

.treatments-banner-introduction > h2{
  margin: 0px;
  text-align: start;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

[dir="rtl"] .treatments-banner-introduction > h2{
  text-align: right;
}

[dir="ltr"] .treatments-banner-introduction > h2{
  text-align: left;
}

@media (min-width: 768px){
  .treatments-banner-introduction > h2{
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1440px){
  .treatments-banner-introduction > h2{
    font-size: 60px;
    line-height: 82px;
  }
}

.treatments-banner-introduction > p{
  margin: 0px;
  text-align: start;
  font-family: Noto Kufi Arabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

[dir="rtl"] .treatments-banner-introduction > p{
  text-align: right;
}

[dir="ltr"] .treatments-banner-introduction > p{
  text-align: left;
}

@media (min-width: 768px){
  .treatments-banner-introduction > p{
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px){
  .treatments-banner-introduction > p{
    font-size: 40px;
    line-height: 58px;
  }
}

section.campaign{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 768px){
  section.campaign{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.campaign-wrapper{
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.75rem;
}

@media (min-width: 768px){
  .campaign-wrapper{
    flex-direction: row;
    gap: 2.5rem;
  }
}

.campaign-content{
  flex: 1 1 0%;
}

.campaign-content > *{
  margin-bottom: 0.25rem;
  font-family: Tajawal, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(11 36 67 / var(--tw-text-opacity));
}

.campaign-content > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 768px){
  .campaign-content > *{
    margin-bottom: 0.5rem;
  }
}

.campaign-content h4{
  font-weight: 600;
}

.campaign-content a{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.campaign-content a:visited{
  color: rgb(126 34 206 );
}

.campaign-content a:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.campaign-content strong{
  font-weight: 600;
}

.campaign-image{
  flex: 1 1 0%;
}

@media (min-width: 768px){
  .campaign-image{
    max-width: 450px;
  }
}

.campaign-image{
  overflow: hidden;
  border-radius: 0.75rem;
}

body.campaign-image {
  overflow-y: hidden;
}

.campaign-image > img{
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.kch-patient-count .footer-links-wrapper .number-box{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media not all and (min-width: 768px){
  .kch-patient-count .footer-links-wrapper .number-box{
    padding-left: 30px;
    padding-right: 30px;
  }
}

.kch-patient-count .footer-links-wrapper .number-box h2{
  min-height: 52px;
  padding-bottom: 0.75rem;
}

.kch-patient-count .footer-links-wrapper .number-box:nth-child(1){
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 232 / var(--tw-bg-opacity));
}

.kch-patient-count .footer-links-wrapper .number-box:nth-child(2){
  --tw-bg-opacity: 1;
  background-color: rgb(205 232 216 / var(--tw-bg-opacity));
}

.kch-patient-count .footer-links-wrapper .number-box:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(221 218 238 / var(--tw-bg-opacity));
}

.footer-links-wrapper{
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 768px){
  .footer-links-wrapper{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.social-app{
  grid-column: span 1 / span 1;
  gap: 1rem;
  padding-bottom: 5rem;
}

@media not all and (min-width: 768px){
  .social-app{
    padding-bottom: 2.5rem;
    padding-top: 0px;
  }
}

@media (min-width: 768px){
  .social-app{
    grid-column: span 4 / span 4;
  }
}

.footer-links-menu{
  display: flex;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  grid-column: span 1 / span 1;
}

@media (min-width: 768px){
  .footer-links-menu{
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 1024px){
  .footer-links-menu{
    justify-content: center;
  }
}

.kch-logo{
  max-width: 311px;
  flex: 1 1 0%;
}

@media (min-width: 576px){
  .kch-logo{
    min-width: 200px;
  }
}

.kch-logo a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: stretch;
  justify-content: flex-start;
}

.kch-logo a img{
  height: 55px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.kch-nav-bar{
  width: 100vw;
  position: fixed;
  z-index: 99;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

main{
  padding-top: 106.62px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 768px){
  main{
    padding-top: 118px;
  }
}

.\[border-radius\:0px_20px_12px_12px\]{
  border-radius: 0px 20px 12px 12px;
}

h2,
     h3,
     h4,
     h5,
     h6 {
  font-family: 'Tajawal-Medium';
  font-weight: 500;
  padding: 0;
  margin: 0;
}

h1 {
  font-family: 'Tajawal-Regular';
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-size: 46px;
  line-height: 56px;
}

h2{
  font-size: 36px;
  line-height: 43px;
}

h3{
  font-size: 28px;
  line-height: 33px;
}

h4{
  font-size: 1.5rem;
  line-height: 2rem;
}

h5{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

h6{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

p, a, span, li{
  font-family: 'Tajawal-Regular';
  padding: 0;
  margin: 0;
  padding-bottom: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(2 9 17 / var(--tw-text-opacity))
}

body{
  margin: 0;
  box-sizing: border-box;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

@media (min-width: 1024px){
  .lg\:container{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  @media (min-width: 425px){
    .lg\:container{
      max-width: 576px;
    }
  }

  @media (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .lg\:container{
      max-width: 960px;
    }
  }

  @media (min-width: 1280px){
    .lg\:container{
      max-width: 1160px;
    }
  }

  @media (min-width: 1440px){
    .lg\:container{
      max-width: 1480px;
      padding-left: 100px;
      padding-right: 100px;
    }
  }

  @media (min-width: 1680px){
    .lg\:container{
      max-width: 1680px;
      padding-left: 100px;
      padding-right: 100px;
    }
  }

  .header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .lg\:col-span-3 .sub-menu{
    display: block;
    padding-top: 50px;
  }

  .header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .lg\:col-span-3:nth-child(2),
    .header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .lg\:col-span-3:nth-child(3){
    border-width: 0px;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(237 234 232 / var(--tw-border-opacity));
  }

  .patient-visitors-page .lg\:container{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 18px;
    padding-left: 18px;
  }

  @media (min-width: 1440px){
    .patient-visitors-page .lg\:container{
      max-width: 1480px;
      padding-left: 100px;
      padding-right: 100px;
    }
  }

  @media (min-width: 1680px){
    .patient-visitors-page .lg\:container{
      max-width: 1480px;
      padding-left: 100px;
      padding-right: 100px;
    }
  }

  .patient-complaint-section .lg\:container{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 18px;
    padding-left: 18px;
  }

  @media (min-width: 1440px){
    .patient-complaint-section .lg\:container{
      max-width: 1480px;
      padding-left: 100px;
      padding-right: 100px;
    }
  }

  @media (min-width: 1680px){
    .patient-complaint-section .lg\:container{
      max-width: 1480px;
      padding-left: 100px;
      padding-right: 100px;
    }
  }
}

@media (min-width: 1280px){
  .header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .xl\:col-span-3 .sub-menu{
    display: block;
    padding-top: 50px;
  }

  .header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .xl\:col-span-3:nth-child(2),
    .header-main-menu .dropdown-list-wrapper .main-dropdown-wrapper .xl\:col-span-3:nth-child(3){
    border-width: 0px;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(237 234 232 / var(--tw-border-opacity));
  }
}

.last\:mb-0:last-child{
  margin-bottom: 0px;
}

.empty\:hidden:empty{
  display: none;
}

@media not all and (min-width: 1440px){
  .max-2xl\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media not all and (min-width: 1024px){
  .max-lg\:hidden{
    display: none;
  }

  .max-lg\:gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .max-lg\:gap-y-4{
    row-gap: 1rem;
  }
}

@media not all and (min-width: 768px){
  .max-md\:order-1{
    order: 1;
  }

  .max-md\:order-2{
    order: 2;
  }

  .max-md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .max-md\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .max-md\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .max-md\:mb-0{
    margin-bottom: 0px;
  }

  .max-md\:mb-5{
    margin-bottom: 1.25rem;
  }

  .max-md\:mt-4{
    margin-top: 1rem;
  }

  .max-md\:block{
    display: block;
  }

  .max-md\:flex{
    display: flex;
  }

  .max-md\:\!hidden{
    display: none !important;
  }

  .max-md\:hidden{
    display: none;
  }

  .max-md\:h-6{
    height: 1.5rem;
  }

  .max-md\:h-\[20px\]{
    height: 20px;
  }

  .max-md\:h-full{
    height: 100%;
  }

  .max-md\:w-20{
    width: 5rem;
  }

  .max-md\:w-6{
    width: 1.5rem;
  }

  .max-md\:w-\[200px\]{
    width: 200px;
  }

  .max-md\:w-\[20px\]{
    width: 20px;
  }

  .max-md\:w-full{
    width: 100%;
  }

  .max-md\:min-w-20{
    min-width: 5rem;
  }

  .max-md\:max-w-\[220px\]{
    max-width: 220px;
  }

  .max-md\:max-w-\[229px\]{
    max-width: 229px;
  }

  .max-md\:max-w-\[355px\]{
    max-width: 355px;
  }

  .max-md\:flex-row{
    flex-direction: row;
  }

  .max-md\:flex-col{
    flex-direction: column;
  }

  .max-md\:items-center{
    align-items: center;
  }

  .max-md\:gap-y-5{
    row-gap: 1.25rem;
  }

  .max-md\:gap-y-6{
    row-gap: 1.5rem;
  }

  .max-md\:overflow-hidden{
    overflow: hidden;
  }

  .max-md\:overflow-visible{
    overflow: visible;
  }

  .max-md\:overflow-x-auto{
    overflow-x: auto;
  }

  .max-md\:rounded-b-20{
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .max-md\:p-0{
    padding: 0px;
  }

  .max-md\:p-\[30px\]{
    padding: 30px;
  }

  .max-md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .max-md\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .max-md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-md\:px-\[30px\]{
    padding-left: 30px;
    padding-right: 30px;
  }

  .max-md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .max-md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .max-md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .max-md\:pb-10{
    padding-bottom: 2.5rem;
  }

  .max-md\:pb-14{
    padding-bottom: 3.5rem;
  }

  .max-md\:pb-2{
    padding-bottom: 0.5rem;
  }

  .max-md\:pb-5{
    padding-bottom: 1.25rem;
  }

  .max-md\:pb-\[100px\]{
    padding-bottom: 100px;
  }

  .max-md\:ps-3{
    padding-inline-start: 0.75rem;
  }

  .max-md\:ps-5{
    padding-inline-start: 1.25rem;
  }

  .max-md\:pt-0{
    padding-top: 0px;
  }

  .max-md\:pt-10{
    padding-top: 2.5rem;
  }

  .max-md\:pt-12{
    padding-top: 3rem;
  }

  .max-md\:pt-5{
    padding-top: 1.25rem;
  }

  .max-md\:pt-6{
    padding-top: 1.5rem;
  }

  .max-md\:pt-7{
    padding-top: 1.75rem;
  }

  .max-md\:text-center{
    text-align: center;
  }

  .max-md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .max-md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .max-md\:text-\[28px\]{
    font-size: 28px;
  }

  .max-md\:font-normal{
    font-weight: 400;
  }

  .max-md\:leading-\[35px\]{
    line-height: 35px;
  }

  .max-md\:ps-3{
    padding-inline-start: 0.75rem;
  }

  .max-md\:ps-5{
    padding-inline-start: 1.25rem;
  }
}

@media (min-width: 768px){
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .md\:mb-14{
    margin-bottom: 3.5rem;
  }

  .md\:mb-6{
    margin-bottom: 1.5rem;
  }

  .md\:mt-10{
    margin-top: 2.5rem;
  }

  .md\:mt-11{
    margin-top: 2.75rem;
  }

  .md\:mt-16{
    margin-top: 4rem;
  }

  .md\:mt-28{
    margin-top: 7rem;
  }

  .md\:mt-\[70px\]{
    margin-top: 70px;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-\[65vh\]{
    height: 65vh;
  }

  .md\:h-\[73px\]{
    height: 73px;
  }

  .md\:w-\[70\%\]{
    width: 70%;
  }

  .md\:w-\[73px\]{
    width: 73px;
  }

  .md\:w-full{
    width: 100%;
  }

  .md\:max-w-\[410px\]{
    max-width: 410px;
  }

  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:flex-wrap{
    flex-wrap: wrap;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:gap-12{
    gap: 3rem;
  }

  .md\:gap-20{
    gap: 5rem;
  }

  .md\:gap-24{
    gap: 6rem;
  }

  .md\:gap-\[50px\]{
    gap: 50px;
  }

  .md\:gap-x-16{
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .md\:gap-x-5{
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .md\:rounded-20{
    border-radius: 20px;
  }

  .md\:p-10{
    padding: 2.5rem;
  }

  .md\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:px-\[30px\]{
    padding-left: 30px;
    padding-right: 30px;
  }

  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:py-90{
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .md\:py-\[50px\]{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .md\:pt-16{
    padding-top: 4rem;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }
}

@media (min-width: 1024px){
  .lg\:bottom-10{
    bottom: 2.5rem;
  }

  .lg\:bottom-12{
    bottom: 3rem;
  }

  .lg\:bottom-\[30px\]{
    bottom: 30px;
  }

  .lg\:bottom-\[70px\]{
    bottom: 70px;
  }

  .lg\:left-12{
    left: 3rem;
  }

  .lg\:right-11{
    right: 2.75rem;
  }

  .lg\:right-\[30px\]{
    right: 30px;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .lg\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .lg\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:mx-\[50px\]{
    margin-left: 50px;
    margin-right: 50px;
  }

  .lg\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:my-\[80px\]{
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .lg\:-mt-7{
    margin-top: -1.75rem;
  }

  .lg\:mb-20{
    margin-bottom: 5rem;
  }

  .lg\:ms-10{
    margin-inline-start: 2.5rem;
  }

  .lg\:mt-20{
    margin-top: 5rem;
  }

  .lg\:mt-\[10px\]{
    margin-top: 10px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-\[142px\]{
    height: 142px;
  }

  .lg\:h-\[480px\]{
    height: 480px;
  }

  .lg\:h-\[96px\]{
    height: 96px;
  }

  .lg\:max-h-\[470px\]{
    max-height: 470px;
  }

  .lg\:max-h-\[610px\]{
    max-height: 610px;
  }

  .lg\:max-h-\[770px\]{
    max-height: 770px;
  }

  .lg\:max-h-fit{
    max-height: -moz-fit-content;
    max-height: fit-content;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-\[170px\]{
    width: 170px;
  }

  .lg\:w-\[18\%\]{
    width: 18%;
  }

  .lg\:w-\[23\%\]{
    width: 23%;
  }

  .lg\:w-\[30\%\]{
    width: 30%;
  }

  .lg\:w-\[35\%\]{
    width: 35%;
  }

  .lg\:w-\[96px\]{
    width: 96px;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:min-w-\[250px\]{
    min-width: 250px;
  }

  .lg\:max-w-\[250px\]{
    max-width: 250px;
  }

  .lg\:max-w-\[514px\]{
    max-width: 514px;
  }

  .lg\:max-w-\[548px\]{
    max-width: 548px;
  }

  .lg\:max-w-\[789px\]{
    max-width: 789px;
  }

  .lg\:max-w-\[797px\]{
    max-width: 797px;
  }

  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-col{
    flex-direction: column;
  }

  .lg\:flex-wrap{
    flex-wrap: wrap;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-3{
    gap: 0.75rem;
  }

  .lg\:gap-\[100px\]{
    gap: 100px;
  }

  .lg\:gap-\[120px\]{
    gap: 120px;
  }

  .lg\:gap-\[50px\]{
    gap: 50px;
  }

  .lg\:gap-\[80px\]{
    gap: 80px;
  }

  .lg\:whitespace-nowrap{
    white-space: nowrap;
  }

  .lg\:rounded-20{
    border-radius: 20px;
  }

  .lg\:rounded-xl{
    border-radius: 0.75rem;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-11{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:py-\[30px\]{
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lg\:py-\[50px\]{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .lg\:py-\[70px\]{
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .lg\:pb-10{
    padding-bottom: 2.5rem;
  }

  .lg\:pb-12{
    padding-bottom: 3rem;
  }

  .lg\:pb-20{
    padding-bottom: 5rem;
  }

  .lg\:pb-5{
    padding-bottom: 1.25rem;
  }

  .lg\:pb-\[10px\]{
    padding-bottom: 10px;
  }

  .lg\:pb-\[50px\]{
    padding-bottom: 50px;
  }

  .lg\:pl-\[100px\]{
    padding-left: 100px;
  }

  .lg\:ps-10{
    padding-inline-start: 2.5rem;
  }

  .lg\:ps-8{
    padding-inline-start: 2rem;
  }

  .lg\:ps-\[200px\]{
    padding-inline-start: 200px;
  }

  .lg\:pt-10{
    padding-top: 2.5rem;
  }

  .lg\:pt-5{
    padding-top: 1.25rem;
  }

  .lg\:pt-8{
    padding-top: 2rem;
  }

  .lg\:ps-8{
    padding-inline-start: 2rem;
  }

  .lg\:ps-10{
    padding-inline-start: 2.5rem;
  }

  .lg\:ms-10{
    margin-inline-start: 2.5rem;
  }

  #bookingModal .lg\:container{
    height: 100%;
    width: 100%;
  }
}

@media (min-width: 1280px){
  .xl\:absolute{
    position: absolute;
  }

  .xl\:top-\[30\%\]{
    top: 30%;
  }

  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .xl\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .xl\:h-\[300px\]{
    height: 300px;
  }

  .xl\:h-\[850px\]{
    height: 850px;
  }

  .xl\:min-w-\[440px\]{
    min-width: 440px;
  }

  .xl\:gap-10{
    gap: 2.5rem;
  }

  .xl\:gap-x-10{
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .xl\:rounded-bl-20{
    border-bottom-left-radius: 20px;
  }

  .xl\:rounded-tr-20{
    border-top-right-radius: 20px;
  }

  .xl\:bg-primary_color_1{
    --tw-bg-opacity: 1;
    background-color: rgb(11 36 67 / var(--tw-bg-opacity));
  }

  .xl\:p-7{
    padding: 1.75rem;
  }

  .xl\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:py-\[70px\]{
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .xl\:pt-\[70px\]{
    padding-top: 70px;
  }

  .xl\:text-center{
    text-align: center;
  }

  .xl\:text-\[52px\]{
    font-size: 52px;
  }

  .xl\:leading-\[58px\]{
    line-height: 58px;
  }

  .xl\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

@media (min-width: 1440px){
  .\32xl\:top-1\/4{
    top: 25%;
  }

  .\32xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .\32xl\:h-\[1221px\]{
    height: 1221px;
  }

  .\32xl\:min-h-\[450px\]{
    min-height: 450px;
  }

  .\32xl\:max-w-\[450px\]{
    max-width: 450px;
  }

  .\32xl\:gap-6{
    gap: 1.5rem;
  }

  .\32xl\:gap-\[100px\]{
    gap: 100px;
  }

  .\32xl\:gap-x-\[100px\]{
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}

.rtl\:left-10:where([dir="rtl"], [dir="rtl"] *){
  left: 2.5rem;
}

.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *){
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:pt-7:where([dir="rtl"], [dir="rtl"] *){
  padding-top: 1.75rem;
}