@media (max-width: 767px) {
  body > section.pt-20.relative {
    padding-top: 0 !important;
  }

  body > section.relative > .h-\[800px\],
  body > section.pt-20.relative > .h-\[800px\],
  body > section.relative.h-\[800px\] {
    aspect-ratio: 12 / 5;
    height: auto !important;
    margin-top: 2.3rem;
  }

  body > section.relative > .h-\[800px\] img,
  body > section.pt-20.relative > .h-\[800px\] img,
  body > section.relative.h-\[800px\] img {
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
  }

  body > section.relative > .h-\[800px\] > .absolute.inset-0:last-child,
  body > section.pt-20.relative > .h-\[800px\] > .absolute.inset-0:last-child,
  body > section.relative.h-\[800px\] > .absolute.inset-0:last-child {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 100%;
    padding: 0 1rem !important;
    text-align: center !important;
  }

  body > section.relative > .h-\[800px\] h1,
  body > section.pt-20.relative > .h-\[800px\] h1,
  body > section.relative.h-\[800px\] h1 {
    font-size: clamp(1.35rem, 5.7vw, 1.7rem) !important;
    line-height: 1.15 !important;
    margin-bottom: 0.45rem !important;
  }

  body > section.relative > .h-\[800px\] p,
  body > section.pt-20.relative > .h-\[800px\] p,
  body > section.relative.h-\[800px\] p {
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
    margin-bottom: 0.65rem !important;
    max-width: 22rem !important;
  }

  body > section.relative > .h-\[800px\] .btn-olive,
  body > section.pt-20.relative > .h-\[800px\] .btn-olive,
  body > section.relative.h-\[800px\] .btn-olive {
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    padding: 0.45rem 0.85rem !important;
  }

  .page_banner {
    aspect-ratio: 96 / 25;
    height: auto !important;
    margin-top: 5rem;
  }

  .page_banner .page_img,
  .page_banner .page_img img {
    height: 100% !important;
    width: 100% !important;
  }

  .page_banner .page_img img {
    object-fit: contain !important;
    object-position: center center !important;
  }

  .page_banner .page_txt {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .page_txt .page_tit {
    padding: 0 1rem !important;
  }

  .page_tit > div {
    font-size: clamp(1.35rem, 5.7vw, 1.7rem) !important;
    line-height: 1.15 !important;
    margin-bottom: 0.45rem !important;
  }

  .page_tit p {
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
  }
}
