/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * ALL
 * HEADER
 * BANNER
 **/
/*------------------------------------*\
    ALL
\*------------------------------------*/
@media (min-width: 992px) {
  body {
    padding-top: 0;
  }
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
@media (min-width: 992px) {
  .navbar {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .navbar.fixed {
    background-color: #ffffff;
  }
}
/*------------------------------------*\
    BANNER
\*------------------------------------*/
.banner {
  /*.swiper-control {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
  }

  @include lg {
      .swiper-control {
          width: 200px;
          right: 12px;
          bottom: 10%;
          left: auto;
          top: auto;
      }
  }

  @include xxl {
      .swiper-control {
          right: 15%;
      }
  }*/
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
  border-radius: 50%;
  border: 1px solid #ffffff;
  width: 30px;
  height: 30px;
}
.banner .swiper-button-next::after,
.banner .swiper-button-prev::after {
  color: #ffffff;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .banner .swiper-button-next,
.banner .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  .banner .swiper-button-next::after,
.banner .swiper-button-prev::after {
    font-size: 1.125rem;
  }
}