/* Mixins
--------------------------------------------------------------- */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.arrow-slider-section {
  position: relative; }
  .arrow-slider-section .arrow_slider_wrap {
    position: relative; }
    .arrow-slider-section .arrow_slider_wrap .bg_imgs {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 0;
      pointer-events: none; }
      .arrow-slider-section .arrow_slider_wrap .bg_imgs img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
      .arrow-slider-section .arrow_slider_wrap .bg_imgs:before {
        content: "";
        z-index: 2;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        display: block; }
    .arrow-slider-section .arrow_slider_wrap .swiper-slide {
      height: auto;
      filter: brightness(0.5);
      transition: filter 1s; }
      @media (min-width: 1024px) {
        .arrow-slider-section .arrow_slider_wrap .swiper-slide {
          padding: 15vh 30px;
          min-height: calc(100vh - 92px);
          min-height: calc((var(--vh, 1vh) * 100) - 92px); } }
      @media (min-width: 768px) and (max-width: 1023.98px) {
        .arrow-slider-section .arrow_slider_wrap .swiper-slide {
          height: 100%;
          min-height: calc(85vh - 92px);
          min-height: calc((var(--vh, 1vh) * 85) - 92px); } }
      @media (max-width: 767.98px) {
        .arrow-slider-section .arrow_slider_wrap .swiper-slide {
          min-height: calc(100vh - 64px);
          min-height: calc((var(--vh, 1vh) * 100) - 64px);
          height: 100%; } }
      @media (max-width: 325px) {
        .arrow-slider-section .arrow_slider_wrap .swiper-slide {
          min-height: 125vh;
          min-height: calc(var(--vh, 1vh) * 125); } }
      .arrow-slider-section .arrow_slider_wrap .swiper-slide.swiper-slide-active, .arrow-slider-section .arrow_slider_wrap .swiper-slide.swiper-slide-duplicate-active {
        filter: brightness(1); }
    .arrow-slider-section .arrow_slider_wrap .swiper-nav-title {
      position: absolute;
      left: 10vw;
      top: calc(25vh - 40px);
      z-index: 10;
      color: #fff;
      font-size: 14px;
      text-transform: uppercase; }
      @media (max-width: 1023.98px) {
        .arrow-slider-section .arrow_slider_wrap .swiper-nav-title {
          left: 0;
          top: 0;
          margin: 20px 0;
          padding: 0 40px;
          position: relative;
          display: none; } }
    .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets {
      bottom: 0;
      left: 10vw;
      width: 30vw;
      top: 25vh; }
      @media (max-width: 1023.98px) {
        .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets {
          left: 0;
          top: 0;
          width: 100%;
          position: relative;
          padding: 0 0 0 40px;
          position: absolute;
          top: auto;
          bottom: 60px; } }
      .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        width: auto;
        text-align: left;
        height: auto;
        background: none;
        opacity: 1;
        margin-bottom: 13px; }
        @media (max-width: 767.98px) {
          .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
            margin-bottom: 6px; } }
        .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .bi-arrow-right {
          width: 60px; }
          @media (max-width: 767.98px) {
            .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .bi-arrow-right {
              width: 40px; } }
        .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet .bi-arrow-right {
          height: 100%;
          width: 0;
          overflow: hidden;
          transition: width 1s; }
          @media (max-width: 767.98px) {
            .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet .bi-arrow-right {
              line-height: 32px; } }
          .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet .bi-arrow-right svg {
            color: #fff;
            width: 50px;
            height: 50px; }
            @media (max-width: 767.98px) {
              .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet .bi-arrow-right svg {
                width: 30px;
                height: 30px; } }
        .arrow-slider-section .arrow_slider_wrap .swiper-container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet h3 {
          color: #fff;
          font-weight: 500; }
  .arrow-slider-section .content_wrap {
    color: #fff;
    z-index: 1;
    position: relative;
    height: 100%;
    margin: 0 10vw 0 40vw; }
    .arrow-slider-section .content_wrap p {
      font-size: unset;
      margin: unset;
      font-weight: unset; }
    @media (max-width: 1023.98px) {
      .arrow-slider-section .content_wrap {
        margin: 0;
        margin-bottom: 15px; }
        .arrow-slider-section .content_wrap p {
          font-size: 36px; } }
  .arrow-slider-section .multi_swiper_wrap {
    position: relative; }
    .arrow-slider-section .multi_swiper_wrap .slider_overlay_text_wrap {
      position: absolute;
      left: 40vw;
      width: 100%;
      width: 60vw;
      max-width: 900px;
      top: 25vh;
      z-index: 15; }
      @media (max-width: 1023.98px) {
        .arrow-slider-section .multi_swiper_wrap .slider_overlay_text_wrap {
          width: 100%;
          top: 60px;
          left: 0;
          padding: 0 0 0 40px; } }
      .arrow-slider-section .multi_swiper_wrap .slider_overlay_text_wrap .content_wrap {
        color: #fff;
        position: relative;
        height: 100%;
        margin: 0; }
        @media (max-width: 1023.98px) {
          .arrow-slider-section .multi_swiper_wrap .slider_overlay_text_wrap .content_wrap {
            margin: 0;
            font-size: 36px;
            line-height: 44px; }
            .arrow-slider-section .multi_swiper_wrap .slider_overlay_text_wrap .content_wrap p {
              font-size: 36px;
              line-height: 44px; } }