.elementor-16004 .elementor-element.elementor-element-f5d3d0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-ea55f17 *//* ============================================================
   GOOGLE FONTS
   ============================================================ */


/* ============================================================
   CSS VARIABLES
   ============================================================ */
.sk-facilities-hero,
.sk-facilities-box {
  --sk-primary:        #0082C6;
  --sk-dark:           #003F60;
  --sk-text-primary:   #212529;
  --sk-text-secondary: #495057;
  --sk-text-low:       #ADB5BD;
  --sk-font:           'Figtree', sans-serif;
  --sk-font-poppins:   'Figtree', sans-serif;
  --sk-max-width:      1200px;
}

/* ============================================================
   SHARED — Container
   ============================================================ */
.sk-facilities-hero .sk-container,
.sk-facilities-box .sk-container {
  max-width: var(--sk-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}


/* ============================================================
   SECTION 1 — FACILITIES HERO
   ============================================================ */
.sk-facilities-hero {
  font-family: var(--sk-font) !important;
  background: #ffffff !important;
  padding: 70px 0 0 !important;
  box-sizing: border-box !important;
}

.sk-facilities-hero .sk-facilities-hero__label {
  color: #ADB5BD !important;
  font-family: var(--sk-font) !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  line-height: 58px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.sk-facilities-hero .sk-facilities-hero__heading {
  color: #212529 !important;
  font-family: var(--sk-font) !important;
  font-size: 90px !important;
  font-weight: 700 !important;
  line-height: 90px !important;
  margin: 0 0 75px !important;
  padding: 0 !important;
  border: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* ============================================================
   RESPONSIVE — Facilities Hero
   ============================================================ */
@media (max-width: 1023px) {
  .sk-facilities-hero .sk-facilities-hero__label   { font-size: 36px !important; line-height: 46px !important; }
  .sk-facilities-hero .sk-facilities-hero__heading { font-size: 56px !important; line-height: 64px !important; margin-bottom: 56px !important; }
}

@media (max-width: 767px) {
  .sk-facilities-hero                              { padding-top: 48px !important; }
  .sk-facilities-hero .sk-facilities-hero__label   { font-size: 26px !important; line-height: 36px !important; margin-bottom: 16px !important; }
  .sk-facilities-hero .sk-facilities-hero__heading { font-size: 36px !important; line-height: 44px !important; margin-bottom: 40px !important; }
}


/* ============================================================
   SECTION 2 — FACILITIES BOX
   ============================================================ */
.sk-facilities-box {
  font-family: var(--sk-font) !important;
  background: #ffffff !important;
  padding: 0 0 75px !important;
  box-sizing: border-box !important;
}

/* Grey rounded card — position:relative so image can be absolute inside */
.sk-facilities-box .sk-facilities-box__card {
  border-radius: 24px !important;
  background: #F6F7F8 !important;
  padding: 72px !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden !important;
  /* min-height ensures card is tall enough for the absolute image */
  min-height: 780px !important;
}

/* "Our Facilities" heading */
.sk-facilities-box .sk-facilities-box__card .sk-facilities-box__heading {
  color: #495057 !important;
  font-family: var(--sk-font) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 40px !important;
  margin: 0 0 32px !important;
  padding: 0 !important;
  border: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  position: relative !important;
  z-index: 1 !important;
}

/* List wrapper */
.sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Each facility item row */
.sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item {
  display: flex !important;
  width: 500px !important;
  padding: 18px 32px 18px 33px !important;
  align-items: center !important;
  gap: 20px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important;
  box-sizing: border-box !important;
  list-style: none !important;
  margin: 0 !important;
  border: none !important;
}

/* Kill WP ::before bullet */
.sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item::before {
  display: none !important;
}

/* Icon — 20×20 as specified */
.sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item .sk-facilities-box__icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  max-width: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Item label text */
.sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item .sk-facilities-box__text {
  color: #212529 !important;
  font-family: var(--sk-font-poppins) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 140% !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 !important;
}

/* ============================================================
   IMAGE — absolutely positioned, right side, overflows top
   Matches screenshot: image sits right half, bleeds above card top
   ============================================================ */
.sk-facilities-box .sk-facilities-box__card .sk-facilities-box__image-wrap {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  /* ~45% of card width for image column */
  width: 64% !important;
  pointer-events: none !important;
  z-index: 1;
}

.sk-facilities-box .sk-facilities-box__card .sk-facilities-box__image-wrap .sk-facilities-box__image {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  /* Image taller than card so it overflows/crops at top naturally */
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}


/* ============================================================
   RESPONSIVE — Facilities Box
   ============================================================ */
@media (max-width: 1023px) {
  .sk-facilities-box .sk-facilities-box__card {
    padding: 48px !important;
    min-height: 480px !important;
  }
  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item {
    width: 360px !important;
  }
  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item .sk-facilities-box__text {
    font-size: 16px !important;
  }
  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__image-wrap {
    width: 60% !important;
  }
  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__image-wrap .sk-facilities-box__image{
       height: 100% !important;
       object-fit: fill !important;
       max-height: 700px;
  }
}

@media (max-width: 767px) {
  .none-br { display: none; }

  .sk-facilities-box { padding-bottom: 48px !important; }

  .sk-facilities-box .sk-facilities-box__card {
    padding: 32px 24px 0 24px !important;
    border-radius: 16px !important;
    min-height: unset !important;
    overflow: hidden !important;
  }

  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__heading {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 24px !important;
  }

  /* On mobile, image is NOT absolute — flows below list */
  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__image-wrap {
    position: relative !important;
    width: 100% !important;
    height: 280px !important;
    margin-top: 28px !important;
    display: block !important;
  }

  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__image-wrap .sk-facilities-box__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
  }

  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item {
    width: 100% !important;
    padding: 14px 20px !important;
    gap: 14px !important;
  }

  .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item .sk-facilities-box__text {
    font-size: 15px !important;
  }
}




 @media (max-width:480px){
     .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__image-wrap{
          display: none !important;
     }
     
     .sk-facilities-box .sk-facilities-box__card {
         padding-bottom: 50px !important;
     }
     
 }
 
 
 
  @media(max-width:400px){
      .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item{
          align-items: start !important;
     }
     
     .sk-facilities-box .sk-facilities-box__card .sk-facilities-box__list .sk-facilities-box__item .sk-facilities-box__icon {
           margin-top:2px !important;
     }
  }/* End custom CSS */