.home-our-story-container {
  background: var(--primary-main);
  padding-block: 48px;

  @media (width >=768px) {
    padding-block: 56px;
  }

  @media (width >=1024px) {
    padding-block: 80px;
  }

  .our-story__image {
    min-height: 241px;
    height: 100%;

    @media (width >=768px) {
      min-height: 492px;
    }

    @media (width >=1024px) {
      min-height: auto;
      max-height: 512px;
    }

    img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      aspect-ratio: 4/3;
    }
  }

  .our-story__dealer-contact-wrapper {
    margin: var(--m-16px) 0;
    display: flex;
    flex-direction: column;

    @media (width >=768px) {
      flex-flow: row wrap;
    }

    a {
      display: flex;
      align-items: center;
      font-size: var(--body-xs-nexa, var(--body-xxs-arena));
    }

  }

  .our-story__dealer-contact {
    color: var(--tertiary-white);
    font-size: var(--fs-16px);
    font-weight: var(--fw-500);
    line-height: var(--lh-32px-nexa);

    &::before {
      content: " ";
      background: url('/icons/phone.svg') no-repeat center;
      height: 20px;
      width: 20px;
      margin-right: var(--m-4px);
      display: inline-flex;
      background-size: 14px;
      filter: invert(1);

      @media (width >=1024px) {
        width: 24px;
        height: 24px;
      }
    }

    &::after {
      @media (width >=768px) {
        content: "|";
        padding-left: 4px;
      }
    }

    &:last-child::after {
      content: none;
    }
  }

  .addressLabel {
    margin: 15px 0;
  }

  .our-story__content {
    margin-top: 32px;

    @media (width >=1024px) {
      margin-top: 0;
      max-height: 512px;
      overflow: hidden auto;
    }

    .sub-heading {
      margin: 16px 0 24px;

      @media (width >=1024px) {
        margin: 24px 0 24px;
      }

      @media (width >=1366px) {
        margin-top: 15px;
      }

      @media (width >=1920px) {
        margin-top: 24px;
      }
    }

    .body-text {
      color: var(--tertiary-white);
    }

    .know-more_btn {
      margin-top: 31px;

      @media (width >=1024px) {
        margin-top: 47px;
        width: max-content;
      }

      .btn {
        @media (width >=1024px) {
          font-size: var(--body-m-nexa, var(--heading-s-arena));
        }
      }
    }
  }

  .our-story__description {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .g-lg-5,
  .g-xl-5 {
    display: flex;
    align-items: center;
  }
}

body.arena {
  .home-our-story-container {
    background: var(--white-smoke);

    .our-story__image {
      min-height: auto;
    }

    .our-story__content {
      .sub-heading.font-light {
        font-weight: var(--fw-400);
      }

      .heading {
        margin-top: 8px;
      }

      .know-more_btn {
        margin-top: 32px;

        @media (width >=1024px) {
          margin-top: 48px;
        }

        .btn {
          padding: 12px 24px;
          height: 42px;

          @media (width >=1024px) {
            width: max-content;
          }

          &.btn-secondary-outline {
            background: var(--Primary-main-arena);
            color: var(--white-smoke);
            border: 0;
            box-shadow: none;
          }
        }
      }
    }

    .our-story__dealer-address {
      .light {
        color: var(--tertiary-black);
      }
    }

    .our-story__dealer-contact {
      color: var(--tertiary-black);
    }
  }
}