.swiper--page--nav {
  position: relative;
}
.swiper--page--nav .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.swiper--page--nav .swiper--prev,
.swiper--page--nav .swiper--next {
  margin-top: 8px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  width: 80px;
  height: 66px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, rgba(85, 148, 201, 0) 0, #5594c9 40%);
  transform: translateX(-50%);
}
.swiper--page--nav .swiper--prev::before,
.swiper--page--nav .swiper--next::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: white white transparent transparent;
  transform: translateX(-2px) rotate(45deg);
}
.swiper--page--nav .swiper--prev {
  background: linear-gradient(to left, rgba(85, 148, 201, 0) 0, #5594c9 40%);
}
.swiper--page--nav .swiper--prev::before {
  transform: translateX(2px) rotate(-135deg);
}
.swiper--page--nav .swiper--next {
  left: 100%;
}
.swiper--page--nav main {
  position: relative;
  z-index: 1;
}
.swiper--page--nav swiper-container {
  height: 86px;
}
.swiper--page--nav swiper-slide,
.swiper--page--nav .swiper-slide {
  width: unset;
}
.swiper--page--nav a.nav--item {
  position: relative;
  display: block;
  text-decoration: none;
  cursor: pointer;
  color: white;
  padding: 27px 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  transition: background-color 0.5s ease-in-out;
}
.swiper--page--nav a.nav--item:hover {
  color: white;
  background: rgba(64, 194, 243, 0.3);
}
.swiper--page--nav a.nav--item.active {
  color: white;
  background: rgba(64, 194, 243, 0.3);
}
.swiper--page--nav a.nav--item.active::after {
  bottom: -10px;
  border-color: #3b86b1 transparent transparent transparent;
}

.pageNav {
  transition: all 0.5s ease;
  background: #5594c9;
}
.pageNav.fixed-top {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
  .pageNav .main:first-child {
    display: none;
  }
}
@media (min-width: 1025px) {
  .pageNav .main + .main {
    display: none;
  }
}
.section--hero {
  position: relative;
  width: 100%;
  aspect-ratio: 160/85;
  max-height: calc(100vh - 83px);
}
.section--hero .main {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
}
.section--hero .banner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #004496;
}
.section--hero .banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.6;
}
.section--hero .section__title {
  position: relative;
  max-width: 440px;
}
.section--hero .section__title .title {
  position: relative;
  font-size: 72px;
  font-weight: 600;
  line-height: 1.2;
  color: white;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.section--hero .section__title .title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100px;
  height: 4px;
  background: linear-gradient(to right, #36A8EE 60%, #64D7D7 60%, #64D7D7 80%, #B9EB5F 80%);
}
.section--hero .section__title .text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: white;
}

@media (max-width: 1024px) {
  .section--hero {
    aspect-ratio: 375/630;
  }
  .section--hero .section__title {
    position: static;
    padding-bottom: 16px;
  }
  .section--hero .section__title .title {
    font-size: 40px;
  }
  .section--hero .section__title .text {
    font-size: 16px;
  }
}
.section--hero + .main > .breadcrumb {
  margin: 16px 0 !important;
}

.section--hero + .main + * {
  border-top: 1px solid #CDCDCD;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}