/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/banner-alt/style.scss ***!
  \*************************************************************************************************************************************************************************************************/
.banner-alt {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  margin-bottom: 85px;
}
.banner-alt__container-outer {
  position: relative;
}
.banner-alt__images {
  position: relative;
}
.banner-alt__images::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(#000, rgba(0, 0, 0, 0));
}
.banner-alt__img img {
  width: 100%;
  max-width: 100%;
  display: block;
}
@media screen and (max-width: 1440px) {
  .banner-alt__img._desktop {
    display: none;
  }
}
.banner-alt__img._tablet {
  display: none;
}
@media screen and (max-width: 1440px) {
  .banner-alt__img._tablet {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .banner-alt__img._tablet {
    display: none;
  }
}
.banner-alt__img._mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .banner-alt__img._mobile {
    display: block;
  }
}
.banner-alt__text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-family: "Roboto", sans-serif;
  color: #ffd475;
  text-transform: uppercase;
}
.banner-alt .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .banner-alt .container {
    padding-top: 68px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 754px) {
  .banner-alt .container {
    padding-top: 9.0185676393vw;
  }
}
.banner-alt__container-inner {
  max-width: 1870px;
  padding: 0 72px;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1023px) {
  .banner-alt__container-inner {
    padding: 0 56px;
  }
}
@media screen and (max-width: 767px) {
  .banner-alt__container-inner {
    padding: 68px 56px 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 754px) {
  .banner-alt__container-inner {
    padding: 9.0185676393vw 7.4270557029vw 0;
  }
}
.banner-alt__content {
  max-width: 847px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1979px) {
  .banner-alt__content {
    max-width: 733px;
  }
}
.banner-alt__title {
  margin: 0;
  color: #ffd475;
  font-weight: 500;
  font-size: 50px;
  line-height: 1.17;
}
@media screen and (max-width: 1979px) {
  .banner-alt__title {
    font-size: 43px;
  }
}
@media screen and (max-width: 1023px) {
  .banner-alt__title {
    font-size: 33px;
  }
}
@media screen and (max-width: 767px) {
  .banner-alt__title {
    font-size: 43px;
    max-width: 474px;
  }
}
@media screen and (max-width: 754px) {
  .banner-alt__title {
    font-size: 5.7029177719vw;
    max-width: 62.8647214854vw;
  }
}
.banner-alt__subtitle {
  font-weight: 300;
  font-size: 37px;
  line-height: 1.33;
  margin-top: 8px;
}
@media screen and (max-width: 1979px) {
  .banner-alt__subtitle {
    font-size: 32px;
    margin-top: 7px;
  }
}
@media screen and (max-width: 1520px) and (min-width: 1441px) {
  .banner-alt__subtitle {
    font-size: 30px;
  }
}
@media screen and (max-width: 1100px) {
  .banner-alt__subtitle {
    font-size: 25px;
    max-width: 352px;
  }
}
@media screen and (max-width: 1023px) {
  .banner-alt__subtitle {
    font-size: 22px;
    max-width: 337px;
  }
}
@media screen and (max-width: 767px) {
  .banner-alt__subtitle {
    font-size: 32px;
    max-width: unset;
  }
}
@media screen and (max-width: 754px) {
  .banner-alt__subtitle {
    font-size: 4.2440318302vw;
  }
}
.banner-alt__btn {
  display: inline-block;
  background: linear-gradient(264.53deg, #ffd475 0%, #a36d10 50%, #ffd475 100%);
  border-radius: 64px;
  padding: 2px;
  margin-top: 41px;
}
@media screen and (max-width: 1979px) {
  .banner-alt__btn {
    margin-top: 35px;
  }
}
@media screen and (max-width: 1400px) {
  .banner-alt__btn {
    margin-top: 82px;
    margin-bottom: 89px;
  }
}
@media screen and (max-width: 1100px) {
  .banner-alt__btn {
    margin-top: 35px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .banner-alt__btn {
    margin-top: 29px;
  }
}
@media screen and (max-width: 767px) {
  .banner-alt__btn {
    margin-top: 35px;
  }
}
@media screen and (max-width: 754px) {
  .banner-alt__btn {
    margin-top: 4.6419098143vw;
  }
}
.banner-alt__btn, .banner-alt__btn:hover, .banner-alt__btn:focus {
  text-decoration: none;
  color: #000;
}
.banner-alt__btn:hover .banner-alt__btn-inner::before {
  opacity: 1;
}
.banner-alt__btn-inner {
  position: relative;
  border-radius: 64px;
  border: 2px solid #000;
  background: linear-gradient(264.53deg, #a36d10 0%, #ffd475 50%, #a36d10 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 38px;
  overflow: hidden;
}
@media screen and (max-width: 1979px) {
  .banner-alt__btn-inner {
    padding: 12px 33px;
  }
}
@media screen and (max-width: 754px) {
  .banner-alt__btn-inner {
    padding: 1.5915119363vw 4.3766578249vw;
  }
}
.banner-alt__btn-inner::before {
  content: "";
  background: linear-gradient(264.53deg, #d79a31 0%, #fde9bd 50%, #d79a31 100%);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.banner-alt__btn-bold, .banner-alt__btn-light {
  position: relative;
}
.banner-alt__btn-bold {
  font-weight: 500;
  font-size: 33px;
  line-height: 1.33;
}
@media screen and (max-width: 1979px) {
  .banner-alt__btn-bold {
    font-size: 29px;
  }
}
@media screen and (max-width: 1023px) {
  .banner-alt__btn-bold {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .banner-alt__btn-bold {
    font-size: 29px;
  }
}
@media screen and (max-width: 754px) {
  .banner-alt__btn-bold {
    font-size: 3.8461538462vw;
  }
}
.banner-alt__btn-light {
  font-weight: 300;
  font-size: 25px;
  line-height: 1.17;
}
@media screen and (max-width: 1979px) {
  .banner-alt__btn-light {
    font-size: 22px;
  }
}
@media screen and (max-width: 1023px) {
  .banner-alt__btn-light {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .banner-alt__btn-light {
    font-size: 22px;
  }
}
@media screen and (max-width: 754px) {
  .banner-alt__btn-light {
    font-size: 2.9177718833vw;
  }
}