/* USAGE:
.foo {
 @include placeholder {
    font-style:italic;
    color: white;
    font-weight:100;
 }
}
*/
body {
  overflow-x: hidden;
}

.container {
  max-width: 1152px;
  margin-inline: auto;
  padding: 0 12px;
}

.hp-logo {
  width: 168px;
  height: 30px;
}
@media print, screen and (min-width: 48em) {
  .hp-logo {
    width: 298px;
    height: 52px;
  }
}

.hp-claim {
  font-size: 33px;
  line-height: 36px;
}
.hp-claim__subtitle {
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
}
@media print, screen and (min-width: 48em) {
  .hp-claim {
    font-size: 60px;
    line-height: 66px;
  }
  .hp-claim__subtitle {
    font-size: 45px;
    line-height: 66px;
  }
}

.claim-section {
  padding-top: 126px;
}
@media print, screen and (min-width: 48em) {
  .claim-section {
    padding-top: 150px;
  }
}

.hp-title {
  font-size: 33px;
  line-height: 36px;
  margin-inline: auto;
}
.hp-title--alt {
  color: rgb(255, 255, 255);
}
.hp-title__subtitle {
  display: block;
  font-size: 24px;
  line-height: 33px;
  font-weight: 400;
  color: inherit;
}
.hp-title__logo {
  width: 109px;
  height: 30px;
}
@media print, screen and (min-width: 48em) {
  .hp-title {
    font-size: 51px;
    line-height: 54px;
  }
  .hp-title__subtitle {
    font-size: 39px;
    line-height: 54px;
  }
  .hp-title__logo {
    width: 164px;
    height: 45px;
  }
}

.hp-title--small {
  font-size: 24px;
  line-height: 30px;
  margin-inline: auto;
}

.wide-section {
  border-radius: 42px;
  margin-inline: 6px;
}
@media print, screen and (min-width: 48em) {
  .wide-section {
    margin-inline: 15px;
  }
}
.wide-section--blue {
  background: linear-gradient(180deg, rgba(0, 113, 188, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
}
.wide-section--dark-blue {
  background: rgba(0, 113, 188, 0.06) linear-gradient(180deg, rgba(75, 193, 180, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
}
.wide-section--rainbow {
  background: linear-gradient(135.45deg, #00C4B4 0%, #0075C2 100%);
  color: rgb(255, 255, 255);
}

.hp-arrow-down {
  background: white;
  width: 24px;
  height: 24px;
  display: inline-block;
  line-height: 28px;
  margin-right: -2px;
}
.hp-arrow-down--right {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.title-container {
  margin-top: 260px;
}
@media print, screen and (min-width: 48em) {
  .title-container {
    margin-top: 180px;
  }
}

.benefit {
  border: 1px solid rgba(0, 113, 188, 0.18);
  border-radius: 18px;
  padding: 24px 36px 44px;
}
.benefit__title {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 30px;
}
@media print, screen and (min-width: 48em) {
  .benefit {
    padding: 44px 48px;
  }
}

.feature > img {
  max-height: 114px;
  margin-left: 1rem;
}
.feature__title {
  font-size: 21px;
  font-weight: bold;
  line-height: 24px;
}
.feature__text {
  font-size: 18px;
  line-height: 24px;
}

.sticky-bar, .sticky-bar .top-bar__icon--search {
  border: none;
}

.hp-photo {
  position: absolute;
  width: 102px;
  height: 102px;
}
@media print, screen and (min-width: 48em) {
  .hp-photo {
    width: 165px;
    height: 165px;
  }
}
.hp-photo__img {
  border-radius: 18px;
}
.hp-photo > .rating {
  display: block;
  text-align: center;
  margin-top: 6px;
}
.hp-photo__check {
  position: absolute;
  right: 6px;
  width: 24px;
  height: 24px;
  top: 72px;
}
.hp-photo__lock {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 34px;
  width: 38px;
  height: 38px;
}
.hp-photo--1 {
  top: -116px;
  right: 70px;
  opacity: 0.72;
}
.hp-photo--2 {
  top: -90px;
  right: 10px;
}
.hp-photo--3 {
  top: 75px;
  right: -22px;
}
.hp-photo--4 {
  position: relative;
  margin-top: 10px;
  margin-right: 20px;
}
@media screen and (max-width: 47.9375em) {
  .hp-photo > .rating.rating--small .rating__item {
    font-size: 8px;
  }
  .hp-photo--3 .hp-photo__check {
    right: auto;
    left: 6px;
  }
}
@media print, screen and (min-width: 48em) {
  .hp-photo > .rating {
    margin-top: 12px;
  }
  .hp-photo__lock {
    top: 52px;
    width: 61px;
    height: 61px;
  }
  .hp-photo__check {
    width: 36px;
    height: 36px;
    top: 122px;
  }
  .hp-photo--1 {
    top: -134px;
    right: 250px;
  }
  .hp-photo--2 {
    top: -90px;
    right: 155px;
  }
  .hp-photo--3 {
    top: -30px;
    right: -40px;
  }
}

.hp-review {
  position: relative;
}
.hp-review__top, .hp-review__bottom, .hp-review__arrow, .hp-review__shield {
  position: absolute;
  z-index: -1;
}
.hp-review__top {
  top: -70px;
  left: 34px;
}
.hp-review__bottom {
  top: 225px;
  left: 18px;
}
.hp-review__arrow {
  top: 185px;
  right: 218px;
  height: 180px;
  width: 10px;
}
.hp-review__shield {
  top: 371px;
  right: 184px;
  width: 78px;
  height: 93px;
}
@media print, screen and (min-width: 48em) {
  .hp-review__arrow {
    top: 240px;
    right: 218px;
    height: 292px;
    width: 10px;
  }
  .hp-review__shield {
    top: 510px;
    right: 160px;
    width: 126px;
    height: 150px;
  }
}

@media screen and (max-width: 47.9375em) {
  .review-container {
    margin-top: 100px;
    max-width: none;
    width: 444px;
  }
  .hp-photo--4 {
    position: absolute;
    top: -80px;
    left: 170px;
    z-index: 1;
  }
}
.hp-form p, .hp-form .size-sm {
  color: white;
}
.hp-form label,
.hp-form label.required {
  color: white;
}
.hp-form label::after,
.hp-form label.required::after {
  color: inherit;
}
.hp-form .errors {
  margin-block: 1rem;
  font-size: 1rem;
  font-weight: bold;
}

.footer-mexpe {
  border-top: none !important;
}