/* =========================================================
   SUPPORTED INDEPENDENT LIVING PAGE
   Target: .et_pb_section_1
   Sunny Pine approved style
   Image top + long content full width
   Flex only - no grid
   ========================================================= */

.et_pb_section_1 {
  padding: 80px 0 !important;
  background: #f7f9fa !important;
}

.et_pb_section_1 .et_pb_row_1 {
  width: 90% !important;
  max-width: 1280px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 36px !important;
}

/* Reset Divi columns */
.et_pb_section_1 .et_pb_row_1 > .et_pb_column {
  float: none !important;
  margin: 0 !important;
}

.et_pb_section_1 .et_pb_column_1,
.et_pb_section_1 .et_pb_column_2 {
  width: 100% !important;
}

/* =========================================================
   IMAGE
   ========================================================= */

.et_pb_section_1 .et_pb_image_0 {
  width: 100% !important;
  margin: 0 !important;
}

.et_pb_section_1 .et_pb_image_0 .et_pb_image_wrap {
  width: 55% !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 1rem !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12) !important;
}

.et_pb_section_1 .et_pb_image_0 img {
  width: 100% !important;
  height: 460px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* =========================================================
   MAIN TEXT CONTENT
   ========================================================= */

.et_pb_section_1 .et_pb_text_1 {
  margin: 0 !important;
}

.et_pb_section_1 .et_pb_text_1 .et_pb_text_inner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 16px !important;
}

/* H4 headings */
.et_pb_section_1 .et_pb_text_1 h4 {
  width: 100% !important;
  flex: 0 0 100% !important;
  position: relative !important;
  margin: 42px 0 8px 0 !important;
  padding: 0 0 0 24px !important;
  font-size: 2.15rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #111 !important;
}

.et_pb_section_1 .et_pb_text_1 h4:first-child {
  margin-top: 0 !important;
}

.et_pb_section_1 .et_pb_text_1 h4::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 1.25em !important;
  background: #4db8e6 !important;
  border-radius: 999px !important;
}

/* Base paragraph cards */
.et_pb_section_1 .et_pb_text_1 p {
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  background: #eaf6fb !important;
  border-radius: 1rem !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  font-size: 1.2rem !important;
  line-height: 1.65 !important;
  color: #111 !important;
}

/* =========================================================
   SUB-LABELS / MINI HEADINGS INSIDE TEXT
   ========================================================= */

.et_pb_section_1 .et_pb_text_1 p:nth-of-type(3),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(17),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(22),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(28),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(33) {
  flex: 0 0 100% !important;
  width: 100% !important;
  background: transparent !important;
  padding: 8px 0 0 0 !important;
  border-radius: 0 !important;
  font-size: 1.35rem !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #111 !important;
}

/* Give the sub-labels a soft pill look */
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(3)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(17)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(22)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(28)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(33)::before {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #1299d5 !important;
  display: inline-block !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
}

/* =========================================================
   BULLET CARDS
   All paragraphs that start with ·
   ========================================================= */

.et_pb_section_1 .et_pb_text_1 p:nth-of-type(4),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(5),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(6),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(7),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(8),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(9),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(10),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(12),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(13),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(14),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(19),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(20),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(24),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(25),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(26),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(30),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(31),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(32) {
  flex: 0 0 calc(33.333% - 11px) !important;
  width: calc(33.333% - 11px) !important;
  position: relative !important;
  padding: 22px 24px 22px 54px !important;
  background: #e8f7fd !important;
  min-height: 96px !important;
}

/* Alternate soft green cards */
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(5),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(8),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(13),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(20),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(25),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(31) {
  background: #edf8f5 !important;
}

/* Blue dot */
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(4)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(5)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(6)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(7)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(8)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(9)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(10)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(12)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(13)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(14)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(19)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(20)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(24)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(25)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(26)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(30)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(31)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(32)::before {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  top: 28px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: #1299d5 !important;
}

/* Hide old · character */
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(4)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(5)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(6)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(7)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(8)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(9)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(10)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(12)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(13)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(14)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(19)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(20)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(24)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(25)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(26)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(30)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(31)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(32)::first-letter {
  font-size: 0 !important;
  color: transparent !important;
}

/* Link */
.et_pb_section_1 .et_pb_text_1 a {
  color: #1299d5 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  word-break: break-word !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {
  .et_pb_section_1 {
    padding: 64px 0 !important;
  }

  .et_pb_section_1 .et_pb_row_1 {
    width: 92% !important;
    gap: 30px !important;
  }

  .et_pb_section_1 .et_pb_image_0 img {
    height: 360px !important;
  }

  .et_pb_section_1 .et_pb_text_1 h4 {
    font-size: 2rem !important;
  }

  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(4),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(5),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(6),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(7),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(8),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(9),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(10),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(12),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(13),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(14),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(19),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(20),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(24),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(25),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(26),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(30),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(31),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(32) {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
  }
}

@media (max-width: 767px) {
  .et_pb_section_1 {
    padding: 48px 0 !important;
  }

  .et_pb_section_1 .et_pb_row_1 {
    width: 92% !important;
  }

  .et_pb_section_1 .et_pb_image_0 img {
    height: 260px !important;
  }

  .et_pb_section_1 .et_pb_text_1 h4 {
    font-size: 1.7rem !important;
    line-height: 1.22 !important;
    padding-left: 20px !important;
  }

  .et_pb_section_1 .et_pb_text_1 p,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(4),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(5),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(6),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(7),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(8),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(9),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(10),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(12),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(13),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(14),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(19),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(20),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(24),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(25),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(26),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(30),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(31),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(32) {
    flex: 0 0 100% !important;
    width: 100% !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
  }

  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(3),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(17),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(22),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(28),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(33) {
    font-size: 1.2rem !important;
  }
}
/* =========================================================
   SIL PAGE - MOBILE ONLY PATCH
   Đồng bộ khoảng cách mobile
   Paste at the end of current CSS
   ========================================================= */

@media (max-width: 767px) {
  /* =======================================================
     EASY CONTROL VARIABLES
     Chỉnh nhanh spacing/font ở đây
     ======================================================= */
  .et_pb_section_1 {
    --mobile-section-y: 28px;
    --mobile-row-gap: 18px;
    --mobile-card-gap: 12px;
    --mobile-card-padding: 16px 18px;
    --mobile-heading-size: 1.5rem;
    --mobile-subheading-size: 1.08rem;
    --mobile-body-size: 1rem;
    --mobile-line-height: 1.55;
    --mobile-image-height: 230px;
  }

  /* =======================================================
     GENERAL SPACING
     ======================================================= */

  .et_pb_section_1 {
    padding-top: var(--mobile-section-y) !important;
    padding-bottom: var(--mobile-section-y) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .et_pb_section_1 .et_pb_row_1 {
    width: 92% !important;
    max-width: 92% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--mobile-row-gap) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .et_pb_section_1 .et_pb_row_1 > .et_pb_column {
    width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    float: none !important;
  }

  .et_pb_section_1 .et_pb_module {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* =======================================================
     IMAGE
     ======================================================= */

  .et_pb_section_1 .et_pb_image_0 {
    width: 100% !important;
    margin: 0 !important;
  }

  .et_pb_section_1 .et_pb_image_0 .et_pb_image_wrap {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 1rem !important;
  }

  .et_pb_section_1 .et_pb_image_0 img {
    width: 100% !important;
    height: var(--mobile-image-height) !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* =======================================================
     CONTENT WRAPPER
     ======================================================= */

  .et_pb_section_1 .et_pb_text_1 {
    margin: 0 !important;
  }

  .et_pb_section_1 .et_pb_text_1 .et_pb_text_inner {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--mobile-card-gap) !important;
    align-items: stretch !important;
  }

  /* =======================================================
     MAIN H4 HEADINGS
     ======================================================= */

  .et_pb_section_1 .et_pb_text_1 h4 {
    width: 100% !important;
    flex: 0 0 100% !important;
    font-size: var(--mobile-heading-size) !important;
    line-height: 1.22 !important;
    padding-left: 18px !important;
    margin: 22px 0 2px 0 !important;
    letter-spacing: -0.02em !important;
  }

  .et_pb_section_1 .et_pb_text_1 h4:first-child {
    margin-top: 0 !important;
  }

  .et_pb_section_1 .et_pb_text_1 h4::before {
    width: 4px !important;
    height: 1.25em !important;
    border-radius: 999px !important;
  }

  /* =======================================================
     BASE PARAGRAPH CARDS
     ======================================================= */

  .et_pb_section_1 .et_pb_text_1 p {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: var(--mobile-card-padding) !important;
    font-size: var(--mobile-body-size) !important;
    line-height: var(--mobile-line-height) !important;
    border-radius: 1rem !important;
    min-height: auto !important;
  }

  /* =======================================================
     MINI SUB-LABELS
     ======================================================= */

  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(3),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(17),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(22),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(28),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(33) {
    flex: 0 0 100% !important;
    width: 100% !important;
    background: transparent !important;
    padding: 4px 0 0 0 !important;
    font-size: var(--mobile-subheading-size) !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    margin: 4px 0 0 0 !important;
  }

  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(3)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(17)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(22)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(28)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(33)::before {
    width: 9px !important;
    height: 9px !important;
    margin-right: 8px !important;
  }

  /* =======================================================
     BULLET CARDS
     ======================================================= */

  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(4),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(5),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(6),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(7),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(8),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(9),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(10),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(12),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(13),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(14),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(19),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(20),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(24),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(25),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(26),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(30),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(31),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(32) {
    flex: 0 0 100% !important;
    width: 100% !important;
    padding: 16px 18px 16px 44px !important;
    font-size: var(--mobile-body-size) !important;
    line-height: var(--mobile-line-height) !important;
    min-height: auto !important;
  }

  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(4)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(5)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(6)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(7)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(8)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(9)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(10)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(12)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(13)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(14)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(19)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(20)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(24)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(25)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(26)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(30)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(31)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(32)::before {
    left: 18px !important;
    top: 20px !important;
    width: 11px !important;
    height: 11px !important;
  }

  /* Link spacing on mobile */
  .et_pb_section_1 .et_pb_text_1 a {
    word-break: break-word !important;
  }

}