/* =========================================================
   MEDIUM-TERM ACCOMMODATION / MTA 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;
}

/* =========================================================
   INTRO LABELS / MINI HEADINGS
   ========================================================= */

.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(6),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(12) {
  flex: 0 0 100% !important;
  width: 100% !important;
  background: transparent !important;
  padding: 6px 0 0 0 !important;
  border-radius: 0 !important;
  font-size: 1.28rem !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: #111 !important;
}

/* Small blue dot for mini headings */
.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(6)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(12)::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 GROUP CARDS
   These paragraphs contain multiple bullet items in one <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(7),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(13) {
  flex: 0 0 100% !important;
  width: 100% !important;
  position: relative !important;
  padding: 24px 26px 24px 56px !important;
  background: #e8f7fd !important;
}

/* Alternate soft green */
.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(13) {
  background: #edf8f5 !important;
}

/* Blue dot for bullet group */
.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(7)::before,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(13)::before {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  top: 30px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: #1299d5 !important;
}

/* Hide original first bullet symbol */
.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(7)::first-letter,
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(13)::first-letter {
  font-size: 0 !important;
  color: transparent !important;
}

/* Important note cards */
.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(11),
.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(15),
.et_pb_section_1 .et_pb_text_1 p:nth-of-type(16) {
  background: #edf8f5 !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;
}

/* Strong text */
.et_pb_section_1 .et_pb_text_1 strong {
  font-weight: 800 !important;
  color: #111 !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;
  }
}

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

  .et_pb_section_1 .et_pb_row_1 {
    width: 92% !important;
    gap: 24px !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(3),
  .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(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(12),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(13) {
    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(6),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(12) {
    font-size: 1.18rem !important;
  }
}
/* =========================================================
   MTA PAGE - MOBILE ONLY PATCH
   Đồng bộ spacing 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
     MTA: p 3, 6, 12
     ======================================================= */

  .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(6),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(12) {
    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(6)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(12)::before {
    width: 9px !important;
    height: 9px !important;
    margin-right: 8px !important;
  }

  /* =======================================================
     BULLET GROUP CARDS
     MTA: p 4, 7, 13
     ======================================================= */

  .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(7),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(13) {
    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(7)::before,
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(13)::before {
    left: 18px !important;
    top: 20px !important;
    width: 11px !important;
    height: 11px !important;
  }

  /* =======================================================
     IMPORTANT NOTE CARDS
     MTA: p 8 - 16
     ======================================================= */

  .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(11),
  .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(15),
  .et_pb_section_1 .et_pb_text_1 p:nth-of-type(16) {
    flex: 0 0 100% !important;
    width: 100% !important;
    padding: var(--mobile-card-padding) !important;
    font-size: var(--mobile-body-size) !important;
    line-height: var(--mobile-line-height) !important;
    min-height: auto !important;
  }

  /* Link spacing on mobile */
  .et_pb_section_1 .et_pb_text_1 a {
    word-break: break-word !important;
  }
}
/* =========================================================
   MTA PAGE - SECTION 2
   Examples of MTA scenarios
   Desktop + responsive
   Flex only - no grid
   ========================================================= */

.et_pb_section_2 {
  --section-y: 70px;
  --row-max: 1280px;
  --row-width: 90%;
  --gap: 32px;
  --card-gap: 16px;
  --heading-size: 2.15rem;
  --body-size: 1.2rem;
  --blue: #4db8e6;
  --dot-blue: #1299d5;
  --card-blue: #e8f7fd;
  --card-green: #edf8f5;
  --bg: #f7f9fa;

  padding: var(--section-y) 0 !important;
  background: var(--bg) !important;
}

/* Main row */
.et_pb_section_2 .et_pb_row_2 {
  width: var(--row-width) !important;
  max-width: var(--row-max) !important;
  display: flex !important;
  align-items: stretch !important;
  gap: var(--gap) !important;
}

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

/* Left heading column */
.et_pb_section_2 .et_pb_column_3 {
  width: 38% !important;
  flex: 0 0 38% !important;
}

/* Right cards column */
.et_pb_section_2 .et_pb_column_4 {
  width: calc(62% - var(--gap)) !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--card-gap) !important;
}

/* Heading card */
.et_pb_section_2 .et_pb_text_2 {
  height: 100% !important;
  margin: 0 !important;
}

.et_pb_section_2 .et_pb_text_2 .et_pb_text_inner {
  height: 100% !important;
  min-height: 260px !important;
  display: flex !important;
  align-items: center !important;
  background: #eaf6fb !important;
  border-radius: 1rem !important;
  padding: 30px 32px !important;
  box-sizing: border-box !important;
}

/* Heading */
.et_pb_section_2 .et_pb_text_2 h2 {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 24px !important;
  font-size: var(--heading-size) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #111 !important;
}

.et_pb_section_2 .et_pb_text_2 h2::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 1.25em !important;
  background: var(--blue) !important;
  border-radius: 999px !important;
}

/* Blurb cards */
.et_pb_section_2 .et_pb_blurb {
  margin: 0 !important;
  padding: 22px 24px !important;
  background: var(--card-blue) !important;
  border-radius: 1rem !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.et_pb_section_2 .et_pb_blurb:nth-child(even) {
  background: var(--card-green) !important;
}

/* Blurb inner */
.et_pb_section_2 .et_pb_blurb_content {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

/* Icon wrapper */
.et_pb_section_2 .et_pb_main_blurb_image {
  float: none !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
}

.et_pb_section_2 .et_pb_main_blurb_image .et_pb_image_wrap {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hide original N icon */
.et_pb_section_2 .et_pb_main_blurb_image .et-pb-icon {
  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
}

/* Dot icon */
.et_pb_section_2 .et_pb_main_blurb_image .et-pb-icon::before {
  content: "" !important;
  width: 13px !important;
  height: 13px !important;
  display: block !important;
  border-radius: 999px !important;
  background: var(--dot-blue) !important;
}

/* Text */
.et_pb_section_2 .et_pb_blurb_container {
  float: none !important;
  flex: 1 1 auto !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

.et_pb_section_2 .et_pb_module_header {
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--body-size) !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  color: #111 !important;
}

.et_pb_section_2 .et_pb_module_header span {
  color: inherit !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {
  .et_pb_section_2 {
    --section-y: 48px;
    --gap: 22px;
    --heading-size: 1.8rem;
    --body-size: 1.05rem;
  }

  .et_pb_section_2 .et_pb_row_2 {
    width: 92% !important;
    flex-direction: column !important;
  }

  .et_pb_section_2 .et_pb_column_3,
  .et_pb_section_2 .et_pb_column_4 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .et_pb_section_2 .et_pb_text_2 .et_pb_text_inner {
    min-height: auto !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .et_pb_section_2 {
    --section-y: 28px;
    --gap: 16px;
    --card-gap: 12px;
    --heading-size: 1.5rem;
    --body-size: 1rem;
  }

  .et_pb_section_2 .et_pb_row_2 {
    width: 92% !important;
    max-width: 92% !important;
    gap: var(--gap) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .et_pb_section_2 .et_pb_text_2 .et_pb_text_inner {
    padding: 22px !important;
  }

  .et_pb_section_2 .et_pb_text_2 h2 {
    padding-left: 18px !important;
  }

  .et_pb_section_2 .et_pb_blurb {
    padding: 16px 18px !important;
  }

  .et_pb_section_2 .et_pb_blurb_content {
    gap: 12px !important;
  }

  .et_pb_section_2 .et_pb_main_blurb_image {
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    margin-top: 5px !important;
  }

  .et_pb_section_2 .et_pb_main_blurb_image .et-pb-icon::before {
    width: 12px !important;
    height: 12px !important;
  }
}