/** Shopify CDN: Minification failed

Line 12:0 Unexpected "}"

**/


/* SECTION CHÍNH */
/* .section {
  display: flex;
  min-height: 200vh; /* tạo đủ scroll */
} */

/* 3 CỘT */
.col {
  flex: 1;
  padding: 20px;
}

/* LEFT + RIGHT scroll bình thường */
.content p {
  margin: 40px 0;
}

.sticky-box {
  position: sticky;
  top: 280px;
  height: max-content;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.scroll-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.8fr 1fr;
}

.scroll-content-wrapper img {
  max-width: 100%;
}

.scroll-content-wrapper h2 {
  color: var(--White, var(--color-white-solid, #FFF));
  text-align: center;
  font-family: Archivo;
  font-size: 66px;
  font-style: normal;
  font-weight: var(--font-weight-300, 300);
  line-height: 60px; /* 90.909% */
  letter-spacing: var(--letter-spacing--0_52, -0.52px);
  text-transform: uppercase;
  margin-top: 52px;
  margin-bottom: 44px;
  max-width: 320px;
}

.odd-1, .odd-3, .even-2, .even-4 {
  opacity: 0 !important;
  pointer-events: none;
}

.scroll-content__sub-heading, .scroll-content__index {
  color: var(--white-55, var(--color-white-55, rgba(255, 255, 255, 0.55)));

  /* Archivo/Bold upper */
  font-family: Archivo;
  font-size: var(--font-size-12, 12px);
  font-style: normal;
  font-weight: var(--font-weight-700, 700);
  line-height: normal;
  letter-spacing: var(--letter-spacing-2_4, 2.4px);
  text-transform: uppercase;
}

.scroll-content__sub-heading {
  margin-top: 8px;
}

.scroll-content__index {
  margin-top: 50px;
}

.scroll-content-wrapper h3 {
  color: var(--White, var(--color-white-solid, #FFF));

  /* Archivo/Light upper */
  font-family: Archivo;
  font-size: var(--font-size-34, 34px);
  font-style: normal;
  font-weight: var(--font-weight-300, 300);
  line-height: var(--line-height-35_7, 35.7px); /* 105% */
  letter-spacing: var(--letter-spacing--0_34, -0.34px);
  text-transform: uppercase;
  margin-top: 16px;
}

.scroll-content__description {
  color: rgba(255, 255, 255, 0.85);

  /* Inter/Light */
  font-family: Inter;
  font-size: var(--font-size-15, 15px);
  font-style: normal;
  font-weight: var(--font-weight-300, 300);
  line-height: var(--line-height-27, 27px); /* 180% */
  opacity: 0.85;
}

@media screen and (max-width: 749px) {
  .scroll-content__center {
    display: none;
  }
  .scroll-content-wrapper {
    display: block;
  }
  .scroll-content__right {
    display: none;
  }
  .scroll-content__left .even, .scroll-content-wrapper .odd {
    display: flex;
    /* align-items: center; */
    gap: 24px;
    opacity: 1 !important;
  }
  .scroll-content__left .even-2, .scroll-content-wrapper .even-4 {
    flex-direction: row-reverse;
  }
  .scroll-content-wrapper img {
    width: 50%;
    height: auto;
  }
  .scroll-content-wrapper h3 {
    font-size: 20px;
    line-height: 22px;
    margin: 10px 0;
  }
  .scroll-content__description {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .scroll-content__index {
    margin-top: 10px;
  }
  .even+.even, .odd+.odd {
    margin-top: 60px;
  }

  .scroll-content-wrapper h2 {
    color: var(--White, var(--color-white-solid, #FFF));
    text-align: center;

    /* Archivo/Light upper */
    font-family: var(--font-family-Font-1, Archivo);
    font-size: var(--font-size-34, 34px);
    font-style: normal;
    font-weight: var(--font-weight-300, 300);
    line-height: var(--font-size-34, 34px); /* 100% */
    letter-spacing: var(--letter-spacing--0_34, -0.34px);
    text-transform: uppercase;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 54px;
  }
  .scroll-content__logo img {
    max-width: 44px;
    margin: 0 auto;
  }
  .scroll-content__logo {
    display: flex;
  }
}