/* 2026 Refont Palette */
:root {
  --primary: #F1B050;
  --secondary: #395439;
  --digital-black: #232323; }

@media (max-width: 768px) {
  .ori-large_container.banner {
    height: auto;
    padding: 35px 2rem 15px; } }

@media (max-width: 1040px) {
  .ori-large_container.banner {
    height: auto;
    padding: 5rem 2rem 4rem;
    position: relative; } }

.banner {
  position: relative;
  height: 577px;
  display: flex;
  align-items: center;
  flex-direction: row;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  .banner::before {
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -16.29%, #000000 112.16%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 768px) {
      .banner::before {
        height: 100%; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .banner::before {
        height: 100%; } }
  .banner .banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .banner .content-banner {
    width: 70%;
    color: var(--white);
    z-index: 1; }
    @media (max-width: 1040px) {
      .banner .content-banner {
        width: 100%; } }
    .banner .content-banner .banner-title {
      margin: 0;
      padding: 1rem 0;
      color: var(--white); }
      @media (max-width: 768px) {
        .banner .content-banner .banner-title {
          font-size: var(--sizeTitleMobileH2);
          line-height: 27.5px; } }
    .banner .content-banner .subtitle {
      margin: 0;
      color: var(--white); }
      @media (max-width: 768px) {
        .banner .content-banner .subtitle {
          font-size: var(--fns-19); } }
    .banner .content-banner .banner-paragraph {
      margin: 0;
      color: var(--white); }
      .banner .content-banner .banner-paragraph a {
        text-decoration: underline;
        color: var(--white); }
      @media (max-width: 1024px) {
        .banner .content-banner .banner-paragraph {
          font-size: var(--fns-18);
          line-height: 21px; } }
    .banner .content-banner .ori-btn {
      margin: 48px 0 0;
      display: flex;
      color: #fff;
      width: fit-content;
      gap: 15px;
      padding-left: 0;
      align-items: center;
      padding: 0; }