@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap);
@font-face {
  font-family: "Futura LT Pro";
  font-style: light;
  font-weight: 200;
  src: local("Futura LT Pro"), url("../fonts/futura/FuturaLTPro-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Futura LT Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Futura LT Pro"), url("../fonts/futura/FuturaLTPro-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Futura LT Pro";
  font-style: bold;
  font-weight: 600;
  src: local("Futura LT Pro"), url("../fonts/futura/FuturaLTPro-Heavy.ttf") format("truetype");
}
.banner-with-card .banner-card {
  max-width: 832px;
  padding: 24px;
  background: #2b2a29;
  color: #fff;
  left: 0;
  bottom: 0;
  position: static;
  min-width: 100dvw;
}
.banner-with-card .banner-card.offset-card {
  left: 5.5rem;
  bottom: -40px;
}
@media (min-width: 992px) {
  .banner-with-card .banner-card {
    padding: 40px;
    position: absolute;
    min-width: unset;
  }
}
.banner-with-card .banner-card .banner-title {
  font: normal 800 2.5rem/3rem "Futura LT Pro", -apple-system, sans-serif;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .banner-with-card .banner-card .banner-title {
    font-size: 3.5rem;
    line-height: 4.2rem;
    margin-bottom: 16px;
  }
}
.banner-with-card .banner-card .banner-text {
  font: normal 400 1rem/1.4rem "Open Sans", -apple-system, sans-serif;
  letter-spacing: -0.015em;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .banner-with-card .banner-card .banner-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 24px;
  }
}
.banner-with-card .banner-card .banner-buttons {
  gap: 16px;
}
@media (min-width: 992px) {
  .banner-with-card .banner-card .banner-buttons {
    gap: 24px;
  }
}
.banner-with-card .banner-card .btn {
  border-width: 1.5px;
  border-radius: 1.5px;
  padding: 25px 18.5px;
  font: normal 700 1rem/1rem "Open Sans", -apple-system, sans-serif;
  letter-spacing: -0.015em;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
@media (min-width: 992px) {
  .banner-with-card .banner-card .btn {
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 25px 32px;
  }
}
.banner-with-card .banner-card .btn-primary {
  background: #a31f34;
}
.banner-with-card .banner-card .btn-primary:hover {
  background: #d03a50;
  border-color: transparent;
}
.banner-with-card .banner-card .btn-secondary {
  background: transparent;
  border: 1.5px solid #636465;
}
.banner-with-card .banner-card .btn-secondary:hover {
  background: #545759;
  border: 1.5px solid #de99a4;
}
.banner-with-card .banner-card .new-tab-icon {
  display: inline-block;
  height: 16px;
  margin-left: 8px;
  width: 16px;
}
.banner-with-card .banner-card.bg-white {
  color: #2b2a29;
}
.banner-with-card .banner-card.bg-white .btn-primary {
  background: #343d46;
  color: #fff;
}
.banner-with-card .banner-card.bg-white .btn-primary:hover {
  background: #526371;
}
.banner-with-card .banner-card.bg-white .btn-secondary {
  background: none;
  border: 1px solid #d0d1d2;
  color: #2b2a29;
}
.banner-with-card .banner-card.bg-white .btn-secondary:hover {
  border-color: #424f5b;
}