.section-web-ar,
.acf-block-preview .section-web-ar {
  transition: background-color 0.3s linear; }
  .theme-night .section-web-ar, .theme-night
  .acf-block-preview .section-web-ar {
    background-color: #021823; }
  @media (max-width: 1279.5px) {
    .section-web-ar__body,
    .acf-block-preview .section-web-ar__body {
      display: flex;
      flex-wrap: wrap; } }
  .section-web-ar__bg,
  .acf-block-preview .section-web-ar__bg {
    position: absolute;
    left: 49%;
    top: 0;
    right: 0;
    bottom: 0; }
    .section-web-ar__bg .button-modal-video,
    .acf-block-preview .section-web-ar__bg .button-modal-video {
      transform: translate(-50%, -50%) scale(1.25); }
    @media (min-width: 1280px) {
      .section-web-ar__bg .background-img,
      .acf-block-preview .section-web-ar__bg .background-img {
        clip-path: polygon(11rem 0, 100% 0, 100% 100%, 0 100%); }
      .section-web-ar__bg .button-modal-video,
      .acf-block-preview .section-web-ar__bg .button-modal-video {
        left: 0;
        transform: translate(0, -50%) scale(1.25); } }
    @media (max-width: 1279.5px) {
      .section-web-ar__bg,
      .acf-block-preview .section-web-ar__bg {
        position: relative;
        left: 0;
        padding-top: 64%;
        flex: 0 0 100%;
        order: 1; } }
    @media (max-width: 767.5px) {
      .section-web-ar__bg,
      .acf-block-preview .section-web-ar__bg {
        padding-top: 67%; }
        .section-web-ar__bg .button-modal-video,
        .acf-block-preview .section-web-ar__bg .button-modal-video {
          transform: translate(-50%, -50%); } }
  .section-web-ar__content,
  .acf-block-preview .section-web-ar__content {
    position: relative;
    padding: 18.6rem 0;
    width: 49%; }
    @media (max-width: 1279.5px) {
      .section-web-ar__content,
      .acf-block-preview .section-web-ar__content {
        padding: 6rem 0;
        width: 100%; } }
    @media (max-width: 767.5px) {
      .section-web-ar__content,
      .acf-block-preview .section-web-ar__content {
        padding: 4rem 0 3rem; } }
  .section-web-ar__title, .section-web-ar__subtitle,
  .acf-block-preview .section-web-ar__title,
  .acf-block-preview .section-web-ar__subtitle {
    max-width: 65rem; }
  .section-web-ar__title,
  .acf-block-preview .section-web-ar__title {
    text-align: left; }
    @media (max-width: 1279.5px) {
      .section-web-ar__title,
      .acf-block-preview .section-web-ar__title {
        font-size: 8rem; } }
    @media (max-width: 767.5px) {
      .section-web-ar__title,
      .acf-block-preview .section-web-ar__title {
        font-size: 5.5rem; } }
  .section-web-ar__subtitle,
  .acf-block-preview .section-web-ar__subtitle {
    margin-top: 3rem;
    color: #ff1e00;
    font-size: 2.2rem;
    line-height: 100%; }
    @media (max-width: 1279.5px) {
      .section-web-ar__subtitle,
      .acf-block-preview .section-web-ar__subtitle {
        margin-top: 1.5rem;
        font-size: 2rem; } }
  .section-web-ar__description,
  .acf-block-preview .section-web-ar__description {
    margin-top: 3rem;
    margin-bottom: 0;
    opacity: 75%; }
    @media (min-width: 1280px) {
      .section-web-ar__description,
      .acf-block-preview .section-web-ar__description {
        max-width: 60.2rem; } }
    @media (max-width: 1279.5px) {
      .section-web-ar__description,
      .acf-block-preview .section-web-ar__description {
        margin-top: 2rem;
        font-size: 1.6rem; } }
    @media (max-width: 767.5px) {
      .section-web-ar__description,
      .acf-block-preview .section-web-ar__description {
        font-size: 1.5rem; } }
  .section-web-ar__link,
  .acf-block-preview .section-web-ar__link {
    margin-top: 5rem; }
    @media (max-width: 1279.5px) {
      .section-web-ar__link,
      .acf-block-preview .section-web-ar__link {
        margin-top: 3rem; } }