/* SECTION536 — Bảo trợ bởi Tập đoàn Golden Gate */
.mc-qt-golden-wrap.elementor-section,
.elementor-section.mc-qt-golden-wrap,
.mc-qt-golden {
  --qt-golden-text: #850e35;
  --qt-golden-accent: #ee6983;
  --qt-golden-bg: #fff7f9;
  position: relative;
  width: 100%;
  min-height: 494px;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--qt-golden-bg) !important;
  overflow: hidden;
}

.mc-qt-golden-wrap > .elementor-container {
  position: relative !important;
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  min-height: 494px;
  margin: 0 auto !important;
  padding: 0 !important;
}

.mc-qt-golden-wrap > .elementor-container > .elementor-column,
.mc-qt-golden-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap {
  position: relative !important;
  min-height: 494px;
  margin: 0 !important;
  padding: 0 !important;
}

.mc-qt-golden-wrap .elementor-element {
  margin: 0 !important;
  padding: 0 !important;
}

.mc-qt-golden-wrap .elementor-element.mc-qt-golden__decor-html {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100%;
  pointer-events: none;
}

.mc-qt-golden__decor {
  position: absolute;
  left: 25px;
  top: 24px;
  width: 23px;
  height: 32px;
  color: rgba(133, 14, 53, 0.5);
}

.mc-qt-golden__decor svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.mc-qt-golden-wrap .elementor-element.mc-qt-golden__title,
.mc-qt-golden__title {
  position: absolute !important;
  left: 49px !important;
  top: 38px !important;
  width: 539px !important;
  z-index: 2;
}

.mc-qt-golden-wrap .mc-qt-golden__title .elementor-heading-title,
.mc-qt-golden__title {
  margin: 0;
  font-family: "Cormorant Upright", Georgia, serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--qt-golden-text);
  text-align: left;
}

.mc-qt-golden__title-accent {
  color: var(--qt-golden-accent);
}

.mc-qt-golden-wrap .elementor-element.mc-qt-golden__image-html {
  position: absolute !important;
  left: 59px !important;
  top: 115px !important;
  width: 1082px !important;
  height: 306px;
  overflow: hidden;
}

.mc-qt-golden__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* Ladi IMAGE539: bg layer taller + top -70, overflow hidden */
  background-color: #fff8e8;
  background-position: left -70px;
  background-repeat: no-repeat;
  background-size: cover;
}

.mc-qt-golden__image--mobile {
  display: none;
}

.mc-qt-golden__inner {
  position: relative;
  width: min(100%, 1200px);
  min-height: 494px;
  margin: 0 auto;
}

.mc-qt-golden__inner > .mc-qt-golden__image {
  position: absolute;
  left: 59px;
  top: 115px;
  width: 1082px;
  height: 306px;
}

/* iPad: giữ bố cục desktop nhưng co dải logo cho vừa màn hình (Ladi để tràn) */
@media (min-width: 768px) and (max-width: 1024px) {
  .mc-qt-golden-wrap.elementor-section,
  .elementor-section.mc-qt-golden-wrap,
  .mc-qt-golden,
  .mc-qt-golden-wrap > .elementor-container,
  .mc-qt-golden-wrap > .elementor-container > .elementor-column,
  .mc-qt-golden-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap,
  .mc-qt-golden__inner {
    min-height: calc(170px + 25.5vw);
  }

  .mc-qt-golden-wrap .elementor-element.mc-qt-golden__image-html,
  .mc-qt-golden__inner > .mc-qt-golden__image {
    left: 4.9% !important;
    top: 110px !important;
    width: 90.2% !important;
    height: auto !important;
    aspect-ratio: 1082 / 306;
  }
}

@media (max-width: 767px) {
  .mc-qt-golden-wrap.elementor-section,
  .elementor-section.mc-qt-golden-wrap,
  .mc-qt-golden {
    min-height: 353px;
  }

  .mc-qt-golden-wrap > .elementor-container,
  .mc-qt-golden-wrap > .elementor-container > .elementor-column,
  .mc-qt-golden-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap,
  .mc-qt-golden__inner {
    min-height: 353px;
  }

  .mc-qt-golden__decor {
    left: 3px;
    top: 13px;
  }

  .mc-qt-golden-wrap .elementor-element.mc-qt-golden__title,
  .mc-qt-golden__title {
    left: 27px !important;
    top: 28px !important;
    width: min(307px, calc(100% - 38px)) !important;
  }

  .mc-qt-golden-wrap .mc-qt-golden__title .elementor-heading-title,
  .mc-qt-golden__title {
    font-size: 30px;
  }

  .mc-qt-golden-wrap .elementor-element.mc-qt-golden__image-html {
    left: 7.5% !important;
    top: 114px !important;
    width: 86.6% !important;
    height: 200px;
  }

  .mc-qt-golden__image--desktop {
    display: none;
  }

  .mc-qt-golden__image--mobile {
    display: block;
    /* Ladi IMAGE540 bg: top ~-72 on ~200 visible */
    background-position: center -72px;
    background-size: cover;
  }

  .mc-qt-golden__inner > .mc-qt-golden__image--mobile {
    position: absolute;
    left: 7.5%;
    top: 114px;
    width: 86.6%;
    height: 200px;
  }
}