.nav_links_link.w--current {
  .nav_links_dot_active {
    opacity: 1;
  }
}

.nav_links_dot_item {
  opacity: 0;
}

.button_main_wrap {
  [data-icon-btn="left"] {
    width: 0;
  }

  [data-icon-btn="right"] {
  }

  [data-icon-btn="left"],
  [data-icon-btn="right"] {
    overflow: hidden;
    transition: all 0.3s ease;
  }
}

.button_main_wrap:hover {
  [data-icon-btn="left"] {
    width: 24px;
  }
  [data-icon-btn="right"] {
    width: 0;
  }
}

.main_hero_btn_wrap {
  [data-icon-btn="left"] {
    width: 0;
  }

  [data-icon-btn="right"] {
  }

  [data-icon-btn="left"],
  [data-icon-btn="right"] {
    overflow: hidden;
    transition: all 0.3s ease;
  }
}

.main_hero_btn_wrap:hover {
  [data-icon-btn="left"] {
    width: 24px;
  }
  [data-icon-btn="right"] {
    width: 0;
  }
}

.nav_component:has(.w-nav-button.w--open) {
  .nav_mobile_layout {
    border: 1px solid transparent;
  }
}

/* @media screen and (min-height: 1140px) and (min-width: 1600px) {
  .main_hero_visual_canvas_wrap.is-decreased {
    margin-top: -65vh;
    top: 20vh;
  }
}

@media screen and (min-height: 2000px) and (min-width: 2160px) {
  .main_hero_visual_canvas_wrap.is-decreased {
    margin-top: -50vh;
    top: 20vh;
  }
}

@media screen and (min-height: 560px) and (min-width: 1000px) and (max-width: 1200px) and (max-height: 1000px) {
  .main_hero_visual_canvas_wrap.is-decreased {
    margin-top: -100vh;
    top: 10vh;
  }
}
@media screen and (min-height: 600px) and (min-width: 1000px) and (max-width: 1500px) and (max-height: 750px) {
  .main_hero_visual_canvas_wrap.is-decreased {
    margin-top: -120vh;
    top: 0vh;
  }
}

@media screen and (min-height: 409px) and (min-width: 1000px) and (max-width: 1500px) and (max-height: 599px) {
  .main_hero_visual_canvas_wrap.is-decreased {
    margin-top: -140vh;
    top: 0vh;
  }
}

@media screen and (min-width: 992px) and (min-height: 1100px) and (max-width: 1100px) and (max-height: 1400px) {
  .main_hero_visual_canvas_wrap.is-decreased {
    margin-top: -60vh;
    top: 20vh;
  }
}

@media screen and (min-width: 560px) and (min-height: 900px) and (max-width: 900px) and (max-height: 1000px) {
  .main_hero_visual_canvas_wrap.is-decreased {
    margin-top: -60vh;
    top: 20vh;
  }
} */

@media screen and (min-height: 0px) and (max-height: 800px) and (min-width: 992px) {
  .main_works_wrap.u-section {
    position: relative;
    top: auto;

    .main_works_layout {
      position: static;
    }

    .main_works_content_wrap {
      margin-top: var(--_spacing---space--8);
      gap: 3.5rem;
      flex-flow: column;
      padding-left: 1.25rem;
    }

    .main_works_item {
      width: auto;
      min-height: 16rem;
    }

    .main_works_content_line.is-desktop {
      display: none;
    }

    .main_works_content_line.is-mobile {
      flex-flow: column;
      width: 3.125rem;
      display: flex;
      top: 1.875rem;
      left: 0;
    }

    .main_works_spacer_wrap {
      display: none;
    }
  }

  .cta_wrap.u-section.is-home {
    margin-top: 0;
  }
}