.elementor-1298 .elementor-element.elementor-element-30d6ade{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1298 .elementor-element.elementor-element-b58d9de{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1298 .elementor-element.elementor-element-a65bbc1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1298 .elementor-element.elementor-element-eec549b{--display:flex;}.elementor-1298 .elementor-element.elementor-element-c79ffc4{--grid-columns:3;}.elementor-1298 .elementor-element.elementor-element-c79ffc4 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1298 .elementor-element.elementor-element-c79ffc4 .e-loop-item > .elementor-section, .elementor-1298 .elementor-element.elementor-element-c79ffc4 .e-loop-item > .elementor-section > .elementor-container, .elementor-1298 .elementor-element.elementor-element-c79ffc4 .e-loop-item > .e-con, .elementor-1298 .elementor-element.elementor-element-c79ffc4 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1298 .elementor-element.elementor-element-c79ffc4 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1298 .elementor-element.elementor-element-c79ffc4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1298 .elementor-element.elementor-element-c79ffc4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1298 .elementor-element.elementor-element-c79ffc4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1298 .elementor-element.elementor-element-c79ffc4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-1298:not(.elementor-motion-effects-element-type-background), body.elementor-page-1298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1298 .elementor-element.elementor-element-c79ffc4{--grid-columns:2;}}@media(max-width:767px){.elementor-1298 .elementor-element.elementor-element-c79ffc4{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-30d6ade *//* ============================================================
   SITA CLINIC V2
   BLOG01 — EDITORIAL BLOG HERO
   Scoped to Elementor Parent Container
   ============================================================ */

.elementor-1298 .elementor-element.elementor-element-30d6ade {
  --blog01-primary: #BB6358;
  --blog01-deep: #723129;
  --blog01-warm: #9A614D;
  --blog01-ink: #2A2422;
  --blog01-body: #4A3D39;
  --blog01-soft: #FBF4F0;
  --blog01-white: #FFFFFF;

  --blog01-rule: rgba(114, 49, 41, 0.18);
  --blog01-rule-soft: rgba(114, 49, 41, 0.12);

  width: 100%;
  min-width: 0;
}

/* LOCAL BOX SIZING */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01,
.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 * {
  box-sizing: border-box;
}

/* SECTION */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 {
  width: 100%;
  max-width: 100%;

  background: var(--blog01-white);
  color: var(--blog01-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  font-weight: 400;
}

/* CONTENT FRAME */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__frame {
  width: 100%;
  max-width: 1440px;

  margin-inline: auto;

  padding:
    26px
    88px
    112px;
}

/* ============================================================
   BREADCRUMB
   ============================================================ */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 10px;

  margin: 0 0 54px;
  padding: 0;

  font-size: 13px;
  line-height: 1.7;

  color: var(--blog01-warm);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__breadcrumb a {
  color: var(--blog01-warm);
  text-decoration: none;

  transition: color 180ms ease;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__breadcrumb a:hover {
  color: var(--blog01-deep);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__breadcrumb
[aria-current="page"] {
  color: var(--blog01-deep);
  font-weight: 500;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__separator {
  color: var(--blog01-warm);
  opacity: 0.75;
}

/* ============================================================
   SECTION META
   ============================================================ */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;

  gap: 12px 24px;

  padding-bottom: 21px;

  border-bottom:
    1px solid var(--blog01-rule);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__meta-number {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;

  color: var(--blog01-deep);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__meta-en {
  font-size: 11px;
  line-height: 1.6;
  font-weight: 500;

  letter-spacing: 0.15em;
  text-transform: uppercase;

  color: var(--blog01-warm);
}

/* ============================================================
   MAIN TWO-COLUMN LAYOUT
   ============================================================ */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  column-gap: 72px;

  align-items: start;

  margin-top: 64px;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__main,
.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__aside {
  min-width: 0;
}

/* ============================================================
   HERO HEADING
   ============================================================ */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 h1.sita-blog01__title {
  margin: 0;
  padding: 0;

  max-width: 760px;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: clamp(44px, 4.8vw, 72px);
  font-weight: 300;

  line-height: 1.17;
  letter-spacing: -0.025em;

  color: var(--blog01-ink);

  text-wrap: balance;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__title span {
  display: block;
  color: var(--blog01-deep);
}

/* INTRO TEXT */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 p.sita-blog01__intro {
  max-width: 610px;

  margin: 30px 0 0;
  padding: 0;

  font-size: clamp(16px, 1.35vw, 18px);
  line-height: 1.9;
  font-weight: 300;

  color: var(--blog01-body);

  text-wrap: pretty;
}

/* ============================================================
   WORDPRESS SEARCH
   ============================================================ */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search {
  width: 100%;
  max-width: 620px;

  margin: 50px 0 0;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-label {
  display: block;

  margin-bottom: 12px;

  font-size: 12px;
  line-height: 1.6;
  font-weight: 500;

  letter-spacing: 0.06em;

  color: var(--blog01-deep);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-label span {
  color: var(--blog01-warm);
  letter-spacing: 0.1em;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-bar {
  display: flex;
  align-items: center;

  width: 100%;
  min-width: 0;
  min-height: 72px;

  gap: 16px;

  border-bottom:
    2px solid var(--blog01-deep);

  transition: border-color 180ms ease;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-bar:focus-within {
  border-color: var(--blog01-primary);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
input.sita-blog01__search-input {
  display: block;

  flex: 1 1 auto;

  width: 100%;
  min-width: 0;
  min-height: 54px;

  margin: 0;
  padding: 12px 0;

  border: 0;
  border-radius: 0;
  box-shadow: none;

  background: transparent;

  font-family:
    "Noto Sans Thai",
    sans-serif;

  font-size: clamp(16px, 1.4vw, 19px);
  font-weight: 300;

  line-height: 1.5;

  color: var(--blog01-ink);

  appearance: none;
  -webkit-appearance: none;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
input.sita-blog01__search-input::placeholder {
  color: var(--blog01-warm);
  opacity: 1;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
input.sita-blog01__search-input:focus {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
input.sita-blog01__search-input:focus-visible {
  outline: 2px solid var(--blog01-deep);
  outline-offset: 3px;
}

/* SEARCH BUTTON */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
button.sita-blog01__search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  gap: 9px;

  min-width: 78px;
  min-height: 48px;

  margin: 0;
  padding: 10px 6px;

  border: 0;
  border-radius: 0;

  background: transparent;

  font-family:
    "Noto Sans Thai",
    sans-serif;

  font-size: 16px;
  font-weight: 500;

  line-height: 1.4;

  color: var(--blog01-deep);

  cursor: pointer;

  transition:
    color 180ms ease,
    background-color 180ms ease;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
button.sita-blog01__search-button:hover {
  background: var(--blog01-soft);
  color: var(--blog01-deep);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
button.sita-blog01__search-button:focus-visible {
  outline: 2px solid var(--blog01-deep);
  outline-offset: 3px;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-button span {
  font-size: 21px;
  line-height: 1;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 p.sita-blog01__search-hint {
  margin: 12px 0 0;
  padding: 0;

  font-size: 13px;
  line-height: 1.75;

  color: var(--blog01-warm);
}

/* ============================================================
   RIGHT EDITORIAL INDEX
   ============================================================ */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__aside {
  padding-left: 38px;

  border-left:
    1px solid var(--blog01-rule);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__aside-header {
  margin: 0;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
p.sita-blog01__aside-eyebrow {
  margin: 0;
  padding: 0;

  font-size: 11px;
  line-height: 1.6;
  font-weight: 500;

  letter-spacing: 0.16em;

  color: var(--blog01-warm);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
p.sita-blog01__aside-heading {
  margin: 14px 0 0;
  padding: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: clamp(25px, 2.3vw, 32px);
  font-weight: 300;

  line-height: 1.35;

  color: var(--blog01-deep);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
p.sita-blog01__aside-description {
  margin: 12px 0 0;
  padding: 0;

  font-size: 15px;
  line-height: 1.85;
  font-weight: 300;

  color: var(--blog01-body);
}

/* TOPIC LIST */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic-list {
  list-style: none;

  display: flex;
  flex-direction: column;

  gap: 0;

  margin: 31px 0 0;
  padding: 0;

  border-top:
    1px solid var(--blog01-rule);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic {
  display: grid;

  grid-template-columns:
    34px
    minmax(0, 1fr);

  column-gap: 17px;

  align-items: start;

  margin: 0;
  padding: 22px 0;

  border-bottom:
    1px solid var(--blog01-rule-soft);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic-number {
  padding-top: 4px;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 17px;
  font-weight: 300;

  line-height: 1.5;

  color: var(--blog01-deep);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic-content {
  min-width: 0;
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
strong.sita-blog01__topic-title {
  display: block;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 21px;
  font-weight: 400;

  line-height: 1.45;

  color: var(--blog01-ink);
}

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
p.sita-blog01__topic-description {
  margin: 7px 0 0;
  padding: 0;

  font-size: 14px;
  line-height: 1.8;
  font-weight: 300;

  color: var(--blog01-body);
}

/* ASIDE FOOTNOTE */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
p.sita-blog01__aside-footnote {
  margin: 22px 0 0;
  padding: 0;

  font-size: 13px;
  line-height: 1.8;

  color: var(--blog01-warm);
}

/* ============================================================
   TABLET: 768px–1199px
   ============================================================ */

@media (max-width: 1199px) {

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__frame {
    padding:
      24px
      40px
      88px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__breadcrumb {
    margin-bottom: 42px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__layout {
    grid-template-columns: minmax(0, 1fr);

    gap: 58px;
    margin-top: 50px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 h1.sita-blog01__title {
    max-width: 880px;
    font-size: clamp(48px, 6vw, 66px);
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 p.sita-blog01__intro {
    max-width: 760px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search {
    max-width: 760px;
    margin-top: 42px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__aside {
    padding:
      32px
      0
      0;

    border-left: 0;
    border-top:
      1px solid var(--blog01-rule);
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic-list {
    display: grid;
    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    column-gap: 24px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic {
    grid-template-columns: minmax(0, 1fr);

    gap: 6px;

    padding-top: 18px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic-number {
    padding: 0;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  strong.sita-blog01__topic-title {
    font-size: 19px;
  }

}

/* ============================================================
   MOBILE: BELOW 768px
   ============================================================ */

@media (max-width: 767px) {

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__frame {
    padding:
      20px
      24px
      72px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__breadcrumb {
    margin-bottom: 34px;
    gap: 8px;

    font-size: 12px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__meta {
    align-items: flex-start;
    gap: 7px;
    padding-bottom: 16px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__meta-number {
    font-size: 12px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__meta-en {
    width: 100%;
    font-size: 10px;
    letter-spacing: 0.11em;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__layout {
    gap: 44px;
    margin-top: 38px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 h1.sita-blog01__title {
    font-size: clamp(37px, 9.2vw, 48px);

    line-height: 1.22;
    letter-spacing: -0.02em;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__title span {
    display: block;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 p.sita-blog01__intro {
    margin-top: 23px;

    font-size: 16px;
    line-height: 1.85;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search {
    margin-top: 36px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-label {
    margin-bottom: 9px;
    font-size: 11px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-bar {
    min-height: 60px;
    gap: 9px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  input.sita-blog01__search-input {
    min-height: 48px;

    padding: 8px 0;

    font-size: 16px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  button.sita-blog01__search-button {
    min-width: 60px;
    min-height: 48px;

    gap: 5px;
    padding: 8px 3px;

    font-size: 14px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-button span {
    font-size: 18px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  p.sita-blog01__search-hint {
    font-size: 12px;
  }

  /* EDITORIAL INDEX */

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__aside {
    padding-top: 27px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  p.sita-blog01__aside-heading {
    margin-top: 10px;
    font-size: 26px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  p.sita-blog01__aside-description {
    font-size: 14px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic-list {
    display: flex;
    flex-direction: column;

    margin-top: 23px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic {
    grid-template-columns:
      30px
      minmax(0, 1fr);

    gap: 12px;

    padding: 16px 0;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__topic-number {
    padding-top: 3px;
    font-size: 15px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  strong.sita-blog01__topic-title {
    font-size: 19px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  p.sita-blog01__topic-description {
    font-size: 13px;
    line-height: 1.75;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  p.sita-blog01__aside-footnote {
    margin-top: 19px;
    font-size: 12px;
  }

}

/* ============================================================
   NARROW MOBILE: 359px AND BELOW
   ============================================================ */

@media (max-width: 359px) {

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 h1.sita-blog01__title {
    font-size: 35px;
    letter-spacing: -0.015em;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-bar {
    gap: 6px;
  }

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01
  button.sita-blog01__search-button {
    min-width: 56px;
    gap: 3px;
  }

}

/* ============================================================
   ACCESSIBILITY / MOTION
   ============================================================ */

.elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 a:focus-visible {
  outline: 2px solid var(--blog01-deep);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {

  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 a,
  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01 button,
  .elementor-1298 .elementor-element.elementor-element-30d6ade .sita-blog01__search-bar {
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b58d9de *//* ============================================================
   SITA CLINIC V2 — BLOG02
   FEATURED MELASMA + READING PATH
   Version: 1.0 — Launch Phase 1

   WHERE:
   BLOG02 Parent Container > Advanced > Custom CSS

   Fully scoped to Elementor ".elementor-1298 .elementor-element.elementor-element-b58d9de".
   Breakpoints:
   Desktop >= 1200px
   Tablet 768px–1199px
   Mobile <= 767px
   ============================================================ */


/* 01 — SECTION FOUNDATION */

.elementor-1298 .elementor-element.elementor-element-b58d9de {
  --blog02-primary: #BB6358;
  --blog02-deep: #723129;
  --blog02-warm: #9A614D;
  --blog02-ink: #2A2422;
  --blog02-body: #4A3D39;
  --blog02-soft: #FBF4F0;
  --blog02-line: rgba(114, 49, 41, 0.20);

  background: var(--blog02-soft);
  width: 100%;
  min-width: 0;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02,
.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02 * {
  box-sizing: border-box;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02 {
  width: 100%;
  background: var(--blog02-soft);
  color: var(--blog02-ink);
  font-family: "Noto Sans Thai", sans-serif;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
}


/* 02 — SECTION EYEBROW */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__section-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 8px;

  margin: 0;
  padding: 0 0 22px;
  border-bottom: 1px solid var(--blog02-line);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__section-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--blog02-primary);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__section-en {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.20em;
  color: var(--blog02-warm);
}


/* 03 — MAIN EDITORIAL GRID */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__layout {
  display: grid;
  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 80px;
  align-items: start;

  margin-top: 56px;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__featured,
.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__reading {
  min-width: 0;
}


/* 04 — FEATURE IMAGE */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__figure {
  margin: 0;
  padding: 0;
  width: 100%;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__image-link {
  display: block;
  position: relative;

  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;

  background: #EDE5DF;
  text-decoration: none;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;

  object-fit: cover;
  object-position: center center;

  transition: transform 400ms ease;
}

@media (hover: hover) {
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__image-link:hover
  .sita-blog02__image {
    transform: scale(1.025);
  }
}


/* 05 — FEATURE CONTENT */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__featured-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;

  margin-top: 36px;

  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.14em;
  color: var(--blog02-warm);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__title {
  margin: 18px 0 0;
  padding: 0;

  font-family: "Anuphan", sans-serif;
  font-weight: 300;
  font-size: 52px;
  line-height: 1.18;
  letter-spacing: -0.015em;

  color: var(--blog02-ink);
  overflow-wrap: break-word;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__description {
  max-width: 600px;
  margin: 22px 0 0;
  padding: 0;

  font-size: 18px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--blog02-body);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__text-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  width: fit-content;
  margin-top: 28px;
  padding-bottom: 4px;

  border-bottom: 1px solid rgba(114,49,41,.4);

  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--blog02-deep);
  text-decoration: none;

  transition: color 200ms ease, gap 200ms ease;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__text-link:hover {
  color: var(--blog02-primary);
  gap: 14px;
}


/* 06 — READING PATH HEADER */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__reading-label {
  margin: 0;
  padding: 0;

  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.15em;
  color: var(--blog02-warm);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__reading-desc {
  margin: 10px 0 0;
  padding: 0;

  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
  color: var(--blog02-body);
}


/* 07 — READING PATH LIST */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__list {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;

  border-top: 1px solid rgba(114,49,41,.25);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item {
  margin: 0;
  padding: 0;
  list-style: none;

  border-bottom: 1px solid rgba(114,49,41,.14);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-link,
.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-static {
  display: grid;

  grid-template-columns:
    48px
    minmax(0, 1fr)
    20px;

  column-gap: 16px;
  align-items: baseline;

  width: 100%;
  padding: 22px 0;

  color: inherit;
  text-decoration: none;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__num {
  display: block;

  font-family: "Anuphan", sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1.3;
  color: var(--blog02-primary);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-content {
  display: block;
  min-width: 0;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-title {
  margin: 0;
  padding: 0;

  font-family: "Anuphan", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.4;
  color: var(--blog02-ink);

  transition: color 200ms ease;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-desc {
  display: block;
  margin-top: 4px;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--blog02-warm);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__arrow {
  display: inline-block;

  font-size: 20px;
  line-height: 1.2;
  text-align: right;
  color: var(--blog02-primary);

  transition: transform 200ms ease;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-link:hover
.sita-blog02__item-title {
  color: var(--blog02-deep);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-link:hover
.sita-blog02__arrow {
  transform: translateX(4px);
}


/* 08 — PENDING ARTICLE */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item--pending {
  color: var(--blog02-body);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item--pending
.sita-blog02__item-title {
  color: var(--blog02-ink);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item--pending
.sita-blog02__item-static {
  grid-template-columns:
    48px
    minmax(0,1fr)
    auto;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__pending-label {
  align-self: center;
  white-space: nowrap;

  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--blog02-warm);
}


/* 09 — SECONDARY LINKS */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;

  margin-top: 40px;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__footer-link {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;

  max-width: 100%;
  padding-bottom: 4px;

  border-bottom: 1px solid rgba(114,49,41,.35);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--blog02-deep);
  text-decoration: none;

  transition: color 200ms ease;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__footer-link:hover {
  color: var(--blog02-primary);
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__footer-link--primary {
  font-weight: 500;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__footer-link small {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--blog02-warm);
}


/* 10 — KEYBOARD & REDUCED MOTION */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02 a:focus-visible {
  outline: 2px solid var(--blog02-deep);
  outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02 *,
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02 *::before,
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02 *::after {
    transition: none !important;
    animation: none !important;
  }
}


/* ============================================================
   TABLET — 768px to 1199px
   ============================================================ */

@media (min-width: 768px) and (max-width: 1199px) {

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__inner {
    padding: 88px 40px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__layout {
    gap: 40px;
    margin-top: 40px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__title {
    font-size: 38px;
    line-height: 1.22;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__description {
    font-size: 16px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-title {
    font-size: 18px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-link,
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-static {
    grid-template-columns: 38px minmax(0,1fr) 18px;
    column-gap: 12px;
    padding: 17px 0;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item--pending
  .sita-blog02__item-static {
    grid-template-columns: 38px minmax(0,1fr) auto;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__num {
    font-size: 22px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-desc {
    font-size: 13px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__pending-label {
    font-size: 10px;
  }

}


/* TABLET 768px — ONE COLUMN */

@media (min-width: 768px) and (max-width: 899px) {

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__inner {
    padding: 72px 40px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__layout {
    grid-template-columns: minmax(0,1fr);
    gap: 56px;
    margin-top: 32px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__title {
    font-size: 34px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-title {
    font-size: 20px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-link,
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-static {
    padding: 20px 0;
  }

}


/* ============================================================
   MOBILE — <= 767px
   ============================================================ */

@media (max-width: 767px) {

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__inner {
    padding: 64px 24px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__section-head {
    padding-bottom: 14px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__section-label {
    font-size: 12px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__section-en {
    font-size: 10px;
    letter-spacing: 0.12em;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__layout {
    grid-template-columns: minmax(0,1fr);
    gap: 40px;
    margin-top: 24px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__image-link,
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__image {
    aspect-ratio: 3 / 2;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__featured-meta {
    margin-top: 22px;
    font-size: 11px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__title {
    margin-top: 10px;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__desktop-break {
    display: none;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__description {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.85;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__text-link {
    margin-top: 18px;
    font-size: 15px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__reading-label {
    font-size: 11px;
    letter-spacing: 0.12em;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__reading-desc {
    font-size: 14px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__list {
    margin-top: 14px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-link,
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-static {
    grid-template-columns:
      36px minmax(0,1fr) 18px;

    column-gap: 10px;
    padding: 16px 0;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item--pending
  .sita-blog02__item-static {
    grid-template-columns: 36px minmax(0,1fr) auto;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__num {
    font-size: 20px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-title {
    font-size: 17px;
    line-height: 1.4;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-desc {
    font-size: 13px;
    line-height: 1.6;
    margin-top: 3px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__arrow {
    font-size: 18px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__pending-label {
    font-size: 10px;
    white-space: normal;
    text-align: right;
    max-width: 54px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__footer-links {
    margin-top: 24px;
    gap: 8px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__footer-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 15px;
  }

}


/* 359px NARROW-SCREEN SAFETY */

@media (max-width: 359px) {

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__title {
    font-size: 27px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-title {
    font-size: 16px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-desc {
    font-size: 12px;
  }

  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-link,
  .elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__item-static {
    column-gap: 8px;
  }

}

/* =====================================================
   SITA BLOG02 — FEATURE IMAGE ASPECT RATIO FIX v1.1
   Source: 1200 × 630 (40:21)
   Paste at the END of BLOG02 Parent Custom CSS
   ===================================================== */

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__image-link {
  aspect-ratio: 40 / 21;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #EDE5DF;
}

.elementor-1298 .elementor-element.elementor-element-b58d9de .sita-blog02__image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 40 / 21;

  /* Preserve all image content, including text */
  object-fit: contain;
  object-position: center center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a65bbc1 *//* ======================================================
   SITA CLINIC V2 — BLOG03
   ALL ARTICLES ARCHIVE
   VERSION 1.0 — LAUNCH PHASE 1

   WHERE:
   BLOG03 Parent > Advanced > Custom CSS

   Includes:
   - Editorial heading
   - Inner layout
   - Loop Grid responsive columns
   - Pagination styling
   ====================================================== */

/* 01 — ROOT */

.elementor-1298 .elementor-element.elementor-element-a65bbc1 {
  --blog03-ink: #2A2422;
  --blog03-body: #4A3D39;
  --blog03-primary: #BB6358;
  --blog03-deep: #723129;
  --blog03-warm: #9A614D;
  --blog03-line: rgba(114, 49, 41, 0.18);
  --blog03-soft: #FBF4F0;

  display: block;
  width: 100%;
  min-width: 0;

  background: #FFFFFF;
  color: var(--blog03-ink);
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__inner,
.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__inner * {
  box-sizing: border-box;
}

/* 02 — CONTENT WIDTH */

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__inner {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;
  padding: 112px 88px 120px;
}

/* 03 — HEADING */

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__header {
  width: 100%;
  margin: 0;
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__eyebrow-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;

  gap: 12px 24px;
  padding-bottom: 20px;

  border-bottom: 1px solid var(--blog03-line);
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__eyebrow {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--blog03-primary);
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__english {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.6;
  color: var(--blog03-warm);
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__heading-wrap {
  max-width: 780px;
  padding-top: 38px;
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__title {
  margin: 0;
  padding: 0;

  font-family: "Anuphan", sans-serif;
  font-size: 46px;
  font-weight: 300;
  line-height: 1.2;

  letter-spacing: -0.01em;
  color: var(--blog03-ink);
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__description {
  max-width: 680px;
  margin: 18px 0 0;
  padding: 0;

  font-family: "Noto Sans Thai", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--blog03-body);
}

/* 04 — LOOP GRID POSITION */

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop {
  width: 100%;
  min-width: 0;

  margin-top: 48px;
}

/* Force desired columns to match SITA V2 breakpoints.
   Do not change global Elementor breakpoints. */

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
.elementor-loop-container.elementor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 36px;
  row-gap: 52px;
  align-items: stretch;
}

/* 05 — PAGINATION */

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
.elementor-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  gap: 8px;
  margin-top: 64px;

  font-family: "Noto Sans Thai", sans-serif;
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
.elementor-pagination .page-numbers {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-width: 42px;
  min-height: 42px;
  margin: 0;
  padding: 8px 12px;

  color: var(--blog03-deep);
  background: transparent;

  border: 1px solid transparent;
  border-radius: 2px;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;

  text-decoration: none;
  transition:
    background 180ms ease,
    color 180ms ease,
    border-color 180ms ease;
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
.elementor-pagination .page-numbers.current {
  color: #FFFFFF;
  background: var(--blog03-deep);
  border-color: var(--blog03-deep);
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
.elementor-pagination a.page-numbers:hover {
  color: var(--blog03-deep);
  background: var(--blog03-soft);
  border-color: var(--blog03-line);
}

.elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
.elementor-pagination a:focus-visible {
  outline: 2px solid var(--blog03-deep);
  outline-offset: 3px;
}

/* 06 — TABLET 768–1199px */

@media (min-width: 768px) and (max-width: 1199px) {

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__inner {
    padding: 88px 40px 96px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__title {
    font-size: 40px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
  .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 42px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
  .elementor-pagination {
    margin-top: 52px;
  }
}

/* 07 — MOBILE <= 767px */

@media (max-width: 767px) {

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__inner {
    padding: 72px 24px 88px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__eyebrow-row {
    padding-bottom: 14px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__eyebrow {
    font-size: 12px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__english {
    font-size: 10px;
    letter-spacing: 0.12em;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__heading-wrap {
    padding-top: 28px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__title {
    font-size: 32px;
    line-height: 1.24;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__description {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop {
    margin-top: 32px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
  .elementor-loop-container.elementor-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 32px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
  .elementor-pagination {
    margin-top: 40px;
    gap: 4px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop
  .elementor-pagination .page-numbers {
    min-width: 40px;
    min-height: 44px;
  }
}

/* 08 — NARROW 359px */

@media (max-width: 359px) {
  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__title {
    font-size: 29px;
  }
}

/* 09 — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop *,
  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop *::before,
  .elementor-1298 .elementor-element.elementor-element-a65bbc1 .sita-blog03__loop *::after {
    transition: none !important;
    animation: none !important;
  }
}/* End custom CSS */