.banner-detail {
  background-color: #001438;
  padding-top: 18.125rem;
}

@media screen and (min-width: 768px) {
  .banner-detail {
    padding-top: 17.625rem;
  }
}

#main-content .banner-detail {
  margin-top: -9.25rem;
}

@media screen and (min-width: 768px) {
  #main-content .banner-detail {
    margin-top: -15.375rem;
  }
}

@media screen and (min-width: 768px) {
  .banner-detail.banner-hero-custom-2 {
    padding-top: 15.625rem;
    min-height: 43.75rem;
  }
}

@media screen and (min-width: 768px) {
  .banner-detail.banner-hero-custom-2 .banner-detail__content {
    padding: 0 0 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .banner-detail.banner-hero-custom-2 .banner-detail__content {
    padding-bottom: 3.125rem;
  }
}

@media screen and (min-width: 768px) {
  .banner-detail.banner-hero-custom-2 .banner-detail__content .info {
    padding-top: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .banner-detail.banner-hero-custom-2 .banner-detail__content .image {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .banner-detail.banner-hero-custom-2 .banner-detail__content .image img {
    max-height: 28.125rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.banner-detail__content {
  position: relative;
  padding: 1.875rem 0 4.375rem;
}

@media screen and (min-width: 768px) {
  .banner-detail__content {
    padding: 5.25rem 0 8.125rem;
    display: -ms-grid;
    display: grid;
    gap: 1.875rem;
    -ms-grid-columns: minmax(0, 1fr) 1.875rem minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.banner-detail__content .title-large {
  margin-bottom: 1.875rem;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .banner-detail__content .title-large {
    margin-bottom: 2.5rem;
  }
}

.banner-detail__content .description {
  margin-bottom: 2.5rem;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .banner-detail__content .description {
    margin-bottom: 7.3125rem;
    max-width: 55.25rem;
  }
}

@media screen and (max-width: 767px) {
  .banner-detail__content .image.des {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .banner-detail__content .image.mb {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .banner-detail__content .image {
    margin-bottom: 2.5rem;
  }
}

.banner-detail__content .image svg {
  max-height: 26.25rem;
  margin: 0 auto;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .banner-detail__content .image svg {
    max-height: 48.125rem;
  }
}

.banner-detail__content .image img {
  max-height: 26.25rem;
  width: auto;
  margin: 0 auto;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .banner-detail__content .image img {
    max-height: 48.125rem;
  }
}

.banner-detail__content .image video, .banner-detail__content .image iframe {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .banner-detail__content .image video, .banner-detail__content .image iframe {
    height: 34.375rem;
  }
}

.banner-detail__content .text {
  margin-bottom: 0.625rem;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .banner-detail__content .text {
    margin-bottom: 0.9375rem;
  }
}

.banner-detail__content .text-small {
  margin-bottom: 1.25rem;
  color: #869BBF;
}

@media screen and (min-width: 768px) {
  .banner-detail__content .text-small {
    margin-bottom: 2.5rem;
  }
}

.banner-detail__content .btn:hover {
  background-color: #fff;
  color: #001438;
}
/*# sourceMappingURL=banner-detail.css.map */