.bannerConnection {
  position: relative;
}

.bannerConnection__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.bannerConnection__image--desktop {
  display: none;
}

.bannerConnection__image--mobile {
  display: block;
}

.bannerConnection__mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.bannerConnection__content {
  position: relative;
  z-index: 3;
  padding: clamp(1px, 5.4545454545vw, 30px);
}

.bannerConnection__count {
  font-weight: 300;
  font-size: 18px;
}

.bannerConnection__desc .header,
.bannerConnection__desc .header--underscore,
.bannerConnection__desc h1, .bannerConnection__desc .-h1,
.bannerConnection__desc h2, .bannerConnection__desc .-h2,
.bannerConnection__desc h3, .bannerConnection__desc .-h3,
.bannerConnection__desc h4, .bannerConnection__desc .-h4,
.bannerConnection__desc h5, .bannerConnection__desc .-h5,
.bannerConnection__desc h6, .bannerConnection__desc .-h6 {
  text-transform: none;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.2;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(20px, 7.7777777778vw, 28px);
}
@media (min-width: 360px) {
  .bannerConnection__desc .header,
  .bannerConnection__desc .header--underscore,
  .bannerConnection__desc h1, .bannerConnection__desc .-h1,
  .bannerConnection__desc h2, .bannerConnection__desc .-h2,
  .bannerConnection__desc h3, .bannerConnection__desc .-h3,
  .bannerConnection__desc h4, .bannerConnection__desc .-h4,
  .bannerConnection__desc h5, .bannerConnection__desc .-h5,
  .bannerConnection__desc h6, .bannerConnection__desc .-h6 {
    font-size: clamp(28px, 1.7821782178vw, 36px);
  }
}

.bannerConnection__more {
  margin-top: 5.4545454545vw;
}

.bannerConnection__more--full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: auto;
  width: 100%;
  max-width: none;
  min-height: auto;
  height: 100%;
  max-height: none;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0;
  z-index: 4;
}

.bannerConnection--textColor-dark {
  color: #1B1918;
}
.bannerConnection--textColor-dark .header,
.bannerConnection--textColor-dark .header--underscore,
.bannerConnection--textColor-dark h1, .bannerConnection--textColor-dark .-h1,
.bannerConnection--textColor-dark h2, .bannerConnection--textColor-dark .-h2,
.bannerConnection--textColor-dark h3, .bannerConnection--textColor-dark .-h3,
.bannerConnection--textColor-dark h4, .bannerConnection--textColor-dark .-h4,
.bannerConnection--textColor-dark h5, .bannerConnection--textColor-dark .-h5,
.bannerConnection--textColor-dark h6, .bannerConnection--textColor-dark .-h6,
.bannerConnection--textColor-dark .bannerConnection__count,
.bannerConnection--textColor-dark .bannerConnection__header,
.bannerConnection--textColor-dark .typography {
  color: #1B1918;
}

.bannerConnection--textColor-bright {
  color: #FFFFFF;
}
.bannerConnection--textColor-bright .header,
.bannerConnection--textColor-bright .header--underscore,
.bannerConnection--textColor-bright h1, .bannerConnection--textColor-bright .-h1,
.bannerConnection--textColor-bright h2, .bannerConnection--textColor-bright .-h2,
.bannerConnection--textColor-bright h3, .bannerConnection--textColor-bright .-h3,
.bannerConnection--textColor-bright h4, .bannerConnection--textColor-bright .-h4,
.bannerConnection--textColor-bright h5, .bannerConnection--textColor-bright .-h5,
.bannerConnection--textColor-bright h6, .bannerConnection--textColor-bright .-h6,
.bannerConnection--textColor-bright .bannerConnection__count,
.bannerConnection--textColor-bright .bannerConnection__header,
.bannerConnection--textColor-bright .typography {
  color: #FFFFFF;
}

.bannerConnection--textPosition-left .bannerConnection__content {
  margin-right: auto;
  text-align: left;
  align-items: flex-start;
}

.bannerConnection--textPosition-center .bannerConnection__content {
  margin: 0 auto;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.bannerConnection--textPosition-right .bannerConnection__content {
  margin-left: auto;
  text-align: right;
  align-items: flex-end;
}

@media (max-width: 559px) {
  .bannerConnection--withPhotoMobile {
    min-height: clamp(1px, 66.3636363636vw, 365px);
  }
  .bannerConnection--withPhotoMobile .bannerConnection__content {
    min-height: clamp(1px, 66.3636363636vw, 365px);
  }
}
@media (min-width: 560px) {
  .bannerConnection--withPhotoDesktop {
    min-height: clamp(1px, 18.0693069307vw, 365px);
  }
  .bannerConnection--withPhotoDesktop .bannerConnection__content {
    min-height: clamp(1px, 18.0693069307vw, 365px);
  }
  .bannerConnection--withPhotoDesktop .bannerConnection__image--desktop {
    display: block;
  }
  .bannerConnection--withPhotoMobile .bannerConnection__image--mobile {
    display: none;
  }
  .bannerConnection .bannerConnection__more {
    margin-top: clamp(5px, 1.4851485149vw, 30px);
  }
}
@media (min-width: 1200px) {
  .bannerConnection .bannerConnection__content {
    width: 50%;
    max-width: 700px;
  }
}
.bannerConnection__desc .-h1 {
  font-weight: 500;
}
.bannerConnection__desc p {
  padding-bottom: 0;
}

.bannerConnection__more {
  background-color: transparent;
  margin-top: 2.5rem !important;
}

@media (max-width: 767px) {
  .section_index--section_1 .bannerConnection__content {
    justify-content: flex-start !important;
  }
}
@media (max-width: 559px) {
  .section_index--section_1 .bannerConnection--withPhotoMobile {
    min-height: clamp(1px, 49.0909090909vw, 270px);
  }
  .section_index--section_1 .bannerConnection--withPhotoMobile .bannerConnection__content {
    min-height: clamp(1px, 49.0909090909vw, 270px);
  }
}
@media (min-width: 560px) {
  .section_index--section_1 .bannerConnection--withPhotoDesktop {
    min-height: clamp(1px, 13.3663366337vw, 270px);
  }
  .section_index--section_1 .bannerConnection--withPhotoDesktop .bannerConnection__content {
    min-height: clamp(1px, 13.3663366337vw, 270px);
  }
  .section_index--section_7 .bannerConnection__desc .-h1 {
    line-height: 2.75rem;
  }
  .section_index--section_7 .bannerConnection__content {
    padding-left: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .bannerConnection__desc .-h1 {
    font-size: 2.75rem;
  }
  .bannerConnection__more {
    width: 12.5rem;
  }
  .bannerConnection .bannerConnection__content {
    width: 50%;
    max-width: 700px;
  }
}
/*# sourceMappingURL=banner_connection.css.map */