:root {
  --page-padding: 20px;
}

@media (max-width: 1024px) {
  .hero-bg {
    height: auto;
    min-height: 100vh;
    align-items: stretch;
    overflow: visible;
  }

  .hero-black {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 34px var(--page-padding) 28px;
    min-height: 100vh;
    height: auto;
  }

  .hero-text-block,
  .hero-text-block2,
  .hero-text-block3 {
    position: static;
    transform: none;
    width: 100%;
    left: auto;
    top: auto;
    bottom: auto;
  }

  .hero-text-block,
  .hero-text-block2,
  .hero-text-block3,
  .hero-text-block2-h1,
  .hero-text-block2-label {
    text-align: center;
  }

  .hero-text-block-h1 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 12px;
  }

  .hero-text-block-title {
    font-size: 30px;
    line-height: 1.2;
  }

  .hero-text-block2 {
    width: 100%;
    margin-top: 20px;
  }

  .hero-text-block2-h1 {
    font-size: 20px;
    margin: 0 0 12px;
  }

  .hero-text-block2-img {
    width: min(320px, 62%);
    height: auto;
    margin: 0 auto;
  }

  .hero-text-block2-a,
  .hero-text-block3-cta {
    font-size: 15px;
    padding: 10px 16px;
  }

  .hero-text-block3 {
    margin-top: 22px;
  }

  .hero-text-block3-note {
    margin: 0 0 14px;
    font-size: 15px;
  }

  .program-is-designed-section,
  .participate-in-the-program,
  .Owner-self-study-program-vernagir,
  .go-banner,
  .sei-program-details,
  .features-section,
  .sei-modules-section,
  .You-will-receive {
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
  }

  .program-is-designed-section-vernagir,
  .You-will-receive-div,
  .sei-container,
  .sei-modules-container {
    width: 100%;
    max-width: 100%;
  }

  .program-is-designed-section-vernagir-h3,
  .participate-in-the-program-vernagir-h3,
  .Owner-self-study-program-vernagir-h3,
  .What-participate-program-vernagir-h3,
  .go-banner-h5,
  .go-banner-h5-3,
  .sei-modules-main-title {
    font-size: 28px;
    line-height: 1.25;
  }

  .offers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-width: 100%;
  }

  .offers__img {
    height: auto;
    object-fit: contain;
  }

  .participate-in-the-program-block {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
    margin-top: 20px;
  }

  .participate-in-the-program-div {
    width: 100%;
    min-height: 220px;
    height: auto;
  }

  .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .You-will-receive {
    height: auto;
    min-height: 48vh;
    margin-top: 56px;
  }

  .You-will-receive-black {
    position: relative;
    padding: 26px var(--page-padding);
  }

  .sei-program-details,
  .sei-modules-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .sei-container {
    gap: 18px;
  }

  .sei-info-column,
  .sei-card-column {
    min-width: 0;
    width: 100%;
  }

  .sei-modules-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .go-banner {
    height: auto;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .href {
    margin-top: 42px;
    margin-bottom: 18px;
    padding: 0 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 14px;
  }
}

@media (max-width: 767px) {
  :root {
    --page-padding: 16px;
  }

  .hero-black {
    padding-top: 24px;
  }

  .hero-text-block-h1 {
    font-size: 16px;
  }

  .hero-text-block-title,
  .program-is-designed-section-vernagir-h3,
  .participate-in-the-program-vernagir-h3,
  .Owner-self-study-program-vernagir-h3,
  .What-participate-program-vernagir-h3,
  .go-banner-h5,
  .go-banner-h5-3,
  .sei-modules-main-title {
    font-size: 22px;
  }

  .hero-text-block2-h1,
  .hero-text-block2-label,
  .You-will-receive-title {
    font-size: 18px;
  }

  .offers__grid,
  .participate-in-the-program-block,
  .container,
  .sei-modules-container {
    grid-template-columns: 1fr;
  }

  .offers__img {
    height: auto;
    object-fit: contain;
  }

  .participate-in-the-program-div {
    min-height: 0;
    padding: 16px 10px;
  }

  .You-will-receive-div,
  .You-will-receive-div-p,
  .text-content,
  .offers__text,
  .sei-subtitle,
  .sei-modules-description,
  .sei-modules-duration,
  .sei-modules-price {
    font-size: 15px;
    line-height: 1.45;
  }

  .href {
    margin-top: 30px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}