.page .breadcrumbs {
  position: relative;
  top: .3rem;
  width: 100%; }

.page .main-banner {
  position: relative;
  text-align: center; }
  .page .main-banner__full {
    max-height: 38rem;
    aspect-ratio: 5/2; }
    .page .main-banner__full__title {
      position: relative;
      top: 0%;
      left: 0%;
      z-index: 1;
      width: 70%;
      font-size: 2rem;
      font-family: 'Manrope', sans-serif;
      font-weight: 800;
      text-transform: uppercase;
      margin-top: 0rem;
      text-align: left;
      line-height: 3.0rem; }
    .page .main-banner__full__content {
      position: relative;
      top: 0rem;
      left: 0rem;
      color: var(--color-dark);
      text-align: left;
      font-size: 1.0rem;
      font-family: 'Manrope', sans-serif;
      font-weight: 800;
      text-transform: uppercase; }
    .page .main-banner__full__button {
      position: relative;
      top: 0.5rem;
      left: 0rem;
      text-align: left; }
  .page .main-banner .swiper-slide {
    padding: 1.25rem 0 4rem; }
  .page .main-banner__block {
    position: relative; }
  .page .main-banner__title {
    position: relative;
    top: 1rem;
    left: 1rem;
    width: 90%;
    margin-top: 1rem;
    text-transform: uppercase;
    font-size: 2rem;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    text-align: left;
    line-height: 2.3rem; }
  .page .main-banner__content {
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: var(--color-white);
    text-align: left;
    margin-top: .5rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4; }
  .page .main-banner__button {
    margin: 1.75rem auto; }
  .page .main-banner__img {
    width: 100%;
    height: 15rem;
    border-radius: var(--border-radius); }
    .page .main-banner__img--t {
      margin-top: 0; }
    .page .main-banner__img--full {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0; }
  .page .main-banner__nav {
    position: absolute;
    left: 0;
    bottom: .5rem;
    z-index: 2;
    width: 100%;
    font-size: 1.92306rem;
    font-weight: 500;
    color: var(--main-color);
    line-height: normal;
    letter-spacing: -.1em; }
    .page .main-banner__nav .swiper-pagination-current {
      font-size: 1.875rem; }
    .page .main-banner__nav .swiper-pagination-total {
      font-size: 1.5rem;
      color: var(--color-middle); }
  .page .main-banner .row {
    height: 100%; }
  .page .main-banner .swiper-initialized .main-banner__img--th {
    height: 15rem; }

@media (min-width: 576px) {
  .page .main-banner {
    text-align: left; }
    .page .main-banner__full__title {
      width: 60%;
      font-size: 4rem;
      line-height: 4rem;
      margin-top: 2rem; }
    .page .main-banner__full__content {
      top: 0rem;
      left: 0rem;
      font-size: 1.6rem; }
    .page .main-banner__full__button {
      position: relative;
      top: 1rem;
      left: 0rem;
      text-align: left; }
    .page .main-banner__title {
      left: 2rem;
      font-size: 2rem; }
  .page__content {
    top: 2rem;
    left: 3rem; }
  .page__button {
    margin-left: 2rem; } }

@media (min-width: 992px) {
  .page .main-banner__img {
    height: 100%; }
    .page .main-banner__img--t {
      margin-top: 1rem; }
  .page .main-banner__nav {
    bottom: 4rem; }
  .page .main-banner .swiper-initialized .main-banner__img--th {
    height: 90%; }
  .page .main-banner__button {
    margin-left: 2rem; } }

@media (min-width: 1200px) {
  .page .main-banner__title {
    font-size: 2.75rem;
    line-height: 4rem; }
  .page .main-banner__content {
    font-size: 2rem;
    font-size: 2.5rem; }
  .page .main-banner__img {
    height: 100%; }
  .page .main-banner__button {
    margin-left: 2rem; } }

@media (min-width: 1400px) {
  .page .main-banner__full__title {
    width: 60%;
    font-size: 6.5rem;
    line-height: 6.5rem;
    margin-top: 4rem; }
  .page .main-banner__full__content {
    top: 0rem;
    left: 0rem;
    font-size: 2.7rem; }
  .page .main-banner__full__button {
    position: relative;
    top: 1rem;
    left: 0rem;
    text-align: left; }
  .page .main-banner__title {
    font-size: 3rem; } }