/*
Adds a tick as a background image to an pseudo element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.
The PNG fallbacks is an white square that masks the background color to display the tick.

@param {Color} $color [$black] - Color to use for the tick.
*/
.section-no-stress {
  min-height: 600px;
}
@media (max-width: 1024px ) {
  .section-no-stress {
    overflow: hidden;
  }
}
.section-no-stress .section-head {
  position: relative;
  z-index: 1;
}
@media (min-width: 37.5em) and (max-width: 1024px) {
  .section-no-stress .section-head .text-gradient {
    white-space: nowrap;
  }
}
.section-no-stress.bg-gradient.bg-gradient-purple:before {
  opacity: 0.2;
}
@media screen and ((min-width: 48em)) {
  .section-no-stress.bg-gradient.bg-gradient-purple:before {
    width: 1300px;
    height: 1300px;
    top: -72px;
    left: calc(50% - 650px);
  }
}
@media (min-width: 64.0625em) and (max-height: 850px) {
  .section-no-stress.bg-gradient.bg-gradient-purple:before {
    width: 1000px;
    height: 800px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 64.0625em) and (max-height: 850px) {
  .section-no-stress {
    padding-bottom: 0;
  }
}

.nostress-container {
  width: 100%;
  margin: 0 auto;
  color: #384750;
  position: relative;
}
@media (max-width: 767px) {
  .nostress-container {
    margin: -72px -8px 0;
    width: calc(100% + 32px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-container {
    margin: -32px -24px 0;
    width: calc(100% + 48px);
  }
}
@media (min-width: 1025px) {
  .nostress-container {
    margin-bottom: -80px;
    max-width: 1440px;
    min-height: 800px;
  }
}
@media (min-width: 64.0625em) and (max-height: 850px) {
  .nostress-container {
    transform: scale(0.8);
    transform-origin: top center;
    min-height: 700px;
    overflow: visible;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .nostress-container {
    max-width: 2160px;
    min-height: 1200px;
  }
}
.nostress-container .content {
  text-align: center;
  padding: 0 24px;
}
@media (min-width: 1025px) {
  .nostress-container .content {
    padding: 0 100px;
  }
}
.nostress-container .title {
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .nostress-container .title {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1025px) {
  .nostress-container .title {
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 64px;
  }
}
.nostress-container .subtitle {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .nostress-container .subtitle {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (min-width: 1025px) {
  .nostress-container .subtitle {
    font-size: 24px;
    line-height: 38px;
  }
}
.nostress-container .text-gradient {
  background: linear-gradient(262.33deg, #0e9bfc -21.2%, #ff00c7 117.33%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.nostress-container .background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  opacity: 0.2;
}

@media (max-width: 767px) {
  .nostress-holder {
    position: relative;
    left: -16px;
    width: calc(100% + 16px);
  }
}
@media (min-width: 1025px) {
  .nostress-holder {
    position: absolute;
    left: calc(50% - 705px);
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .nostress-holder {
    transform: scale(1.5);
    transform-origin: top center;
  }
}

@media (max-width: 1024px ) {
  .nostress-drag {
    width: 300vw;
  }
}
@media (min-width: 1025px) {
  .nostress-drag {
    transform: translate3d(0px, 0px, 0px) !important;
    cursor: default !important;
  }
}

.nostress-wrapper {
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1024px ) {
  .nostress-wrapper {
    position: relative;
    left: -37.5vw;
    width: 300vw;
    height: 132.5vw;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-wrapper {
    left: -59.5238095238vw;
    width: 171.4285714286vw;
    height: 75.7142857143vw;
  }
}
@media (min-width: 1025px) {
  .nostress-wrapper {
    width: 1440px;
    height: 1024px;
  }
}
@media (max-width: 1024px ) {
  .nostress-wrapper video {
    pointer-events: none;
  }
}

.nostress-scene {
  position: relative;
}
.nostress-scene .video,
.nostress-scene .image {
  position: absolute;
  display: inline-block;
}
.nostress-scene video {
  pointer-events: none;
  opacity: 1;
}
@media (max-width: 1024px ) {
  .nostress-scene video {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1024px ) {
  .nostress-scene .mobile {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1025px) {
  .nostress-scene .mobile {
    display: none;
  }
}
.nostress-scene .default {
  position: relative;
}
@media (max-width: 1024px ) {
  .nostress-scene .default.is-low-battery {
    display: none;
  }
}
.nostress-scene .hover,
.nostress-scene .unhover {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1024px ) {
  .nostress-scene .hover:not(.is-desktop),
  .nostress-scene .unhover:not(.is-desktop) {
    display: none;
  }
}
@media (max-width: 1024px ) {
  .nostress-scene .hover.is-low-battery {
    display: block !important;
    opacity: 1 !important;
  }
}
.nostress-scene .life {
  position: absolute;
  top: 89px;
  left: 386px;
}
.nostress-scene .life .btn {
  top: 41px;
  left: -86px;
}
@media (max-width: 1024px ) {
  .nostress-scene .life {
    top: 18.5416666667vw;
    left: 80.4166666667vw;
    width: 33.3333333333vw;
    height: 23.9583333333vw;
  }
  .nostress-scene .life .btn {
    top: 6.25vw;
    left: -110px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-scene .life {
    top: 10.5952380952vw;
    left: 45.9523809524vw;
    width: 19.0476190476vw;
    height: 13.6904761905vw;
  }
  .nostress-scene .life .btn {
    top: 4.1666666667vw;
    left: -86px;
  }
}
.nostress-scene .home {
  position: absolute;
  top: 86px;
  left: 555px;
}
.nostress-scene .home .btn {
  top: 87px;
  right: -76px;
}
@media (max-width: 1024px ) {
  .nostress-scene .home {
    top: 17.9166666667vw;
    left: 115.625vw;
    width: 65.2083333333vw;
    height: 103.125vw;
  }
  .nostress-scene .home .btn {
    top: 10.4166666667vw;
    right: -18.75vw;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-scene .home {
    top: 10.2380952381vw;
    left: 66.4285714286vw;
    width: 37.2619047619vw;
    height: 58.9285714286vw;
  }
  .nostress-scene .home .btn {
    top: 5.9523809524vw;
    right: -10.7142857143vw;
  }
}
.nostress-scene .auto {
  position: absolute;
  top: 87px;
  right: 291px;
}
.nostress-scene .auto .btn {
  top: 209px;
  right: -68px;
}
@media (max-width: 1024px ) {
  .nostress-scene .auto {
    top: 18.125vw;
    right: 60.625vw;
    width: 53.125vw;
    height: 63.3333333333vw;
  }
  .nostress-scene .auto .btn {
    top: 43.5416666667vw;
    right: -14.1666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-scene .auto {
    top: 10.3571428571vw;
    right: 34.6428571429vw;
    width: 30.3571428571vw;
    height: 36.1904761905vw;
  }
  .nostress-scene .auto .btn {
    top: 24.880952381vw;
    right: -8.0952380952vw;
  }
}
.nostress-scene .health {
  position: absolute;
  top: 245px;
  left: 194px;
}
.nostress-scene .health .btn {
  top: 67px;
  right: 2px;
}
@media (max-width: 1024px ) {
  .nostress-scene .health {
    top: 51.0416666667vw;
    left: 40.4166666667vw;
    width: 75.8333333333vw;
    height: 73.5416666667vw;
  }
  .nostress-scene .health .btn {
    top: 10.4166666667vw;
    right: auto;
    left: 47.9166666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-scene .health {
    top: 29.1666666667vw;
    left: 23.0952380952vw;
    width: 43.3333333333vw;
    height: 42.0238095238vw;
  }
  .nostress-scene .health .btn {
    top: 4.7619047619vw;
    right: auto;
    left: 28.125vw;
  }
}
.nostress-scene .medicare {
  position: absolute;
  top: 440px;
  left: 417px;
  z-index: 1;
}
.nostress-scene .medicare .btn {
  top: 48px;
  left: -147px;
}
@media (max-width: 1024px ) {
  .nostress-scene .medicare {
    top: 91.6666666667vw;
    left: 86.875vw;
    width: 40.625vw;
    height: 40.625vw;
  }
  .nostress-scene .medicare .btn {
    top: 14.5833333333vw;
    left: -150px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-scene .medicare {
    top: 52.380952381vw;
    left: 49.6428571429vw;
    width: 23.2142857143vw;
    height: 23.2142857143vw;
  }
  .nostress-scene .medicare .btn {
    top: 5.7142857143vw;
    left: -17.5vw;
  }
}
.nostress-scene .dog {
  position: absolute;
  top: 424px;
  right: 295px;
}
.nostress-scene .dog .btn {
  top: 50px;
  left: -90px;
}
@media (max-width: 1024px ) {
  .nostress-scene .dog {
    top: 88.3333333333vw;
    right: 61.4583333333vw;
    width: 51.0416666667vw;
    height: 32.7083333333vw;
  }
  .nostress-scene .dog .btn {
    top: 10.4166666667vw;
    left: -100px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-scene .dog {
    top: 50.4761904762vw;
    right: 35.119047619vw;
    width: 29.1666666667vw;
    height: 18.6904761905vw;
  }
  .nostress-scene .dog .btn {
    top: 5.9523809524vw;
    left: -10.7142857143vw;
  }
}
.nostress-scene .plant {
  position: absolute;
  top: 387px;
  right: 148px;
}
@media (max-width: 1024px ) {
  .nostress-scene .plant {
    top: 80.625vw;
    right: 30.8333333333vw;
    width: 33.9583333333vw;
    height: 23.5416666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-scene .plant {
    top: 46.0714285714vw;
    right: 17.619047619vw;
    width: 19.4047619048vw;
    height: 13.4523809524vw;
  }
}

.nostress-scene .btn {
  position: absolute;
  top: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  color: #384750;
  text-decoration: none;
  z-index: 1;
  padding: 2px;
  overflow: hidden;
}
.nostress-scene .btn.left-label .holder {
  flex-direction: row-reverse;
  padding: 8px 8px 8px 16px;
}
.nostress-scene .btn.left-label .label {
  padding: 0 16px 0px 8px;
}
.nostress-scene .btn .gradient {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(262.33deg, #0e9bfc -21.2%, #ff00c7 117.33%);
  border-radius: 40px;
  opacity: 0;
  transition: 0.3s opacity ease-in-out;
}
@media (min-width: 1025px) {
  .nostress-scene .btn:hover .plus-white {
    opacity: 0;
    transform: rotate(10deg);
  }
  .nostress-scene .btn:hover .plus-gr {
    opacity: 1;
    transform: rotate(0deg);
  }
  .nostress-scene .btn:hover .holder {
    background-color: #fefefe;
  }
  .nostress-scene .btn:hover .gradient {
    opacity: 1;
  }
}
.nostress-scene .btn .holder {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 8px;
  transition: 0.3s background-color ease-in-out;
  border-radius: 40px;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .nostress-scene .btn .holder {
    background-color: transparent;
  }
}
.nostress-scene .btn .label {
  padding: 0 8px 0px 16px;
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
}
.nostress-scene .btn .plus {
  border-radius: 40px;
  position: relative;
  width: 31px;
  height: 31px;
}
.nostress-scene .btn .plus-white,
.nostress-scene .btn .plus-gr {
  flex: 0 0 31px;
  height: 31px;
  overflow: hidden;
  border-radius: 40px;
  transition: 0.5s transform ease-in-out, 0.5s opacity ease-in-out;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.nostress-scene .btn .plus-white {
  opacity: 1;
  transform: rotate(0deg);
}
.nostress-scene .btn .plus-gr {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: rotate(-10deg);
}
@media (max-width: 1024px ) {
  .nostress-scene .btn .plus-white {
    opacity: 0;
    transform: rotate(10deg);
  }
  .nostress-scene .btn .plus-gr {
    opacity: 1;
    transform: rotate(0deg);
  }
  .nostress-scene .btn .holder {
    background-color: #fefefe;
  }
  .nostress-scene .btn .gradient {
    opacity: 1;
  }
}

@media (max-width: 89.9375em) and (-webkit-min-device-pixel-ratio: 2) {
  .nostress-scene .btn .plus-white {
    opacity: 0;
    transform: rotate(10deg);
  }
  .nostress-scene .btn .plus-gr {
    opacity: 1;
    transform: rotate(0deg);
  }
  .nostress-scene .btn .holder {
    background-color: #fefefe;
  }
  .nostress-scene .btn .gradient {
    opacity: 1;
  }
}
.nostress-background-white-rect {
  position: absolute;
  background-color: #fefefe;
}
@media (max-width: 767px) {
  .nostress-background-white-rect {
    height: 54.1666666667vw;
    left: -50%;
    right: -50%;
    bottom: -21.0416666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nostress-background-white-rect {
    height: 29.7619047619vw;
    left: -50%;
    right: -50%;
    bottom: -10.8333333333vw;
  }
}
@media (min-width: 1025px) {
  .nostress-background-white-rect {
    height: 500px;
    left: -20%;
    right: -20%;
    bottom: 48px;
  }
}

.nostress-points {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: -24px;
  transform: translate(-50%, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
@media (min-width: 1025px) {
  .nostress-points {
    display: none;
  }
}
.nostress-points .point {
  width: 12px;
  height: 12px;
  flex-basis: 12px;
  margin: auto 4px 0 4px;
  border-radius: 20px;
  background-color: #d0d4da;
  position: relative;
  overflow: hidden;
  transition: 0.3s flex-basis ease;
}
.nostress-points .point:before {
  content: "";
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(261.34deg, #0e9bfc 1.88%, #ff00c7 100%);
  opacity: 0;
  transition: 0.3s all ease;
}
.nostress-points .point.active {
  flex-basis: 40px;
}
.nostress-points .point.active:before {
  opacity: 1;
}

@media (min-width: 37.5em) and (max-width: 47.9375em) {
  .jelly-to-your-peanut-butter {
    margin-bottom: 110px;
  }
}
.jelly-to-your-peanut-butter .bg-gradient::before {
  top: -80px;
}
@media screen and ((min-width: 37.5em)) {
  .jelly-to-your-peanut-butter .bg-gradient::before {
    top: -200px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .jelly-to-your-peanut-butter .bg-gradient::before {
    width: 700px;
    height: 700px;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.jelly-to-your-peanut-butter .break-title {
  display: block;
}
@media screen and ((min-width: 24.375em)) {
  .jelly-to-your-peanut-butter .break-title {
    display: inline-block;
  }
}
@media screen and ((min-width: 37.5em)) {
  .jelly-to-your-peanut-butter .break-title {
    display: block;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .jelly-to-your-peanut-butter .break-title {
    display: inline-block;
  }
}

.glass-carousel-container {
  position: relative;
}
@media (max-width: 599px) {
  .glass-carousel-container {
    padding-left: 0;
  }
}
.glass-carousel-container .inner {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.sandwich-container {
  position: relative;
  z-index: 1;
}
.sandwich-container .sandwich-wrapper {
  width: 364px;
  height: 220px;
  position: relative;
}
@media screen and ((min-width: 48em)) {
  .sandwich-container .sandwich-wrapper {
    width: 590px;
    height: 330px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .sandwich-container .sandwich-wrapper {
    width: 768px;
    height: 440px;
  }
}
.sandwich-container .sandwich-sequence {
  width: 768px;
  height: 440px;
  transform: scale(0.4);
  position: absolute;
  top: -50%;
  left: 50%;
  margin-left: -384px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0;
}
.webp .sandwich-container .sandwich-sequence {
  background-image: url("../img/ins/peanut-butter/sandwich-long.webp");
}
.no-webp .sandwich-container .sandwich-sequence {
  background-image: url("../img/ins/peanut-butter/sandwich-long.png");
}
@media screen and ((min-width: 24.375em)) {
  .sandwich-container .sandwich-sequence {
    transform: scale(0.45);
    top: -50%;
  }
}
@media screen and ((min-width: 48em)) {
  .sandwich-container .sandwich-sequence {
    transform: scale(0.75);
    top: -10%;
    left: -15%;
    margin-left: 0;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .sandwich-container .sandwich-sequence {
    transform: scale(1);
    top: 0;
    left: 0;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .sandwich-container .sandwich-sequence {
    transform: scale(1.4);
    transform-origin: top center;
  }
}
.sandwich-container .arrow-us {
  width: 40px;
  height: 59px;
  position: absolute;
  left: 0%;
  top: 7%;
  flex-shrink: 0;
}
@media (min-width: 601px) and (max-width: 690px) {
  .sandwich-container .arrow-us {
    flex-shrink: 1;
  }
}
@media (min-width: 24.375em) {
  .sandwich-container .arrow-us {
    left: -2%;
    top: 7%;
  }
}
@media (min-width: 37.5em) {
  .sandwich-container .arrow-us {
    width: 76px;
    height: 75px;
    left: -15%;
  }
}
@media (min-width: 48em) {
  .sandwich-container .arrow-us {
    top: 25%;
    left: -5%;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .sandwich-container .arrow-us {
    width: 76px;
    height: 63px;
    top: 28%;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .sandwich-container .arrow-us {
    transform: scale(1.7);
    left: -28%;
    top: 39%;
  }
}
.sandwich-container .arrow-us img {
  height: auto;
  margin: 0;
  position: absolute;
}
.sandwich-container .arrow-us img:first-child, .sandwich-container .arrow-us img:nth-child(2), .sandwich-container .arrow-us img:nth-child(3) {
  top: 0;
  left: 0;
  opacity: 0;
}
.sandwich-container .arrow-us img:nth-child(4), .sandwich-container .arrow-us img:nth-child(5), .sandwich-container .arrow-us img:nth-child(6) {
  bottom: 0;
  right: 0;
  opacity: 0;
  transform: scale(0);
  transform-origin: top left;
}
.sandwich-container .arrow-you {
  width: 40px;
  height: 57px;
  position: absolute;
  top: 40%;
  right: -2%;
  flex-shrink: 0;
}
@media (min-width: 601px) and (max-width: 690px) {
  .sandwich-container .arrow-you {
    flex-shrink: 1;
  }
}
@media (min-width: 37.5em) {
  .sandwich-container .arrow-you {
    width: 75px;
    height: 72px;
    top: 35%;
    right: -17%;
  }
}
@media (min-width: 48em) {
  .sandwich-container .arrow-you {
    top: 45%;
    right: -5%;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .sandwich-container .arrow-you {
    width: 89px;
    height: 60px;
    top: 40%;
    right: -6%;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .sandwich-container .arrow-you {
    transform: scale(1.7);
    right: -30%;
    top: 56%;
  }
}
.sandwich-container .arrow-you img {
  height: auto;
  margin: 0;
  position: absolute;
}
.sandwich-container .arrow-you img:first-child, .sandwich-container .arrow-you img:nth-child(2), .sandwich-container .arrow-you img:nth-child(3) {
  bottom: 0;
  right: 0;
  opacity: 0;
}
.sandwich-container .arrow-you img:nth-child(4), .sandwich-container .arrow-you img:nth-child(5), .sandwich-container .arrow-you img:nth-child(6) {
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0);
  transform-origin: bottom right;
}

.equal-height-cards .inner {
  display: flex;
  z-index: 2;
}
@media screen and ((min-width: 37.5em)) {
  .equal-height-cards .inner {
    align-items: stretch;
  }
}

.glass-carousel-container .inner {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 16px rgba(56, 71, 80, 0.1);
  border: 1px solid #ffffff;
  backdrop-filter: blur(15px);
}

.tns-item:last-of-type {
  padding-right: 0 !important;
}

.glass-carousel-card {
  margin: 0;
  padding: 24px 14px;
  background: transparent;
  flex: 1;
  min-height: 330px;
}
@media (min-width: 37.5em) and (max-width: 64em) {
  .glass-carousel-card {
    padding: 32px 16px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .glass-carousel-card {
    border: none;
    min-height: 344px;
  }
}
@media (orientation: landscape) and (max-width: 1024px) and (max-height: 550px) {
  .glass-carousel-card {
    min-height: 190px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .glass-carousel-card {
    min-height: 432px;
    padding: 64px 40px 80px;
  }
}
@media (min-width: 64.0625em) and (orientation: landscape) and (max-height: 770px) {
  .glass-carousel-card {
    min-height: 280px;
    padding: 30px 40px 30px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .glass-carousel-card {
    min-height: 648px;
  }
}
.glass-carousel-card:not(:last-child) {
  margin-right: 0;
}
@media (min-width: 37.5em) and (max-width: 64em) {
  .glass-carousel-card:not(:last-child) {
    margin-right: 16px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .glass-carousel-card:not(:last-child) {
    margin-right: 32px;
  }
}
.glass-carousel-card .card-img-holder {
  width: 256px;
  height: auto;
}
@media (orientation: landscape) and (max-width: 1024px) and (max-height: 550px) {
  .glass-carousel-card .card-img-holder {
    width: 119px;
  }
}
@media (min-width: 64.0625em) and (orientation: landscape) and (max-height: 770px) {
  .glass-carousel-card .card-img-holder {
    width: 180px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .glass-carousel-card .card-img-holder {
    width: 384px;
  }
  .glass-carousel-card .card-img-holder img {
    width: 100%;
  }
}
.glass-carousel-card .card-section {
  padding: 0;
}
.glass-carousel-card .card-section p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}
@media screen and ((min-width: 48em)) {
  .glass-carousel-card .card-section p {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .glass-carousel-card .card-section p {
    font-size: 30px;
    line-height: 48px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .glass-carousel-card p {
    font-size: 36px;
    line-height: 48px;
  }
}

@media (max-width: 1184px) {
  .jelly-to-your-peanut-butter.slick-initialized {
    margin-left: -32px;
    margin-right: -32px;
  }
  .jelly-to-your-peanut-butter .slick-slide > div {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media screen and ((max-width: 47.9375em)) {
  .jelly-to-your-peanut-butter.slick-initialized {
    margin-left: -16px;
    margin-right: -16px;
  }
  .jelly-to-your-peanut-butter .slick-slide > div {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.jelly-to-your-peanut-butter .tns-nav {
  position: static;
  bottom: auto;
  font-size: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 32px 0 0 0;
  width: 100%;
}
.jelly-to-your-peanut-butter .tns-nav button {
  position: relative;
  height: 12px;
  width: 12px;
  margin: 0 5px;
  cursor: pointer;
}
.jelly-to-your-peanut-butter .tns-nav button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  background: #d0d4da;
  margin-right: 5px;
  -webkit-transition: width 0.3s, background 0.3s;
  transition: width 0.3s, background 0.3s;
}
.jelly-to-your-peanut-butter .tns-nav button.tns-nav-active {
  width: 40px;
}
.jelly-to-your-peanut-butter .tns-nav button.tns-nav-active::before {
  width: 40px;
  background: linear-gradient(261.34deg, #0e9bfc 1.88%, #ff00c7 100%);
  opacity: 1;
}
.jelly-to-your-peanut-butter .tns-ovh {
  overflow: visible;
}

.glass-parallax-elements {
  position: absolute;
  top: 10vh;
  width: 100%;
  left: 0;
}

.section-we-shop-for-you {
  overflow: hidden;
}
@media (min-width: 240em) and (min-height: 1900px) {
  .section-we-shop-for-you .bg-gradient.bg-gradient-purple:before {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 2000px;
    height: 1500px;
  }
  .no-webp .section-we-shop-for-you .bg-gradient.bg-gradient-purple:before {
    background-image: url("../img/ins/backgrounds/bg-gradient-purple_rectangle.png");
  }
  .webp .section-we-shop-for-you .bg-gradient.bg-gradient-purple:before {
    background-image: url("../img/ins/backgrounds/bg-gradient-purple_rectangle.webp");
  }
}
@media (min-width: 48em) and (max-height: 700px) {
  .section-we-shop-for-you .heading-5xl {
    margin-bottom: 15px;
  }
}

.bubbles-wrapper {
  position: relative;
  width: 100%;
  height: calc(96vh - 304px);
  margin-bottom: 30px;
  min-height: 300px;
  margin-top: -16px;
}
@media screen and ((min-width: 48em)) {
  .bubbles-wrapper {
    height: calc(75vh - 256px);
  }
}
@media screen and ((min-width: 64.0625em)) {
  .bubbles-wrapper {
    height: calc(80vh - 256px);
  }
}
@media (min-width: 90em) and (min-height: 700px) {
  .bubbles-wrapper {
    height: calc(68vh - 256px);
    min-height: 350px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .bubbles-wrapper {
    height: calc(58vh - 256px);
  }
}
.bubbles-wrapper:before, .bubbles-wrapper:after {
  content: "";
  display: block;
  width: calc(100% + 32px);
  height: 100px;
  margin-left: -1rem;
  margin-right: -1rem;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
@media screen and ((min-width: 24.4375em)) {
  .bubbles-wrapper:before, .bubbles-wrapper:after {
    width: calc(100% + 48px);
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}
.bubbles-wrapper:before {
  height: 245px;
  bottom: -245px;
  background: #ffffff;
}
.bubbles-wrapper::after {
  background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.bubbles-wrapper canvas {
  display: none;
}
.bubbles-wrapper .bubbles {
  max-width: 90vw;
  height: 100%;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.bubbles-wrapper .grid-item {
  width: 140px;
  height: 140px;
  position: absolute;
  opacity: 0;
}
@media (min-width: 240em) and (min-height: 1900px) {
  .bubbles-wrapper .grid-item {
    width: 210px;
    height: 210px;
  }
}
.bubbles-wrapper .grid-style {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(359.29deg, #f5f5fa 3.08%, #fefefe 102.64%);
  border: 2px solid #fefefe;
  box-shadow: 0px 7px 20px rgba(120, 120, 156, 0.1);
}
.bubbles-wrapper .grid-item img {
  width: 70%;
  height: auto;
}
.bubbles-wrapper .item-s {
  width: 140px;
  height: 140px;
}
@media (min-width: 240em) and (min-height: 1900px) {
  .bubbles-wrapper .item-s {
    width: 210px;
    height: 210px;
  }
}
.bubbles-wrapper .item-m {
  width: 175px;
  height: 175px;
}
@media (min-width: 240em) and (min-height: 1900px) {
  .bubbles-wrapper .item-m {
    width: 262.5px;
    height: 262.5px;
  }
}
.bubbles-wrapper .item-l {
  width: 220px;
  height: 220px;
}
@media (min-width: 240em) and (min-height: 1900px) {
  .bubbles-wrapper .item-l {
    width: 330px;
    height: 330px;
  }
}
.bubbles-wrapper .item-xl {
  width: 255px;
  height: 255px;
}
@media (min-width: 240em) and (min-height: 1900px) {
  .bubbles-wrapper .item-xl {
    width: 382.5px;
    height: 382.5px;
  }
}

/*
Adds a tick as a background image to an pseudo element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.
The PNG fallbacks is an white square that masks the background color to display the tick.

@param {Color} $color [$black] - Color to use for the tick.
*/
@font-face {
  font-family: "OpenSansRegular";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansBold";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansSemiBold";
  src: url("../fonts/OpenSans-Semibold.woff2") format("woff2"), url("../fonts/OpenSans-Semibold.woff") format("woff"), url("../fonts/OpenSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "LatoBold";
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/**
 * Foundation for Sites
 * Version 6.8.1
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .section-inner {
    padding-bottom: 140px;
  }
}
.shop-the-way-you-like .bg-gradient:before {
  top: 100px;
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .bg-gradient:before {
    top: 0;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .shop-the-way-you-like .bg-gradient:before {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 1500px;
    height: 1500px;
  }
}
.shop-the-way-you-like .tiles-wrap {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media (orientation: landscape) {
  .shop-the-way-you-like .tiles-wrap {
    width: 80%;
  }
}
@media (orientation: landscape) and (min-width: 240em) and (min-height: 1900px) {
  .shop-the-way-you-like .tiles-wrap {
    width: 85%;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .tiles-wrap {
    padding: 0 8.3%;
  }
}
@media (min-width: 48em) and (max-width: 74.9375em) and (max-height: 825px) {
  .shop-the-way-you-like .tiles-wrap {
    width: 700px;
  }
}
@media (min-width: 48em) and (max-width: 74.9375em) and (max-height: 700px) {
  .shop-the-way-you-like .tiles-wrap {
    width: 600px;
  }
}
@media (min-width: 64.0625em) and (max-width: 89.9375em) and (max-height: 700px) {
  .shop-the-way-you-like .tiles-wrap {
    margin-top: -20px;
    width: 850px;
  }
}
@media (min-width: 64.0625em) and (max-width: 89.9375em) and (min-height: 701px) and (max-height: 825px) {
  .shop-the-way-you-like .tiles-wrap {
    width: 920px;
  }
}
@media (min-width: 90em) and (max-height: 770px) {
  .shop-the-way-you-like .tiles-wrap {
    width: 1030px;
  }
}
@media (min-width: 90em) and (min-height: 771px) and (max-height: 860px) {
  .shop-the-way-you-like .tiles-wrap {
    width: 1100px;
  }
}
@media (min-width: 90em) and (min-height: 861px) and (max-height: 960px) {
  .shop-the-way-you-like .tiles-wrap {
    width: 1200px;
  }
}
@media (min-width: 90em) and (min-height: 961px) and (max-height: 1080px) {
  .shop-the-way-you-like .tiles-wrap {
    width: 1300px;
  }
}
.shop-the-way-you-like .tile-column {
  width: 49%;
  z-index: 3;
}
.shop-the-way-you-like .tile-column.middle {
  display: none;
}
@media screen and ((min-width: 37.5em)) {
  .shop-the-way-you-like .tile-column.middle {
    display: inline-flex;
    justify-content: center;
    transform: scale(0.9);
  }
}
@media screen and ((min-width: 48em)) {
  .shop-the-way-you-like .tile-column.middle img,
  .shop-the-way-you-like .tile-column.middle video {
    max-width: 523px;
    width: 100%;
  }
}
.shop-the-way-you-like .tile-column.middle img,
.shop-the-way-you-like .tile-column.middle video {
  margin-top: 90px;
  transform: scale(1.9);
  max-width: 523px;
  width: 100%;
}
@media screen and ((min-width: 48em)) {
  .shop-the-way-you-like .tile-column.middle img,
  .shop-the-way-you-like .tile-column.middle video {
    transform: scale(1.7);
  }
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .tile-column.middle img,
  .shop-the-way-you-like .tile-column.middle video {
    margin-top: 120px;
    transform: scale(1.5);
  }
}
@media (min-width: 100em) and (orientation: landscape) and (min-height: 640px) and (max-height: 825px) {
  .shop-the-way-you-like .tile-column.middle img,
  .shop-the-way-you-like .tile-column.middle video {
    transform: scale(1.3);
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .shop-the-way-you-like .tile-column.middle img,
  .shop-the-way-you-like .tile-column.middle video {
    margin-top: 250px;
    margin-bottom: 120px;
    transform: scale(1.8);
  }
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .tile-column.middle {
    position: relative;
    z-index: 4;
  }
}
.shop-the-way-you-like .tile-column:first-of-type {
  padding-right: 8px;
}
@media screen and ((min-width: 37.5em)) {
  .shop-the-way-you-like .tile-column:first-of-type {
    padding: 0;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .tile-column:first-of-type .tile:last-of-type {
    margin: 0 -60px 0 60px;
  }
}
@media screen and ((min-width: 90em)) {
  .shop-the-way-you-like .tile-column:first-of-type .tile:last-of-type {
    margin: 0 -90px 0 90px;
  }
}
.shop-the-way-you-like .tile-column:last-of-type {
  padding-left: 8px;
}
@media screen and ((min-width: 37.5em)) {
  .shop-the-way-you-like .tile-column:last-of-type {
    padding: 0;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .tile-column:last-of-type .tile:last-of-type {
    margin: 0 40px 0 -40px;
  }
}
@media screen and ((min-width: 90em)) {
  .shop-the-way-you-like .tile-column:last-of-type .tile:last-of-type {
    margin: 0 90px 0 -90px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .shop-the-way-you-like .tile-column {
    width: 32%;
  }
}
.shop-the-way-you-like .tile-column.left img,
.shop-the-way-you-like .tile-column.left video, .shop-the-way-you-like .tile-column.right img,
.shop-the-way-you-like .tile-column.right video {
  max-width: 156px;
  min-height: 156px;
  width: 100%;
}
@media (min-width: 48em) and (max-height: 700px) {
  .shop-the-way-you-like .tile-column.left img,
  .shop-the-way-you-like .tile-column.left video, .shop-the-way-you-like .tile-column.right img,
  .shop-the-way-you-like .tile-column.right video {
    max-width: 130px;
    max-height: 130px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .tile-column.left img,
  .shop-the-way-you-like .tile-column.left video, .shop-the-way-you-like .tile-column.right img,
  .shop-the-way-you-like .tile-column.right video {
    max-width: 198px;
    width: 100%;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .shop-the-way-you-like .tile-column.left img,
  .shop-the-way-you-like .tile-column.left video, .shop-the-way-you-like .tile-column.right img,
  .shop-the-way-you-like .tile-column.right video {
    max-width: 297px;
    width: 100%;
  }
}
@media screen and ((min-width: 37.5em)) {
  .shop-the-way-you-like .tile-column.left, .shop-the-way-you-like .tile-column.right {
    transform: translateX(50%) scale(0.75);
    opacity: 0.5;
  }
}
@media screen and ((min-width: 37.5em)) {
  .shop-the-way-you-like .tile-column.right {
    transform: translateX(-50%) scale(0.75);
  }
}
.shop-the-way-you-like .tile-column .tile {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .tile-column .tile {
    padding: 15px 26px;
  }
}
@media screen and ((min-width: 90em)) {
  .shop-the-way-you-like .tile-column .tile {
    padding: 15px 56px;
  }
}
.shop-the-way-you-like .tile-column .tile .button {
  margin-bottom: 12px;
}
@media screen and ((min-width: 37.5em)) {
  .shop-the-way-you-like .tile-column .tile .button {
    margin-bottom: 104px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .shop-the-way-you-like .tile-column .tile .button {
    margin-bottom: 12px;
  }
}
@media (min-width: 64.0625em) and (min-height: 640px) and (max-height: 770px) {
  .shop-the-way-you-like .tile-column .tile .button {
    margin-bottom: 0;
  }
}
@media (min-width: 64.0625em) and (min-height: 640px) and (max-height: 850px) {
  .shop-the-way-you-like h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 48em) and (min-height: 640px) and (max-height: 700px) {
  .shop-the-way-you-like .subtitle {
    margin-bottom: 0;
  }
}
@media (min-width: 48em) and (min-height: 701px) and (max-height: 850px) {
  .shop-the-way-you-like .subtitle {
    margin-bottom: 12px;
  }
}

@media (min-width: 64.0625em) and (max-height: 1000px) {
  .hear-from-our-clients .section-head h2 {
    margin-bottom: 32px;
  }
  .hear-from-our-clients .testimonials-cta {
    margin-top: 32px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .testimonials-wrapper {
    position: relative;
  }
}
.testimonials-wrapper .inner-container {
  padding: 0 36px;
}
@media screen and ((min-width: 24.375em)) {
  .testimonials-wrapper .inner-container {
    padding: 0 52px;
  }
}
@media screen and ((min-width: 75em)) {
  .testimonials-wrapper .inner-container {
    padding: 0 106px;
  }
}
@media screen and ((min-width: 120em)) {
  .testimonials-wrapper .inner-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .testimonials-wrapper .inner-container {
    max-width: 2880px;
  }
}
.testimonials-wrapper .tns-ovh {
  overflow: visible;
}

.testimonial {
  position: relative;
}
.testimonial .image {
  width: 100%;
  height: 0;
  padding-top: 127%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  isolation: isolate;
}
.testimonial .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0;
  left: 0;
  position: absolute;
  transition: transform 300ms;
  transform-origin: center;
  will-change: transform;
}
.testimonial .name {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  padding: 16px;
  font-size: 20px;
  line-height: 32px;
  font-family: "OpenSansBold", Helvetica, Arial, sans-serif;
  color: #384750;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(15px);
}
@media screen and ((min-width: 37.5em)) {
  .testimonial .name {
    padding: 16px 24px 24px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .testimonial .name {
    padding-top: 28px;
    font-size: 22px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .testimonial .name {
    font-size: 33px;
    line-height: 48px;
  }
}
.testimonial .copy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 18px;
  line-height: 24px;
}
@media screen and ((min-width: 37.5em)) {
  .testimonial .copy {
    font-size: 18px;
  }
}
@media (min-width: 1024px), (min-width: 1600px) and (min-height: 900px) {
  .testimonial .copy {
    font-size: 22px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .testimonial .copy {
    font-size: 27px;
    line-height: 48px;
  }
}
.testimonial .text {
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  line-height: 24px !important;
  max-height: 72px;
  /* autoprefixer: off */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and ((min-width: 37.5em)) {
  .testimonial .text {
    line-height: 32px !important;
    max-height: 96px;
    /* autoprefixer: off */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 24px !important;
  }
}
@media (min-width: 1024px), (min-width: 1600px) and (min-height: 900px) {
  .testimonial .text {
    line-height: 32px !important;
    max-height: 96px;
    /* autoprefixer: off */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .testimonial .text {
    line-height: 40px !important;
    max-height: 120px;
    /* autoprefixer: off */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 39px !important;
  }
}
.testimonial .svg-quote {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  margin-right: 16px;
}
@media screen and ((min-width: 37.5em)) {
  .testimonial .svg-quote {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1600px) {
  .testimonial .svg-quote {
    margin-right: 10px;
  }
}
@media (min-width: 2000px), (min-width: 1600px) and (min-height: 900px) {
  .testimonial .svg-quote {
    width: 40px;
    height: 40px;
    margin-right: 16px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .testimonial .svg-quote {
    width: 60px;
    height: 60px;
    margin-right: 24px;
  }
}
.testimonial .svg-play-button {
  width: 76px;
  height: 76px;
  position: absolute;
  top: 50%;
  left: 50%;
  /* centering with translate3d to fix IOS flickering issue */
  transform: translate3d(-50%, -50%, 0);
}
@media (min-width: 240em) and (min-height: 1900px) {
  .testimonial .svg-play-button {
    width: 114px;
    height: 114px;
  }
}
.testimonial .svg-play-button svg {
  fill: #fefefe;
  fill-opacity: 0.7;
  filter: drop-shadow(0px 4px 16px rgba(56, 71, 80, 0.1));
}
.testimonial:hover .image img {
  transform: scale(1.1);
}
.testimonial:hover .svg-play-button svg {
  fill-opacity: 1;
}

.testimonial-list {
  display: flex;
  gap: 24px;
  margin: 0 auto;
}
@media screen and ((min-width: 37.5em)) {
  .testimonial-list {
    position: static;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .testimonial-list {
    gap: 32px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .testimonial-list {
    gap: 48px;
  }
}
.testimonial-list.slick-initialized .slick-list {
  overflow: visible !important;
}

.testimonial-paragraph .copy {
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial-paragraph .svg-quote {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  margin-right: 16px;
}
@media screen and ((min-width: 37.5em)) {
  .testimonial-paragraph .svg-quote {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1600px) {
  .testimonial-paragraph .svg-quote {
    margin-right: 10px;
  }
}
@media (min-width: 2000px), (min-width: 1600px) and (min-height: 900px) {
  .testimonial-paragraph .svg-quote {
    width: 40px;
    height: 40px;
    margin-right: 16px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .testimonial-paragraph .svg-quote {
    width: 60px;
    height: 60px;
    margin-right: 24px;
  }
}

@media screen and ((min-width: 37.5em)) {
  .i-was-wondering {
    padding-top: 160px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .i-was-wondering {
    padding-top: 180px;
  }
}
.section-buying-guides .i-was-wondering {
  padding-top: 40px;
}
@media screen and ((min-width: 37.5em)) {
  .section-buying-guides .i-was-wondering {
    padding-top: 100px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .section-buying-guides .i-was-wondering .i-was-wondering-title-wrap {
    padding-left: 0;
    padding-right: 40px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .section-buying-guides .i-was-wondering .i-was-wondering-title-wrap {
    padding-right: 0;
  }
}
.section-buying-guides .i-was-wondering .i-was-wondering-video-holder {
  padding-top: 0;
}
@media screen and ((min-width: 37.5em)) {
  .section-buying-guides .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 120px;
  }
}
@media screen and ((min-width: 48em)) {
  .section-buying-guides .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 108px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .section-buying-guides .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 60px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .section-buying-guides .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 180px;
  }
}
.section-buying-guides .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
  z-index: 2;
  margin: 0 auto;
}
@media screen and ((max-width: 37.4375em)) {
  .section-buying-guides .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    width: 237px;
  }
}
@media screen and ((min-width: 37.5em)) and ((max-width: 64em)) {
  .section-buying-guides .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    right: 0;
  }
}
@media screen and ((max-width: 37.4375em)) {
  .section-buying-guides .i-was-wondering .video-wrapper {
    height: 300px;
    overflow: hidden;
    margin-bottom: -45px;
  }
}
@media screen and ((max-width: 37.4375em)) {
  .section-buying-guides .i-was-wondering .parallax-shape.left-top-down-shape-90 {
    top: 290px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .section-tools-calculators .i-was-wondering {
    padding-top: 80px;
  }
}
@media screen and ((min-width: 48em)) {
  .section-tools-calculators .i-was-wondering {
    padding-top: 72px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .section-tools-calculators .i-was-wondering {
    padding-top: 80px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .section-tools-calculators .i-was-wondering {
    padding-top: 120px;
  }
}
.section-tools-calculators .i-was-wondering .heading-5xl {
  white-space: nowrap;
}
@media screen and ((min-width: 37.5em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-title-wrap {
    padding-left: 0;
    padding-right: 220px;
  }
}
@media screen and ((min-width: 75em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-title-wrap {
    padding-right: 0;
  }
}
.section-tools-calculators .i-was-wondering .subtitle {
  max-width: 626px;
  margin: 16px auto 0;
}
@media screen and ((min-width: 37.5em)) {
  .section-tools-calculators .i-was-wondering .subtitle {
    margin-top: 24px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .section-tools-calculators .i-was-wondering .subtitle {
    margin-top: 32px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .section-tools-calculators .i-was-wondering .subtitle {
    max-width: 939px;
    margin-top: 48px;
  }
}
.section-tools-calculators .i-was-wondering .i-was-wondering-video-holder {
  padding-top: 0;
}
@media screen and ((min-width: 37.5em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 120px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder {
    max-width: 1128px;
    margin-inline: auto;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder {
    max-width: 1692px;
    padding-top: 180px;
  }
}
.section-tools-calculators .i-was-wondering .i-was-wondering-video-holder:before {
  display: none;
}
.section-tools-calculators .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
  z-index: 2;
  margin: 0 auto;
}
@media screen and ((max-width: 37.4375em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    height: 560px;
    width: 237px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    width: 298px;
    top: -240px;
    right: -60px;
  }
}
@media screen and ((min-width: 48em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    top: -220px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    top: -255px;
    right: 0;
  }
}
@media screen and ((min-width: 75em)) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    right: -25px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .section-tools-calculators .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    width: 447px;
    right: -37.5px;
  }
}
@media screen and ((max-width: 37.4375em)) {
  .section-tools-calculators .i-was-wondering .video-wrapper {
    position: relative;
    height: 300px;
    overflow: hidden;
  }
}
.section-tools-calculators .i-was-wondering .qna:first-child {
  position: relative;
}
.section-tools-calculators .i-was-wondering .qna:first-child:before {
  content: "";
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, #ffffff 25%, transparent 80%);
  filter: blur(10px);
  top: -30px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: -1;
  border-radius: 50%;
}
@media screen and ((min-width: 37.5em)) {
  .section-tools-calculators .i-was-wondering .qna:first-child:before {
    display: none;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .section-tools-calculators .i-was-wondering .qna:nth-child(3) {
    margin-top: 24px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .section-tools-calculators .i-was-wondering .qna:nth-child(3) {
    margin-top: 36px;
  }
}
.i-was-wondering .i-was-wondering-title-wrap {
  position: relative;
  z-index: 2;
}
@media screen and ((min-width: 37.5em)) {
  .i-was-wondering .i-was-wondering-title-wrap {
    padding-left: 40px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .i-was-wondering .i-was-wondering-title-wrap {
    padding-left: 0;
  }
}
.i-was-wondering .i-was-wondering-video-holder {
  padding-top: 24px;
  position: relative;
}
@media screen and ((min-width: 24.375em)) {
  .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 32px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 178px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 218px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .i-was-wondering .i-was-wondering-video-holder {
    padding-top: 254px;
  }
}
.i-was-wondering .i-was-wondering-video-holder.bg-gradient::before {
  z-index: -1;
  width: 100%;
  height: 300px;
  top: 0;
  left: 0;
  background-size: 300px;
  background-position: center;
  transform: scale(2);
}
@media screen and ((min-width: 37.5em)) {
  .i-was-wondering .i-was-wondering-video-holder.bg-gradient::before {
    width: 400px;
    height: 400px;
    background-size: 400px;
    left: auto;
    top: -108px;
    right: 116px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .i-was-wondering .i-was-wondering-video-holder.bg-gradient::before {
    width: 560px;
    height: 560px;
    top: 16px;
    right: -24px;
    background-size: 560px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .i-was-wondering .i-was-wondering-video-holder.bg-gradient::before {
    width: 560px;
    height: 560px;
    top: 21px;
    right: 95px;
    background-size: 560px;
  }
}
.i-was-wondering .i-was-wondering-video-holder .grid-x {
  justify-content: center;
}
.i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
  display: block;
  pointer-events: none;
  width: 210px;
  height: auto;
  min-height: 310px;
  margin: 0;
  position: relative;
  z-index: 8;
}
@media screen and ((max-width: 37.4375em)) {
  .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    margin: 0 auto -44px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    width: 250px;
    min-height: 370px;
    margin-bottom: 0;
    top: -140px;
    right: 50px;
    position: absolute;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    width: 290px;
    min-height: 429px;
    top: -150px;
  }
}
@media screen and ((min-width: 90em)) {
  .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    right: 128px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    width: 435px;
    min-height: 643.5px;
    top: -296px;
    right: 162px;
  }
}
@media (min-width: 48em) and (max-width: 64em) and (orientation: landscape) and (max-height: 770px) {
  .i-was-wondering .i-was-wondering-video-holder .i-was-wondering-video {
    width: 210px;
    top: -118px;
  }
}

.qna {
  position: relative;
  z-index: 2;
  border-radius: 8px;
  box-shadow: 0px 4px 16px rgba(56, 71, 80, 0.1);
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 16px rgba(56, 71, 80, 0.1);
  border: 1px solid #ffffff;
  backdrop-filter: blur(15px);
}
.qna + .qna {
  margin-top: 8px;
}
@media screen and ((min-width: 37.5em)) {
  .qna + .qna {
    margin-top: 16px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .qna + .qna {
    margin-top: 24px;
  }
}
@media screen and ((min-width: 48em)) {
  .qna {
    display: flex;
    flex-direction: column;
  }
  .qna + .qna {
    margin-top: 24px;
  }
}
@media screen and ((min-width: 48em)) and (min-width: 240em) and (min-height: 1900px) {
  .qna + .qna {
    margin-top: 36px;
  }
}
@media screen and ((min-width: 48em)) {
  .qna + .qna:nth-child(2) {
    margin-top: 0;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .qna + .qna:nth-child(3) {
    margin-top: 0;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .qna {
    padding: 60px 48px;
  }
}
.qna .qna-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 24px 16px;
  cursor: pointer;
}
@media screen and ((min-width: 37.5em)) {
  .qna .qna-head {
    gap: 24px;
    pointer-events: none;
    padding: 8px 16px 0 16px;
  }
}
@media screen and ((min-width: 48em)) {
  .qna .qna-head {
    flex-direction: column-reverse;
    padding: 40px 32px 0 32px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .qna .qna-head {
    gap: 36px;
    padding: 60px 48px 0 48px;
  }
}
.qna .qna-head .qna-svg {
  flex-shrink: 0;
}
.qna .qna-content {
  display: none;
  padding: 0 24px 24px;
}
@media screen and ((max-width: 37.4375em)) {
  .qna .qna-content {
    margin-top: -16px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .qna .qna-content {
    flex: 1 0 auto;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 32px 40px;
  }
}
@media screen and ((min-width: 48em)) {
  .qna .qna-content {
    padding-top: 24px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .qna .qna-content {
    padding-top: 36px;
  }
}
.qna .qna-content p {
  margin-bottom: 0;
}
@media screen and ((max-width: 47.9375em)) {
  .qna .qna-title {
    margin-right: auto;
  }
}
.qna .svg-use-icon {
  transition: none;
}
.qna .qna-svg {
  width: 64px;
  height: 64px;
}
@media screen and ((min-width: 37.5em)) {
  .qna .qna-svg {
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .qna .qna-svg {
    width: 180px;
    height: 180px;
  }
}
.qna .svg-arrow-down {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  cursor: pointer;
}
.qna .svg-arrow-down svg {
  transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1);
  fill: #384750;
}
.qna.is-open .svg-arrow-down svg {
  transform: rotate(180deg);
}

/*
Adds a tick as a background image to an pseudo element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.
The PNG fallbacks is an white square that masks the background color to display the tick.

@param {Color} $color [$black] - Color to use for the tick.
*/
/* prettier-ignore */
.mt0 {
  margin-top: 0px;
}

.mt4 {
  margin-top: 4px;
}

.mt6 {
  margin-top: 6px;
}

.mt8 {
  margin-top: 8px;
}

.mt12 {
  margin-top: 12px;
}

.mt16 {
  margin-top: 16px;
}

.mt18 {
  margin-top: 18px;
}

.mt20 {
  margin-top: 20px;
}

.mt22 {
  margin-top: 22px;
}

.mt24 {
  margin-top: 24px;
}

.mt25 {
  margin-top: 25px;
}

.mt28 {
  margin-top: 28px;
}

.mt30 {
  margin-top: 30px;
}

.mt32 {
  margin-top: 32px;
}

.mt36 {
  margin-top: 36px;
}

.mt40 {
  margin-top: 40px;
}

.mt42 {
  margin-top: 42px;
}

.mt45 {
  margin-top: 45px;
}

.mt48 {
  margin-top: 48px;
}

.mt56 {
  margin-top: 56px;
}

.mt60 {
  margin-top: 60px;
}

.mt64 {
  margin-top: 64px;
}

.mt68 {
  margin-top: 68px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt96 {
  margin-top: 96px;
}

.mt120 {
  margin-top: 120px;
}

.mt128 {
  margin-top: 128px;
}

.mt156 {
  margin-top: 156px;
}

.mt165 {
  margin-top: 165px;
}

.mt180 {
  margin-top: 180px;
}

.mt216 {
  margin-top: 216px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb21 {
  margin-bottom: 21px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb34 {
  margin-bottom: 34px;
}

.mb36 {
  margin-bottom: 36px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb42 {
  margin-bottom: 42px;
}

.mb44 {
  margin-bottom: 44px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb48 {
  margin-bottom: 48px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb52 {
  margin-bottom: 52px;
}

.mb56 {
  margin-bottom: 56px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb62 {
  margin-bottom: 62px;
}

.mb64 {
  margin-bottom: 64px;
}

.mb68 {
  margin-bottom: 68px;
}

.mb72 {
  margin-bottom: 72px;
}

.mb78 {
  margin-bottom: 78px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb112 {
  margin-bottom: 112px;
}

.mb120 {
  margin-bottom: 120px;
}

.mb128 {
  margin-bottom: 128px;
}

.mb165 {
  margin-bottom: 165px;
}

.mb200 {
  margin-bottom: 200px;
}

.mb216 {
  margin-bottom: 216px;
}

.ml0 {
  margin-left: 0px;
}

.ml8 {
  margin-left: 8px;
}

.ml12 {
  margin-left: 12px;
}

.ml14 {
  margin-left: 14px;
}

.ml16 {
  margin-left: 16px;
}

.ml18 {
  margin-left: 18px;
}

.ml22 {
  margin-left: 22px;
}

.ml28 {
  margin-left: 28px;
}

.ml30 {
  margin-left: 30px;
}

.ml36 {
  margin-left: 36px;
}

.ml42 {
  margin-left: 42px;
}

.ml48 {
  margin-left: 48px;
}

.ml60 {
  margin-left: 60px;
}

.ml68 {
  margin-left: 68px;
}

.mr0 {
  margin-right: 0px;
}

.mr4 {
  margin-right: 4px;
}

.mr8 {
  margin-right: 8px;
}

.mr12 {
  margin-right: 12px;
}

.mr16 {
  margin-right: 16px;
}

.mr24 {
  margin-right: 24px;
}

.mr36 {
  margin-right: 36px;
}

.mr40 {
  margin-right: 40px;
}

.p4 {
  padding: 4px;
}

.p6 {
  padding: 6px;
}

.p8 {
  padding: 8px;
}

.p16 {
  padding: 16px;
}

.p24 {
  padding: 24px;
}

.p48 {
  padding: 48px;
}

.pt0 {
  padding-top: 0px;
}

.pt12 {
  padding-top: 12px;
}

.pt24 {
  padding-top: 24px;
}

.pt48 {
  padding-top: 48px;
}

.pt60 {
  padding-top: 60px;
}

.pt64 {
  padding-top: 64px;
}

.pt90 {
  padding-top: 90px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb28 {
  padding-bottom: 28px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb44 {
  padding-bottom: 44px;
}

.pb48 {
  padding-bottom: 48px;
}

.pb64 {
  padding-bottom: 64px;
}

.pb68 {
  padding-bottom: 68px;
}

.pb90 {
  padding-bottom: 90px;
}

.pl0 {
  padding-left: 0px;
}

.pl12 {
  padding-left: 12px;
}

.pl16 {
  padding-left: 16px;
}

.pr0 {
  padding-right: 0px;
}

.pr4 {
  padding-right: 4px;
}

.pr12 {
  padding-right: 12px;
}

.pr16 {
  padding-right: 16px;
}

.pr60 {
  padding-right: 60px;
}

@media screen and ((min-width: 22.5em)) {
  .medium-xs-mt0 {
    margin-top: 0px;
  }
  .medium-xs-mt4 {
    margin-top: 4px;
  }
  .medium-xs-mt6 {
    margin-top: 6px;
  }
  .medium-xs-mt8 {
    margin-top: 8px;
  }
  .medium-xs-mt12 {
    margin-top: 12px;
  }
  .medium-xs-mt16 {
    margin-top: 16px;
  }
  .medium-xs-mt18 {
    margin-top: 18px;
  }
  .medium-xs-mt20 {
    margin-top: 20px;
  }
  .medium-xs-mt22 {
    margin-top: 22px;
  }
  .medium-xs-mt24 {
    margin-top: 24px;
  }
  .medium-xs-mt25 {
    margin-top: 25px;
  }
  .medium-xs-mt28 {
    margin-top: 28px;
  }
  .medium-xs-mt30 {
    margin-top: 30px;
  }
  .medium-xs-mt32 {
    margin-top: 32px;
  }
  .medium-xs-mt36 {
    margin-top: 36px;
  }
  .medium-xs-mt40 {
    margin-top: 40px;
  }
  .medium-xs-mt42 {
    margin-top: 42px;
  }
  .medium-xs-mt45 {
    margin-top: 45px;
  }
  .medium-xs-mt48 {
    margin-top: 48px;
  }
  .medium-xs-mt56 {
    margin-top: 56px;
  }
  .medium-xs-mt60 {
    margin-top: 60px;
  }
  .medium-xs-mt64 {
    margin-top: 64px;
  }
  .medium-xs-mt68 {
    margin-top: 68px;
  }
  .medium-xs-mt80 {
    margin-top: 80px;
  }
  .medium-xs-mt90 {
    margin-top: 90px;
  }
  .medium-xs-mt96 {
    margin-top: 96px;
  }
  .medium-xs-mt120 {
    margin-top: 120px;
  }
  .medium-xs-mt128 {
    margin-top: 128px;
  }
  .medium-xs-mt156 {
    margin-top: 156px;
  }
  .medium-xs-mt165 {
    margin-top: 165px;
  }
  .medium-xs-mt180 {
    margin-top: 180px;
  }
  .medium-xs-mt216 {
    margin-top: 216px;
  }
  .medium-xs-mb0 {
    margin-bottom: 0px;
  }
  .medium-xs-mb4 {
    margin-bottom: 4px;
  }
  .medium-xs-mb6 {
    margin-bottom: 6px;
  }
  .medium-xs-mb8 {
    margin-bottom: 8px;
  }
  .medium-xs-mb12 {
    margin-bottom: 12px;
  }
  .medium-xs-mb14 {
    margin-bottom: 14px;
  }
  .medium-xs-mb15 {
    margin-bottom: 15px;
  }
  .medium-xs-mb16 {
    margin-bottom: 16px;
  }
  .medium-xs-mb18 {
    margin-bottom: 18px;
  }
  .medium-xs-mb20 {
    margin-bottom: 20px;
  }
  .medium-xs-mb21 {
    margin-bottom: 21px;
  }
  .medium-xs-mb22 {
    margin-bottom: 22px;
  }
  .medium-xs-mb24 {
    margin-bottom: 24px;
  }
  .medium-xs-mb28 {
    margin-bottom: 28px;
  }
  .medium-xs-mb30 {
    margin-bottom: 30px;
  }
  .medium-xs-mb32 {
    margin-bottom: 32px;
  }
  .medium-xs-mb34 {
    margin-bottom: 34px;
  }
  .medium-xs-mb36 {
    margin-bottom: 36px;
  }
  .medium-xs-mb40 {
    margin-bottom: 40px;
  }
  .medium-xs-mb42 {
    margin-bottom: 42px;
  }
  .medium-xs-mb44 {
    margin-bottom: 44px;
  }
  .medium-xs-mb45 {
    margin-bottom: 45px;
  }
  .medium-xs-mb48 {
    margin-bottom: 48px;
  }
  .medium-xs-mb50 {
    margin-bottom: 50px;
  }
  .medium-xs-mb52 {
    margin-bottom: 52px;
  }
  .medium-xs-mb56 {
    margin-bottom: 56px;
  }
  .medium-xs-mb60 {
    margin-bottom: 60px;
  }
  .medium-xs-mb62 {
    margin-bottom: 62px;
  }
  .medium-xs-mb64 {
    margin-bottom: 64px;
  }
  .medium-xs-mb68 {
    margin-bottom: 68px;
  }
  .medium-xs-mb72 {
    margin-bottom: 72px;
  }
  .medium-xs-mb78 {
    margin-bottom: 78px;
  }
  .medium-xs-mb80 {
    margin-bottom: 80px;
  }
  .medium-xs-mb90 {
    margin-bottom: 90px;
  }
  .medium-xs-mb100 {
    margin-bottom: 100px;
  }
  .medium-xs-mb112 {
    margin-bottom: 112px;
  }
  .medium-xs-mb120 {
    margin-bottom: 120px;
  }
  .medium-xs-mb128 {
    margin-bottom: 128px;
  }
  .medium-xs-mb165 {
    margin-bottom: 165px;
  }
  .medium-xs-mb200 {
    margin-bottom: 200px;
  }
  .medium-xs-mb216 {
    margin-bottom: 216px;
  }
  .medium-xs-ml0 {
    margin-left: 0px;
  }
  .medium-xs-ml8 {
    margin-left: 8px;
  }
  .medium-xs-ml12 {
    margin-left: 12px;
  }
  .medium-xs-ml14 {
    margin-left: 14px;
  }
  .medium-xs-ml16 {
    margin-left: 16px;
  }
  .medium-xs-ml18 {
    margin-left: 18px;
  }
  .medium-xs-ml22 {
    margin-left: 22px;
  }
  .medium-xs-ml28 {
    margin-left: 28px;
  }
  .medium-xs-ml30 {
    margin-left: 30px;
  }
  .medium-xs-ml36 {
    margin-left: 36px;
  }
  .medium-xs-ml42 {
    margin-left: 42px;
  }
  .medium-xs-ml48 {
    margin-left: 48px;
  }
  .medium-xs-ml60 {
    margin-left: 60px;
  }
  .medium-xs-ml68 {
    margin-left: 68px;
  }
  .medium-xs-mr0 {
    margin-right: 0px;
  }
  .medium-xs-mr4 {
    margin-right: 4px;
  }
  .medium-xs-mr8 {
    margin-right: 8px;
  }
  .medium-xs-mr12 {
    margin-right: 12px;
  }
  .medium-xs-mr16 {
    margin-right: 16px;
  }
  .medium-xs-mr24 {
    margin-right: 24px;
  }
  .medium-xs-mr36 {
    margin-right: 36px;
  }
  .medium-xs-mr40 {
    margin-right: 40px;
  }
  .medium-xs-p4 {
    padding: 4px;
  }
  .medium-xs-p6 {
    padding: 6px;
  }
  .medium-xs-p8 {
    padding: 8px;
  }
  .medium-xs-p16 {
    padding: 16px;
  }
  .medium-xs-p24 {
    padding: 24px;
  }
  .medium-xs-p48 {
    padding: 48px;
  }
  .medium-xs-pt0 {
    padding-top: 0px;
  }
  .medium-xs-pt12 {
    padding-top: 12px;
  }
  .medium-xs-pt24 {
    padding-top: 24px;
  }
  .medium-xs-pt48 {
    padding-top: 48px;
  }
  .medium-xs-pt60 {
    padding-top: 60px;
  }
  .medium-xs-pt64 {
    padding-top: 64px;
  }
  .medium-xs-pt90 {
    padding-top: 90px;
  }
  .medium-xs-pb20 {
    padding-bottom: 20px;
  }
  .medium-xs-pb24 {
    padding-bottom: 24px;
  }
  .medium-xs-pb28 {
    padding-bottom: 28px;
  }
  .medium-xs-pb40 {
    padding-bottom: 40px;
  }
  .medium-xs-pb44 {
    padding-bottom: 44px;
  }
  .medium-xs-pb48 {
    padding-bottom: 48px;
  }
  .medium-xs-pb64 {
    padding-bottom: 64px;
  }
  .medium-xs-pb68 {
    padding-bottom: 68px;
  }
  .medium-xs-pb90 {
    padding-bottom: 90px;
  }
  .medium-xs-pl0 {
    padding-left: 0px;
  }
  .medium-xs-pl12 {
    padding-left: 12px;
  }
  .medium-xs-pl16 {
    padding-left: 16px;
  }
  .medium-xs-pr0 {
    padding-right: 0px;
  }
  .medium-xs-pr4 {
    padding-right: 4px;
  }
  .medium-xs-pr12 {
    padding-right: 12px;
  }
  .medium-xs-pr16 {
    padding-right: 16px;
  }
  .medium-xs-pr60 {
    padding-right: 60px;
  }
}
@media screen and ((min-width: 24.375em)) {
  .medium-s-mt0 {
    margin-top: 0px;
  }
  .medium-s-mt4 {
    margin-top: 4px;
  }
  .medium-s-mt6 {
    margin-top: 6px;
  }
  .medium-s-mt8 {
    margin-top: 8px;
  }
  .medium-s-mt12 {
    margin-top: 12px;
  }
  .medium-s-mt16 {
    margin-top: 16px;
  }
  .medium-s-mt18 {
    margin-top: 18px;
  }
  .medium-s-mt20 {
    margin-top: 20px;
  }
  .medium-s-mt22 {
    margin-top: 22px;
  }
  .medium-s-mt24 {
    margin-top: 24px;
  }
  .medium-s-mt25 {
    margin-top: 25px;
  }
  .medium-s-mt28 {
    margin-top: 28px;
  }
  .medium-s-mt30 {
    margin-top: 30px;
  }
  .medium-s-mt32 {
    margin-top: 32px;
  }
  .medium-s-mt36 {
    margin-top: 36px;
  }
  .medium-s-mt40 {
    margin-top: 40px;
  }
  .medium-s-mt42 {
    margin-top: 42px;
  }
  .medium-s-mt45 {
    margin-top: 45px;
  }
  .medium-s-mt48 {
    margin-top: 48px;
  }
  .medium-s-mt56 {
    margin-top: 56px;
  }
  .medium-s-mt60 {
    margin-top: 60px;
  }
  .medium-s-mt64 {
    margin-top: 64px;
  }
  .medium-s-mt68 {
    margin-top: 68px;
  }
  .medium-s-mt80 {
    margin-top: 80px;
  }
  .medium-s-mt90 {
    margin-top: 90px;
  }
  .medium-s-mt96 {
    margin-top: 96px;
  }
  .medium-s-mt120 {
    margin-top: 120px;
  }
  .medium-s-mt128 {
    margin-top: 128px;
  }
  .medium-s-mt156 {
    margin-top: 156px;
  }
  .medium-s-mt165 {
    margin-top: 165px;
  }
  .medium-s-mt180 {
    margin-top: 180px;
  }
  .medium-s-mt216 {
    margin-top: 216px;
  }
  .medium-s-mb0 {
    margin-bottom: 0px;
  }
  .medium-s-mb4 {
    margin-bottom: 4px;
  }
  .medium-s-mb6 {
    margin-bottom: 6px;
  }
  .medium-s-mb8 {
    margin-bottom: 8px;
  }
  .medium-s-mb12 {
    margin-bottom: 12px;
  }
  .medium-s-mb14 {
    margin-bottom: 14px;
  }
  .medium-s-mb15 {
    margin-bottom: 15px;
  }
  .medium-s-mb16 {
    margin-bottom: 16px;
  }
  .medium-s-mb18 {
    margin-bottom: 18px;
  }
  .medium-s-mb20 {
    margin-bottom: 20px;
  }
  .medium-s-mb21 {
    margin-bottom: 21px;
  }
  .medium-s-mb22 {
    margin-bottom: 22px;
  }
  .medium-s-mb24 {
    margin-bottom: 24px;
  }
  .medium-s-mb28 {
    margin-bottom: 28px;
  }
  .medium-s-mb30 {
    margin-bottom: 30px;
  }
  .medium-s-mb32 {
    margin-bottom: 32px;
  }
  .medium-s-mb34 {
    margin-bottom: 34px;
  }
  .medium-s-mb36 {
    margin-bottom: 36px;
  }
  .medium-s-mb40 {
    margin-bottom: 40px;
  }
  .medium-s-mb42 {
    margin-bottom: 42px;
  }
  .medium-s-mb44 {
    margin-bottom: 44px;
  }
  .medium-s-mb45 {
    margin-bottom: 45px;
  }
  .medium-s-mb48 {
    margin-bottom: 48px;
  }
  .medium-s-mb50 {
    margin-bottom: 50px;
  }
  .medium-s-mb52 {
    margin-bottom: 52px;
  }
  .medium-s-mb56 {
    margin-bottom: 56px;
  }
  .medium-s-mb60 {
    margin-bottom: 60px;
  }
  .medium-s-mb62 {
    margin-bottom: 62px;
  }
  .medium-s-mb64 {
    margin-bottom: 64px;
  }
  .medium-s-mb68 {
    margin-bottom: 68px;
  }
  .medium-s-mb72 {
    margin-bottom: 72px;
  }
  .medium-s-mb78 {
    margin-bottom: 78px;
  }
  .medium-s-mb80 {
    margin-bottom: 80px;
  }
  .medium-s-mb90 {
    margin-bottom: 90px;
  }
  .medium-s-mb100 {
    margin-bottom: 100px;
  }
  .medium-s-mb112 {
    margin-bottom: 112px;
  }
  .medium-s-mb120 {
    margin-bottom: 120px;
  }
  .medium-s-mb128 {
    margin-bottom: 128px;
  }
  .medium-s-mb165 {
    margin-bottom: 165px;
  }
  .medium-s-mb200 {
    margin-bottom: 200px;
  }
  .medium-s-mb216 {
    margin-bottom: 216px;
  }
  .medium-s-ml0 {
    margin-left: 0px;
  }
  .medium-s-ml8 {
    margin-left: 8px;
  }
  .medium-s-ml12 {
    margin-left: 12px;
  }
  .medium-s-ml14 {
    margin-left: 14px;
  }
  .medium-s-ml16 {
    margin-left: 16px;
  }
  .medium-s-ml18 {
    margin-left: 18px;
  }
  .medium-s-ml22 {
    margin-left: 22px;
  }
  .medium-s-ml28 {
    margin-left: 28px;
  }
  .medium-s-ml30 {
    margin-left: 30px;
  }
  .medium-s-ml36 {
    margin-left: 36px;
  }
  .medium-s-ml42 {
    margin-left: 42px;
  }
  .medium-s-ml48 {
    margin-left: 48px;
  }
  .medium-s-ml60 {
    margin-left: 60px;
  }
  .medium-s-ml68 {
    margin-left: 68px;
  }
  .medium-s-mr0 {
    margin-right: 0px;
  }
  .medium-s-mr4 {
    margin-right: 4px;
  }
  .medium-s-mr8 {
    margin-right: 8px;
  }
  .medium-s-mr12 {
    margin-right: 12px;
  }
  .medium-s-mr16 {
    margin-right: 16px;
  }
  .medium-s-mr24 {
    margin-right: 24px;
  }
  .medium-s-mr36 {
    margin-right: 36px;
  }
  .medium-s-mr40 {
    margin-right: 40px;
  }
  .medium-s-p4 {
    padding: 4px;
  }
  .medium-s-p6 {
    padding: 6px;
  }
  .medium-s-p8 {
    padding: 8px;
  }
  .medium-s-p16 {
    padding: 16px;
  }
  .medium-s-p24 {
    padding: 24px;
  }
  .medium-s-p48 {
    padding: 48px;
  }
  .medium-s-pt0 {
    padding-top: 0px;
  }
  .medium-s-pt12 {
    padding-top: 12px;
  }
  .medium-s-pt24 {
    padding-top: 24px;
  }
  .medium-s-pt48 {
    padding-top: 48px;
  }
  .medium-s-pt60 {
    padding-top: 60px;
  }
  .medium-s-pt64 {
    padding-top: 64px;
  }
  .medium-s-pt90 {
    padding-top: 90px;
  }
  .medium-s-pb20 {
    padding-bottom: 20px;
  }
  .medium-s-pb24 {
    padding-bottom: 24px;
  }
  .medium-s-pb28 {
    padding-bottom: 28px;
  }
  .medium-s-pb40 {
    padding-bottom: 40px;
  }
  .medium-s-pb44 {
    padding-bottom: 44px;
  }
  .medium-s-pb48 {
    padding-bottom: 48px;
  }
  .medium-s-pb64 {
    padding-bottom: 64px;
  }
  .medium-s-pb68 {
    padding-bottom: 68px;
  }
  .medium-s-pb90 {
    padding-bottom: 90px;
  }
  .medium-s-pl0 {
    padding-left: 0px;
  }
  .medium-s-pl12 {
    padding-left: 12px;
  }
  .medium-s-pl16 {
    padding-left: 16px;
  }
  .medium-s-pr0 {
    padding-right: 0px;
  }
  .medium-s-pr4 {
    padding-right: 4px;
  }
  .medium-s-pr12 {
    padding-right: 12px;
  }
  .medium-s-pr16 {
    padding-right: 16px;
  }
  .medium-s-pr60 {
    padding-right: 60px;
  }
}
@media screen and ((min-width: 37.5em)) {
  .medium-mt0 {
    margin-top: 0px;
  }
  .medium-mt4 {
    margin-top: 4px;
  }
  .medium-mt6 {
    margin-top: 6px;
  }
  .medium-mt8 {
    margin-top: 8px;
  }
  .medium-mt12 {
    margin-top: 12px;
  }
  .medium-mt16 {
    margin-top: 16px;
  }
  .medium-mt18 {
    margin-top: 18px;
  }
  .medium-mt20 {
    margin-top: 20px;
  }
  .medium-mt22 {
    margin-top: 22px;
  }
  .medium-mt24 {
    margin-top: 24px;
  }
  .medium-mt25 {
    margin-top: 25px;
  }
  .medium-mt28 {
    margin-top: 28px;
  }
  .medium-mt30 {
    margin-top: 30px;
  }
  .medium-mt32 {
    margin-top: 32px;
  }
  .medium-mt36 {
    margin-top: 36px;
  }
  .medium-mt40 {
    margin-top: 40px;
  }
  .medium-mt42 {
    margin-top: 42px;
  }
  .medium-mt45 {
    margin-top: 45px;
  }
  .medium-mt48 {
    margin-top: 48px;
  }
  .medium-mt56 {
    margin-top: 56px;
  }
  .medium-mt60 {
    margin-top: 60px;
  }
  .medium-mt64 {
    margin-top: 64px;
  }
  .medium-mt68 {
    margin-top: 68px;
  }
  .medium-mt80 {
    margin-top: 80px;
  }
  .medium-mt90 {
    margin-top: 90px;
  }
  .medium-mt96 {
    margin-top: 96px;
  }
  .medium-mt120 {
    margin-top: 120px;
  }
  .medium-mt128 {
    margin-top: 128px;
  }
  .medium-mt156 {
    margin-top: 156px;
  }
  .medium-mt165 {
    margin-top: 165px;
  }
  .medium-mt180 {
    margin-top: 180px;
  }
  .medium-mt216 {
    margin-top: 216px;
  }
  .medium-mb0 {
    margin-bottom: 0px;
  }
  .medium-mb4 {
    margin-bottom: 4px;
  }
  .medium-mb6 {
    margin-bottom: 6px;
  }
  .medium-mb8 {
    margin-bottom: 8px;
  }
  .medium-mb12 {
    margin-bottom: 12px;
  }
  .medium-mb14 {
    margin-bottom: 14px;
  }
  .medium-mb15 {
    margin-bottom: 15px;
  }
  .medium-mb16 {
    margin-bottom: 16px;
  }
  .medium-mb18 {
    margin-bottom: 18px;
  }
  .medium-mb20 {
    margin-bottom: 20px;
  }
  .medium-mb21 {
    margin-bottom: 21px;
  }
  .medium-mb22 {
    margin-bottom: 22px;
  }
  .medium-mb24 {
    margin-bottom: 24px;
  }
  .medium-mb28 {
    margin-bottom: 28px;
  }
  .medium-mb30 {
    margin-bottom: 30px;
  }
  .medium-mb32 {
    margin-bottom: 32px;
  }
  .medium-mb34 {
    margin-bottom: 34px;
  }
  .medium-mb36 {
    margin-bottom: 36px;
  }
  .medium-mb40 {
    margin-bottom: 40px;
  }
  .medium-mb42 {
    margin-bottom: 42px;
  }
  .medium-mb44 {
    margin-bottom: 44px;
  }
  .medium-mb45 {
    margin-bottom: 45px;
  }
  .medium-mb48 {
    margin-bottom: 48px;
  }
  .medium-mb50 {
    margin-bottom: 50px;
  }
  .medium-mb52 {
    margin-bottom: 52px;
  }
  .medium-mb56 {
    margin-bottom: 56px;
  }
  .medium-mb60 {
    margin-bottom: 60px;
  }
  .medium-mb62 {
    margin-bottom: 62px;
  }
  .medium-mb64 {
    margin-bottom: 64px;
  }
  .medium-mb68 {
    margin-bottom: 68px;
  }
  .medium-mb72 {
    margin-bottom: 72px;
  }
  .medium-mb78 {
    margin-bottom: 78px;
  }
  .medium-mb80 {
    margin-bottom: 80px;
  }
  .medium-mb90 {
    margin-bottom: 90px;
  }
  .medium-mb100 {
    margin-bottom: 100px;
  }
  .medium-mb112 {
    margin-bottom: 112px;
  }
  .medium-mb120 {
    margin-bottom: 120px;
  }
  .medium-mb128 {
    margin-bottom: 128px;
  }
  .medium-mb165 {
    margin-bottom: 165px;
  }
  .medium-mb200 {
    margin-bottom: 200px;
  }
  .medium-mb216 {
    margin-bottom: 216px;
  }
  .medium-ml0 {
    margin-left: 0px;
  }
  .medium-ml8 {
    margin-left: 8px;
  }
  .medium-ml12 {
    margin-left: 12px;
  }
  .medium-ml14 {
    margin-left: 14px;
  }
  .medium-ml16 {
    margin-left: 16px;
  }
  .medium-ml18 {
    margin-left: 18px;
  }
  .medium-ml22 {
    margin-left: 22px;
  }
  .medium-ml28 {
    margin-left: 28px;
  }
  .medium-ml30 {
    margin-left: 30px;
  }
  .medium-ml36 {
    margin-left: 36px;
  }
  .medium-ml42 {
    margin-left: 42px;
  }
  .medium-ml48 {
    margin-left: 48px;
  }
  .medium-ml60 {
    margin-left: 60px;
  }
  .medium-ml68 {
    margin-left: 68px;
  }
  .medium-mr0 {
    margin-right: 0px;
  }
  .medium-mr4 {
    margin-right: 4px;
  }
  .medium-mr8 {
    margin-right: 8px;
  }
  .medium-mr12 {
    margin-right: 12px;
  }
  .medium-mr16 {
    margin-right: 16px;
  }
  .medium-mr24 {
    margin-right: 24px;
  }
  .medium-mr36 {
    margin-right: 36px;
  }
  .medium-mr40 {
    margin-right: 40px;
  }
  .medium-p4 {
    padding: 4px;
  }
  .medium-p6 {
    padding: 6px;
  }
  .medium-p8 {
    padding: 8px;
  }
  .medium-p16 {
    padding: 16px;
  }
  .medium-p24 {
    padding: 24px;
  }
  .medium-p48 {
    padding: 48px;
  }
  .medium-pt0 {
    padding-top: 0px;
  }
  .medium-pt12 {
    padding-top: 12px;
  }
  .medium-pt24 {
    padding-top: 24px;
  }
  .medium-pt48 {
    padding-top: 48px;
  }
  .medium-pt60 {
    padding-top: 60px;
  }
  .medium-pt64 {
    padding-top: 64px;
  }
  .medium-pt90 {
    padding-top: 90px;
  }
  .medium-pb20 {
    padding-bottom: 20px;
  }
  .medium-pb24 {
    padding-bottom: 24px;
  }
  .medium-pb28 {
    padding-bottom: 28px;
  }
  .medium-pb40 {
    padding-bottom: 40px;
  }
  .medium-pb44 {
    padding-bottom: 44px;
  }
  .medium-pb48 {
    padding-bottom: 48px;
  }
  .medium-pb64 {
    padding-bottom: 64px;
  }
  .medium-pb68 {
    padding-bottom: 68px;
  }
  .medium-pb90 {
    padding-bottom: 90px;
  }
  .medium-pl0 {
    padding-left: 0px;
  }
  .medium-pl12 {
    padding-left: 12px;
  }
  .medium-pl16 {
    padding-left: 16px;
  }
  .medium-pr0 {
    padding-right: 0px;
  }
  .medium-pr4 {
    padding-right: 4px;
  }
  .medium-pr12 {
    padding-right: 12px;
  }
  .medium-pr16 {
    padding-right: 16px;
  }
  .medium-pr60 {
    padding-right: 60px;
  }
}
@media screen and ((min-width: 48em)) {
  .tablet-mt0 {
    margin-top: 0px;
  }
  .tablet-mt4 {
    margin-top: 4px;
  }
  .tablet-mt6 {
    margin-top: 6px;
  }
  .tablet-mt8 {
    margin-top: 8px;
  }
  .tablet-mt12 {
    margin-top: 12px;
  }
  .tablet-mt16 {
    margin-top: 16px;
  }
  .tablet-mt18 {
    margin-top: 18px;
  }
  .tablet-mt20 {
    margin-top: 20px;
  }
  .tablet-mt22 {
    margin-top: 22px;
  }
  .tablet-mt24 {
    margin-top: 24px;
  }
  .tablet-mt25 {
    margin-top: 25px;
  }
  .tablet-mt28 {
    margin-top: 28px;
  }
  .tablet-mt30 {
    margin-top: 30px;
  }
  .tablet-mt32 {
    margin-top: 32px;
  }
  .tablet-mt36 {
    margin-top: 36px;
  }
  .tablet-mt40 {
    margin-top: 40px;
  }
  .tablet-mt42 {
    margin-top: 42px;
  }
  .tablet-mt45 {
    margin-top: 45px;
  }
  .tablet-mt48 {
    margin-top: 48px;
  }
  .tablet-mt56 {
    margin-top: 56px;
  }
  .tablet-mt60 {
    margin-top: 60px;
  }
  .tablet-mt64 {
    margin-top: 64px;
  }
  .tablet-mt68 {
    margin-top: 68px;
  }
  .tablet-mt80 {
    margin-top: 80px;
  }
  .tablet-mt90 {
    margin-top: 90px;
  }
  .tablet-mt96 {
    margin-top: 96px;
  }
  .tablet-mt120 {
    margin-top: 120px;
  }
  .tablet-mt128 {
    margin-top: 128px;
  }
  .tablet-mt156 {
    margin-top: 156px;
  }
  .tablet-mt165 {
    margin-top: 165px;
  }
  .tablet-mt180 {
    margin-top: 180px;
  }
  .tablet-mt216 {
    margin-top: 216px;
  }
  .tablet-mb0 {
    margin-bottom: 0px;
  }
  .tablet-mb4 {
    margin-bottom: 4px;
  }
  .tablet-mb6 {
    margin-bottom: 6px;
  }
  .tablet-mb8 {
    margin-bottom: 8px;
  }
  .tablet-mb12 {
    margin-bottom: 12px;
  }
  .tablet-mb14 {
    margin-bottom: 14px;
  }
  .tablet-mb15 {
    margin-bottom: 15px;
  }
  .tablet-mb16 {
    margin-bottom: 16px;
  }
  .tablet-mb18 {
    margin-bottom: 18px;
  }
  .tablet-mb20 {
    margin-bottom: 20px;
  }
  .tablet-mb21 {
    margin-bottom: 21px;
  }
  .tablet-mb22 {
    margin-bottom: 22px;
  }
  .tablet-mb24 {
    margin-bottom: 24px;
  }
  .tablet-mb28 {
    margin-bottom: 28px;
  }
  .tablet-mb30 {
    margin-bottom: 30px;
  }
  .tablet-mb32 {
    margin-bottom: 32px;
  }
  .tablet-mb34 {
    margin-bottom: 34px;
  }
  .tablet-mb36 {
    margin-bottom: 36px;
  }
  .tablet-mb40 {
    margin-bottom: 40px;
  }
  .tablet-mb42 {
    margin-bottom: 42px;
  }
  .tablet-mb44 {
    margin-bottom: 44px;
  }
  .tablet-mb45 {
    margin-bottom: 45px;
  }
  .tablet-mb48 {
    margin-bottom: 48px;
  }
  .tablet-mb50 {
    margin-bottom: 50px;
  }
  .tablet-mb52 {
    margin-bottom: 52px;
  }
  .tablet-mb56 {
    margin-bottom: 56px;
  }
  .tablet-mb60 {
    margin-bottom: 60px;
  }
  .tablet-mb62 {
    margin-bottom: 62px;
  }
  .tablet-mb64 {
    margin-bottom: 64px;
  }
  .tablet-mb68 {
    margin-bottom: 68px;
  }
  .tablet-mb72 {
    margin-bottom: 72px;
  }
  .tablet-mb78 {
    margin-bottom: 78px;
  }
  .tablet-mb80 {
    margin-bottom: 80px;
  }
  .tablet-mb90 {
    margin-bottom: 90px;
  }
  .tablet-mb100 {
    margin-bottom: 100px;
  }
  .tablet-mb112 {
    margin-bottom: 112px;
  }
  .tablet-mb120 {
    margin-bottom: 120px;
  }
  .tablet-mb128 {
    margin-bottom: 128px;
  }
  .tablet-mb165 {
    margin-bottom: 165px;
  }
  .tablet-mb200 {
    margin-bottom: 200px;
  }
  .tablet-mb216 {
    margin-bottom: 216px;
  }
  .tablet-ml0 {
    margin-left: 0px;
  }
  .tablet-ml8 {
    margin-left: 8px;
  }
  .tablet-ml12 {
    margin-left: 12px;
  }
  .tablet-ml14 {
    margin-left: 14px;
  }
  .tablet-ml16 {
    margin-left: 16px;
  }
  .tablet-ml18 {
    margin-left: 18px;
  }
  .tablet-ml22 {
    margin-left: 22px;
  }
  .tablet-ml28 {
    margin-left: 28px;
  }
  .tablet-ml30 {
    margin-left: 30px;
  }
  .tablet-ml36 {
    margin-left: 36px;
  }
  .tablet-ml42 {
    margin-left: 42px;
  }
  .tablet-ml48 {
    margin-left: 48px;
  }
  .tablet-ml60 {
    margin-left: 60px;
  }
  .tablet-ml68 {
    margin-left: 68px;
  }
  .tablet-mr0 {
    margin-right: 0px;
  }
  .tablet-mr4 {
    margin-right: 4px;
  }
  .tablet-mr8 {
    margin-right: 8px;
  }
  .tablet-mr12 {
    margin-right: 12px;
  }
  .tablet-mr16 {
    margin-right: 16px;
  }
  .tablet-mr24 {
    margin-right: 24px;
  }
  .tablet-mr36 {
    margin-right: 36px;
  }
  .tablet-mr40 {
    margin-right: 40px;
  }
  .tablet-p4 {
    padding: 4px;
  }
  .tablet-p6 {
    padding: 6px;
  }
  .tablet-p8 {
    padding: 8px;
  }
  .tablet-p16 {
    padding: 16px;
  }
  .tablet-p24 {
    padding: 24px;
  }
  .tablet-p48 {
    padding: 48px;
  }
  .tablet-pt0 {
    padding-top: 0px;
  }
  .tablet-pt12 {
    padding-top: 12px;
  }
  .tablet-pt24 {
    padding-top: 24px;
  }
  .tablet-pt48 {
    padding-top: 48px;
  }
  .tablet-pt60 {
    padding-top: 60px;
  }
  .tablet-pt64 {
    padding-top: 64px;
  }
  .tablet-pt90 {
    padding-top: 90px;
  }
  .tablet-pb20 {
    padding-bottom: 20px;
  }
  .tablet-pb24 {
    padding-bottom: 24px;
  }
  .tablet-pb28 {
    padding-bottom: 28px;
  }
  .tablet-pb40 {
    padding-bottom: 40px;
  }
  .tablet-pb44 {
    padding-bottom: 44px;
  }
  .tablet-pb48 {
    padding-bottom: 48px;
  }
  .tablet-pb64 {
    padding-bottom: 64px;
  }
  .tablet-pb68 {
    padding-bottom: 68px;
  }
  .tablet-pb90 {
    padding-bottom: 90px;
  }
  .tablet-pl0 {
    padding-left: 0px;
  }
  .tablet-pl12 {
    padding-left: 12px;
  }
  .tablet-pl16 {
    padding-left: 16px;
  }
  .tablet-pr0 {
    padding-right: 0px;
  }
  .tablet-pr4 {
    padding-right: 4px;
  }
  .tablet-pr12 {
    padding-right: 12px;
  }
  .tablet-pr16 {
    padding-right: 16px;
  }
  .tablet-pr60 {
    padding-right: 60px;
  }
}
@media screen and ((min-width: 64.0625em)) {
  .desktop-mt0 {
    margin-top: 0px;
  }
  .desktop-mt4 {
    margin-top: 4px;
  }
  .desktop-mt6 {
    margin-top: 6px;
  }
  .desktop-mt8 {
    margin-top: 8px;
  }
  .desktop-mt12 {
    margin-top: 12px;
  }
  .desktop-mt16 {
    margin-top: 16px;
  }
  .desktop-mt18 {
    margin-top: 18px;
  }
  .desktop-mt20 {
    margin-top: 20px;
  }
  .desktop-mt22 {
    margin-top: 22px;
  }
  .desktop-mt24 {
    margin-top: 24px;
  }
  .desktop-mt25 {
    margin-top: 25px;
  }
  .desktop-mt28 {
    margin-top: 28px;
  }
  .desktop-mt30 {
    margin-top: 30px;
  }
  .desktop-mt32 {
    margin-top: 32px;
  }
  .desktop-mt36 {
    margin-top: 36px;
  }
  .desktop-mt40 {
    margin-top: 40px;
  }
  .desktop-mt42 {
    margin-top: 42px;
  }
  .desktop-mt45 {
    margin-top: 45px;
  }
  .desktop-mt48 {
    margin-top: 48px;
  }
  .desktop-mt56 {
    margin-top: 56px;
  }
  .desktop-mt60 {
    margin-top: 60px;
  }
  .desktop-mt64 {
    margin-top: 64px;
  }
  .desktop-mt68 {
    margin-top: 68px;
  }
  .desktop-mt80 {
    margin-top: 80px;
  }
  .desktop-mt90 {
    margin-top: 90px;
  }
  .desktop-mt96 {
    margin-top: 96px;
  }
  .desktop-mt120 {
    margin-top: 120px;
  }
  .desktop-mt128 {
    margin-top: 128px;
  }
  .desktop-mt156 {
    margin-top: 156px;
  }
  .desktop-mt165 {
    margin-top: 165px;
  }
  .desktop-mt180 {
    margin-top: 180px;
  }
  .desktop-mt216 {
    margin-top: 216px;
  }
  .desktop-mb0 {
    margin-bottom: 0px;
  }
  .desktop-mb4 {
    margin-bottom: 4px;
  }
  .desktop-mb6 {
    margin-bottom: 6px;
  }
  .desktop-mb8 {
    margin-bottom: 8px;
  }
  .desktop-mb12 {
    margin-bottom: 12px;
  }
  .desktop-mb14 {
    margin-bottom: 14px;
  }
  .desktop-mb15 {
    margin-bottom: 15px;
  }
  .desktop-mb16 {
    margin-bottom: 16px;
  }
  .desktop-mb18 {
    margin-bottom: 18px;
  }
  .desktop-mb20 {
    margin-bottom: 20px;
  }
  .desktop-mb21 {
    margin-bottom: 21px;
  }
  .desktop-mb22 {
    margin-bottom: 22px;
  }
  .desktop-mb24 {
    margin-bottom: 24px;
  }
  .desktop-mb28 {
    margin-bottom: 28px;
  }
  .desktop-mb30 {
    margin-bottom: 30px;
  }
  .desktop-mb32 {
    margin-bottom: 32px;
  }
  .desktop-mb34 {
    margin-bottom: 34px;
  }
  .desktop-mb36 {
    margin-bottom: 36px;
  }
  .desktop-mb40 {
    margin-bottom: 40px;
  }
  .desktop-mb42 {
    margin-bottom: 42px;
  }
  .desktop-mb44 {
    margin-bottom: 44px;
  }
  .desktop-mb45 {
    margin-bottom: 45px;
  }
  .desktop-mb48 {
    margin-bottom: 48px;
  }
  .desktop-mb50 {
    margin-bottom: 50px;
  }
  .desktop-mb52 {
    margin-bottom: 52px;
  }
  .desktop-mb56 {
    margin-bottom: 56px;
  }
  .desktop-mb60 {
    margin-bottom: 60px;
  }
  .desktop-mb62 {
    margin-bottom: 62px;
  }
  .desktop-mb64 {
    margin-bottom: 64px;
  }
  .desktop-mb68 {
    margin-bottom: 68px;
  }
  .desktop-mb72 {
    margin-bottom: 72px;
  }
  .desktop-mb78 {
    margin-bottom: 78px;
  }
  .desktop-mb80 {
    margin-bottom: 80px;
  }
  .desktop-mb90 {
    margin-bottom: 90px;
  }
  .desktop-mb100 {
    margin-bottom: 100px;
  }
  .desktop-mb112 {
    margin-bottom: 112px;
  }
  .desktop-mb120 {
    margin-bottom: 120px;
  }
  .desktop-mb128 {
    margin-bottom: 128px;
  }
  .desktop-mb165 {
    margin-bottom: 165px;
  }
  .desktop-mb200 {
    margin-bottom: 200px;
  }
  .desktop-mb216 {
    margin-bottom: 216px;
  }
  .desktop-ml0 {
    margin-left: 0px;
  }
  .desktop-ml8 {
    margin-left: 8px;
  }
  .desktop-ml12 {
    margin-left: 12px;
  }
  .desktop-ml14 {
    margin-left: 14px;
  }
  .desktop-ml16 {
    margin-left: 16px;
  }
  .desktop-ml18 {
    margin-left: 18px;
  }
  .desktop-ml22 {
    margin-left: 22px;
  }
  .desktop-ml28 {
    margin-left: 28px;
  }
  .desktop-ml30 {
    margin-left: 30px;
  }
  .desktop-ml36 {
    margin-left: 36px;
  }
  .desktop-ml42 {
    margin-left: 42px;
  }
  .desktop-ml48 {
    margin-left: 48px;
  }
  .desktop-ml60 {
    margin-left: 60px;
  }
  .desktop-ml68 {
    margin-left: 68px;
  }
  .desktop-mr0 {
    margin-right: 0px;
  }
  .desktop-mr4 {
    margin-right: 4px;
  }
  .desktop-mr8 {
    margin-right: 8px;
  }
  .desktop-mr12 {
    margin-right: 12px;
  }
  .desktop-mr16 {
    margin-right: 16px;
  }
  .desktop-mr24 {
    margin-right: 24px;
  }
  .desktop-mr36 {
    margin-right: 36px;
  }
  .desktop-mr40 {
    margin-right: 40px;
  }
  .desktop-p4 {
    padding: 4px;
  }
  .desktop-p6 {
    padding: 6px;
  }
  .desktop-p8 {
    padding: 8px;
  }
  .desktop-p16 {
    padding: 16px;
  }
  .desktop-p24 {
    padding: 24px;
  }
  .desktop-p48 {
    padding: 48px;
  }
  .desktop-pt0 {
    padding-top: 0px;
  }
  .desktop-pt12 {
    padding-top: 12px;
  }
  .desktop-pt24 {
    padding-top: 24px;
  }
  .desktop-pt48 {
    padding-top: 48px;
  }
  .desktop-pt60 {
    padding-top: 60px;
  }
  .desktop-pt64 {
    padding-top: 64px;
  }
  .desktop-pt90 {
    padding-top: 90px;
  }
  .desktop-pb20 {
    padding-bottom: 20px;
  }
  .desktop-pb24 {
    padding-bottom: 24px;
  }
  .desktop-pb28 {
    padding-bottom: 28px;
  }
  .desktop-pb40 {
    padding-bottom: 40px;
  }
  .desktop-pb44 {
    padding-bottom: 44px;
  }
  .desktop-pb48 {
    padding-bottom: 48px;
  }
  .desktop-pb64 {
    padding-bottom: 64px;
  }
  .desktop-pb68 {
    padding-bottom: 68px;
  }
  .desktop-pb90 {
    padding-bottom: 90px;
  }
  .desktop-pl0 {
    padding-left: 0px;
  }
  .desktop-pl12 {
    padding-left: 12px;
  }
  .desktop-pl16 {
    padding-left: 16px;
  }
  .desktop-pr0 {
    padding-right: 0px;
  }
  .desktop-pr4 {
    padding-right: 4px;
  }
  .desktop-pr12 {
    padding-right: 12px;
  }
  .desktop-pr16 {
    padding-right: 16px;
  }
  .desktop-pr60 {
    padding-right: 60px;
  }
}
@media screen and ((min-width: 75em)) {
  .large-mt0 {
    margin-top: 0px;
  }
  .large-mt4 {
    margin-top: 4px;
  }
  .large-mt6 {
    margin-top: 6px;
  }
  .large-mt8 {
    margin-top: 8px;
  }
  .large-mt12 {
    margin-top: 12px;
  }
  .large-mt16 {
    margin-top: 16px;
  }
  .large-mt18 {
    margin-top: 18px;
  }
  .large-mt20 {
    margin-top: 20px;
  }
  .large-mt22 {
    margin-top: 22px;
  }
  .large-mt24 {
    margin-top: 24px;
  }
  .large-mt25 {
    margin-top: 25px;
  }
  .large-mt28 {
    margin-top: 28px;
  }
  .large-mt30 {
    margin-top: 30px;
  }
  .large-mt32 {
    margin-top: 32px;
  }
  .large-mt36 {
    margin-top: 36px;
  }
  .large-mt40 {
    margin-top: 40px;
  }
  .large-mt42 {
    margin-top: 42px;
  }
  .large-mt45 {
    margin-top: 45px;
  }
  .large-mt48 {
    margin-top: 48px;
  }
  .large-mt56 {
    margin-top: 56px;
  }
  .large-mt60 {
    margin-top: 60px;
  }
  .large-mt64 {
    margin-top: 64px;
  }
  .large-mt68 {
    margin-top: 68px;
  }
  .large-mt80 {
    margin-top: 80px;
  }
  .large-mt90 {
    margin-top: 90px;
  }
  .large-mt96 {
    margin-top: 96px;
  }
  .large-mt120 {
    margin-top: 120px;
  }
  .large-mt128 {
    margin-top: 128px;
  }
  .large-mt156 {
    margin-top: 156px;
  }
  .large-mt165 {
    margin-top: 165px;
  }
  .large-mt180 {
    margin-top: 180px;
  }
  .large-mt216 {
    margin-top: 216px;
  }
  .large-mb0 {
    margin-bottom: 0px;
  }
  .large-mb4 {
    margin-bottom: 4px;
  }
  .large-mb6 {
    margin-bottom: 6px;
  }
  .large-mb8 {
    margin-bottom: 8px;
  }
  .large-mb12 {
    margin-bottom: 12px;
  }
  .large-mb14 {
    margin-bottom: 14px;
  }
  .large-mb15 {
    margin-bottom: 15px;
  }
  .large-mb16 {
    margin-bottom: 16px;
  }
  .large-mb18 {
    margin-bottom: 18px;
  }
  .large-mb20 {
    margin-bottom: 20px;
  }
  .large-mb21 {
    margin-bottom: 21px;
  }
  .large-mb22 {
    margin-bottom: 22px;
  }
  .large-mb24 {
    margin-bottom: 24px;
  }
  .large-mb28 {
    margin-bottom: 28px;
  }
  .large-mb30 {
    margin-bottom: 30px;
  }
  .large-mb32 {
    margin-bottom: 32px;
  }
  .large-mb34 {
    margin-bottom: 34px;
  }
  .large-mb36 {
    margin-bottom: 36px;
  }
  .large-mb40 {
    margin-bottom: 40px;
  }
  .large-mb42 {
    margin-bottom: 42px;
  }
  .large-mb44 {
    margin-bottom: 44px;
  }
  .large-mb45 {
    margin-bottom: 45px;
  }
  .large-mb48 {
    margin-bottom: 48px;
  }
  .large-mb50 {
    margin-bottom: 50px;
  }
  .large-mb52 {
    margin-bottom: 52px;
  }
  .large-mb56 {
    margin-bottom: 56px;
  }
  .large-mb60 {
    margin-bottom: 60px;
  }
  .large-mb62 {
    margin-bottom: 62px;
  }
  .large-mb64 {
    margin-bottom: 64px;
  }
  .large-mb68 {
    margin-bottom: 68px;
  }
  .large-mb72 {
    margin-bottom: 72px;
  }
  .large-mb78 {
    margin-bottom: 78px;
  }
  .large-mb80 {
    margin-bottom: 80px;
  }
  .large-mb90 {
    margin-bottom: 90px;
  }
  .large-mb100 {
    margin-bottom: 100px;
  }
  .large-mb112 {
    margin-bottom: 112px;
  }
  .large-mb120 {
    margin-bottom: 120px;
  }
  .large-mb128 {
    margin-bottom: 128px;
  }
  .large-mb165 {
    margin-bottom: 165px;
  }
  .large-mb200 {
    margin-bottom: 200px;
  }
  .large-mb216 {
    margin-bottom: 216px;
  }
  .large-ml0 {
    margin-left: 0px;
  }
  .large-ml8 {
    margin-left: 8px;
  }
  .large-ml12 {
    margin-left: 12px;
  }
  .large-ml14 {
    margin-left: 14px;
  }
  .large-ml16 {
    margin-left: 16px;
  }
  .large-ml18 {
    margin-left: 18px;
  }
  .large-ml22 {
    margin-left: 22px;
  }
  .large-ml28 {
    margin-left: 28px;
  }
  .large-ml30 {
    margin-left: 30px;
  }
  .large-ml36 {
    margin-left: 36px;
  }
  .large-ml42 {
    margin-left: 42px;
  }
  .large-ml48 {
    margin-left: 48px;
  }
  .large-ml60 {
    margin-left: 60px;
  }
  .large-ml68 {
    margin-left: 68px;
  }
  .large-mr0 {
    margin-right: 0px;
  }
  .large-mr4 {
    margin-right: 4px;
  }
  .large-mr8 {
    margin-right: 8px;
  }
  .large-mr12 {
    margin-right: 12px;
  }
  .large-mr16 {
    margin-right: 16px;
  }
  .large-mr24 {
    margin-right: 24px;
  }
  .large-mr36 {
    margin-right: 36px;
  }
  .large-mr40 {
    margin-right: 40px;
  }
  .large-p4 {
    padding: 4px;
  }
  .large-p6 {
    padding: 6px;
  }
  .large-p8 {
    padding: 8px;
  }
  .large-p16 {
    padding: 16px;
  }
  .large-p24 {
    padding: 24px;
  }
  .large-p48 {
    padding: 48px;
  }
  .large-pt0 {
    padding-top: 0px;
  }
  .large-pt12 {
    padding-top: 12px;
  }
  .large-pt24 {
    padding-top: 24px;
  }
  .large-pt48 {
    padding-top: 48px;
  }
  .large-pt60 {
    padding-top: 60px;
  }
  .large-pt64 {
    padding-top: 64px;
  }
  .large-pt90 {
    padding-top: 90px;
  }
  .large-pb20 {
    padding-bottom: 20px;
  }
  .large-pb24 {
    padding-bottom: 24px;
  }
  .large-pb28 {
    padding-bottom: 28px;
  }
  .large-pb40 {
    padding-bottom: 40px;
  }
  .large-pb44 {
    padding-bottom: 44px;
  }
  .large-pb48 {
    padding-bottom: 48px;
  }
  .large-pb64 {
    padding-bottom: 64px;
  }
  .large-pb68 {
    padding-bottom: 68px;
  }
  .large-pb90 {
    padding-bottom: 90px;
  }
  .large-pl0 {
    padding-left: 0px;
  }
  .large-pl12 {
    padding-left: 12px;
  }
  .large-pl16 {
    padding-left: 16px;
  }
  .large-pr0 {
    padding-right: 0px;
  }
  .large-pr4 {
    padding-right: 4px;
  }
  .large-pr12 {
    padding-right: 12px;
  }
  .large-pr16 {
    padding-right: 16px;
  }
  .large-pr60 {
    padding-right: 60px;
  }
}
@media screen and ((min-width: 90em)) {
  .xlarge-mt0 {
    margin-top: 0px;
  }
  .xlarge-mt4 {
    margin-top: 4px;
  }
  .xlarge-mt6 {
    margin-top: 6px;
  }
  .xlarge-mt8 {
    margin-top: 8px;
  }
  .xlarge-mt12 {
    margin-top: 12px;
  }
  .xlarge-mt16 {
    margin-top: 16px;
  }
  .xlarge-mt18 {
    margin-top: 18px;
  }
  .xlarge-mt20 {
    margin-top: 20px;
  }
  .xlarge-mt22 {
    margin-top: 22px;
  }
  .xlarge-mt24 {
    margin-top: 24px;
  }
  .xlarge-mt25 {
    margin-top: 25px;
  }
  .xlarge-mt28 {
    margin-top: 28px;
  }
  .xlarge-mt30 {
    margin-top: 30px;
  }
  .xlarge-mt32 {
    margin-top: 32px;
  }
  .xlarge-mt36 {
    margin-top: 36px;
  }
  .xlarge-mt40 {
    margin-top: 40px;
  }
  .xlarge-mt42 {
    margin-top: 42px;
  }
  .xlarge-mt45 {
    margin-top: 45px;
  }
  .xlarge-mt48 {
    margin-top: 48px;
  }
  .xlarge-mt56 {
    margin-top: 56px;
  }
  .xlarge-mt60 {
    margin-top: 60px;
  }
  .xlarge-mt64 {
    margin-top: 64px;
  }
  .xlarge-mt68 {
    margin-top: 68px;
  }
  .xlarge-mt80 {
    margin-top: 80px;
  }
  .xlarge-mt90 {
    margin-top: 90px;
  }
  .xlarge-mt96 {
    margin-top: 96px;
  }
  .xlarge-mt120 {
    margin-top: 120px;
  }
  .xlarge-mt128 {
    margin-top: 128px;
  }
  .xlarge-mt156 {
    margin-top: 156px;
  }
  .xlarge-mt165 {
    margin-top: 165px;
  }
  .xlarge-mt180 {
    margin-top: 180px;
  }
  .xlarge-mt216 {
    margin-top: 216px;
  }
  .xlarge-mb0 {
    margin-bottom: 0px;
  }
  .xlarge-mb4 {
    margin-bottom: 4px;
  }
  .xlarge-mb6 {
    margin-bottom: 6px;
  }
  .xlarge-mb8 {
    margin-bottom: 8px;
  }
  .xlarge-mb12 {
    margin-bottom: 12px;
  }
  .xlarge-mb14 {
    margin-bottom: 14px;
  }
  .xlarge-mb15 {
    margin-bottom: 15px;
  }
  .xlarge-mb16 {
    margin-bottom: 16px;
  }
  .xlarge-mb18 {
    margin-bottom: 18px;
  }
  .xlarge-mb20 {
    margin-bottom: 20px;
  }
  .xlarge-mb21 {
    margin-bottom: 21px;
  }
  .xlarge-mb22 {
    margin-bottom: 22px;
  }
  .xlarge-mb24 {
    margin-bottom: 24px;
  }
  .xlarge-mb28 {
    margin-bottom: 28px;
  }
  .xlarge-mb30 {
    margin-bottom: 30px;
  }
  .xlarge-mb32 {
    margin-bottom: 32px;
  }
  .xlarge-mb34 {
    margin-bottom: 34px;
  }
  .xlarge-mb36 {
    margin-bottom: 36px;
  }
  .xlarge-mb40 {
    margin-bottom: 40px;
  }
  .xlarge-mb42 {
    margin-bottom: 42px;
  }
  .xlarge-mb44 {
    margin-bottom: 44px;
  }
  .xlarge-mb45 {
    margin-bottom: 45px;
  }
  .xlarge-mb48 {
    margin-bottom: 48px;
  }
  .xlarge-mb50 {
    margin-bottom: 50px;
  }
  .xlarge-mb52 {
    margin-bottom: 52px;
  }
  .xlarge-mb56 {
    margin-bottom: 56px;
  }
  .xlarge-mb60 {
    margin-bottom: 60px;
  }
  .xlarge-mb62 {
    margin-bottom: 62px;
  }
  .xlarge-mb64 {
    margin-bottom: 64px;
  }
  .xlarge-mb68 {
    margin-bottom: 68px;
  }
  .xlarge-mb72 {
    margin-bottom: 72px;
  }
  .xlarge-mb78 {
    margin-bottom: 78px;
  }
  .xlarge-mb80 {
    margin-bottom: 80px;
  }
  .xlarge-mb90 {
    margin-bottom: 90px;
  }
  .xlarge-mb100 {
    margin-bottom: 100px;
  }
  .xlarge-mb112 {
    margin-bottom: 112px;
  }
  .xlarge-mb120 {
    margin-bottom: 120px;
  }
  .xlarge-mb128 {
    margin-bottom: 128px;
  }
  .xlarge-mb165 {
    margin-bottom: 165px;
  }
  .xlarge-mb200 {
    margin-bottom: 200px;
  }
  .xlarge-mb216 {
    margin-bottom: 216px;
  }
  .xlarge-ml0 {
    margin-left: 0px;
  }
  .xlarge-ml8 {
    margin-left: 8px;
  }
  .xlarge-ml12 {
    margin-left: 12px;
  }
  .xlarge-ml14 {
    margin-left: 14px;
  }
  .xlarge-ml16 {
    margin-left: 16px;
  }
  .xlarge-ml18 {
    margin-left: 18px;
  }
  .xlarge-ml22 {
    margin-left: 22px;
  }
  .xlarge-ml28 {
    margin-left: 28px;
  }
  .xlarge-ml30 {
    margin-left: 30px;
  }
  .xlarge-ml36 {
    margin-left: 36px;
  }
  .xlarge-ml42 {
    margin-left: 42px;
  }
  .xlarge-ml48 {
    margin-left: 48px;
  }
  .xlarge-ml60 {
    margin-left: 60px;
  }
  .xlarge-ml68 {
    margin-left: 68px;
  }
  .xlarge-mr0 {
    margin-right: 0px;
  }
  .xlarge-mr4 {
    margin-right: 4px;
  }
  .xlarge-mr8 {
    margin-right: 8px;
  }
  .xlarge-mr12 {
    margin-right: 12px;
  }
  .xlarge-mr16 {
    margin-right: 16px;
  }
  .xlarge-mr24 {
    margin-right: 24px;
  }
  .xlarge-mr36 {
    margin-right: 36px;
  }
  .xlarge-mr40 {
    margin-right: 40px;
  }
  .xlarge-p4 {
    padding: 4px;
  }
  .xlarge-p6 {
    padding: 6px;
  }
  .xlarge-p8 {
    padding: 8px;
  }
  .xlarge-p16 {
    padding: 16px;
  }
  .xlarge-p24 {
    padding: 24px;
  }
  .xlarge-p48 {
    padding: 48px;
  }
  .xlarge-pt0 {
    padding-top: 0px;
  }
  .xlarge-pt12 {
    padding-top: 12px;
  }
  .xlarge-pt24 {
    padding-top: 24px;
  }
  .xlarge-pt48 {
    padding-top: 48px;
  }
  .xlarge-pt60 {
    padding-top: 60px;
  }
  .xlarge-pt64 {
    padding-top: 64px;
  }
  .xlarge-pt90 {
    padding-top: 90px;
  }
  .xlarge-pb20 {
    padding-bottom: 20px;
  }
  .xlarge-pb24 {
    padding-bottom: 24px;
  }
  .xlarge-pb28 {
    padding-bottom: 28px;
  }
  .xlarge-pb40 {
    padding-bottom: 40px;
  }
  .xlarge-pb44 {
    padding-bottom: 44px;
  }
  .xlarge-pb48 {
    padding-bottom: 48px;
  }
  .xlarge-pb64 {
    padding-bottom: 64px;
  }
  .xlarge-pb68 {
    padding-bottom: 68px;
  }
  .xlarge-pb90 {
    padding-bottom: 90px;
  }
  .xlarge-pl0 {
    padding-left: 0px;
  }
  .xlarge-pl12 {
    padding-left: 12px;
  }
  .xlarge-pl16 {
    padding-left: 16px;
  }
  .xlarge-pr0 {
    padding-right: 0px;
  }
  .xlarge-pr4 {
    padding-right: 4px;
  }
  .xlarge-pr12 {
    padding-right: 12px;
  }
  .xlarge-pr16 {
    padding-right: 16px;
  }
  .xlarge-pr60 {
    padding-right: 60px;
  }
}
@media (min-width: 240em) and (min-height: 1900px) {
  .four-k-mt0 {
    margin-top: 0px;
  }
  .four-k-mt4 {
    margin-top: 4px;
  }
  .four-k-mt6 {
    margin-top: 6px;
  }
  .four-k-mt8 {
    margin-top: 8px;
  }
  .four-k-mt12 {
    margin-top: 12px;
  }
  .four-k-mt16 {
    margin-top: 16px;
  }
  .four-k-mt18 {
    margin-top: 18px;
  }
  .four-k-mt20 {
    margin-top: 20px;
  }
  .four-k-mt22 {
    margin-top: 22px;
  }
  .four-k-mt24 {
    margin-top: 24px;
  }
  .four-k-mt25 {
    margin-top: 25px;
  }
  .four-k-mt28 {
    margin-top: 28px;
  }
  .four-k-mt30 {
    margin-top: 30px;
  }
  .four-k-mt32 {
    margin-top: 32px;
  }
  .four-k-mt36 {
    margin-top: 36px;
  }
  .four-k-mt40 {
    margin-top: 40px;
  }
  .four-k-mt42 {
    margin-top: 42px;
  }
  .four-k-mt45 {
    margin-top: 45px;
  }
  .four-k-mt48 {
    margin-top: 48px;
  }
  .four-k-mt56 {
    margin-top: 56px;
  }
  .four-k-mt60 {
    margin-top: 60px;
  }
  .four-k-mt64 {
    margin-top: 64px;
  }
  .four-k-mt68 {
    margin-top: 68px;
  }
  .four-k-mt80 {
    margin-top: 80px;
  }
  .four-k-mt90 {
    margin-top: 90px;
  }
  .four-k-mt96 {
    margin-top: 96px;
  }
  .four-k-mt120 {
    margin-top: 120px;
  }
  .four-k-mt128 {
    margin-top: 128px;
  }
  .four-k-mt156 {
    margin-top: 156px;
  }
  .four-k-mt165 {
    margin-top: 165px;
  }
  .four-k-mt180 {
    margin-top: 180px;
  }
  .four-k-mt216 {
    margin-top: 216px;
  }
  .four-k-mb0 {
    margin-bottom: 0px;
  }
  .four-k-mb4 {
    margin-bottom: 4px;
  }
  .four-k-mb6 {
    margin-bottom: 6px;
  }
  .four-k-mb8 {
    margin-bottom: 8px;
  }
  .four-k-mb12 {
    margin-bottom: 12px;
  }
  .four-k-mb14 {
    margin-bottom: 14px;
  }
  .four-k-mb15 {
    margin-bottom: 15px;
  }
  .four-k-mb16 {
    margin-bottom: 16px;
  }
  .four-k-mb18 {
    margin-bottom: 18px;
  }
  .four-k-mb20 {
    margin-bottom: 20px;
  }
  .four-k-mb21 {
    margin-bottom: 21px;
  }
  .four-k-mb22 {
    margin-bottom: 22px;
  }
  .four-k-mb24 {
    margin-bottom: 24px;
  }
  .four-k-mb28 {
    margin-bottom: 28px;
  }
  .four-k-mb30 {
    margin-bottom: 30px;
  }
  .four-k-mb32 {
    margin-bottom: 32px;
  }
  .four-k-mb34 {
    margin-bottom: 34px;
  }
  .four-k-mb36 {
    margin-bottom: 36px;
  }
  .four-k-mb40 {
    margin-bottom: 40px;
  }
  .four-k-mb42 {
    margin-bottom: 42px;
  }
  .four-k-mb44 {
    margin-bottom: 44px;
  }
  .four-k-mb45 {
    margin-bottom: 45px;
  }
  .four-k-mb48 {
    margin-bottom: 48px;
  }
  .four-k-mb50 {
    margin-bottom: 50px;
  }
  .four-k-mb52 {
    margin-bottom: 52px;
  }
  .four-k-mb56 {
    margin-bottom: 56px;
  }
  .four-k-mb60 {
    margin-bottom: 60px;
  }
  .four-k-mb62 {
    margin-bottom: 62px;
  }
  .four-k-mb64 {
    margin-bottom: 64px;
  }
  .four-k-mb68 {
    margin-bottom: 68px;
  }
  .four-k-mb72 {
    margin-bottom: 72px;
  }
  .four-k-mb78 {
    margin-bottom: 78px;
  }
  .four-k-mb80 {
    margin-bottom: 80px;
  }
  .four-k-mb90 {
    margin-bottom: 90px;
  }
  .four-k-mb100 {
    margin-bottom: 100px;
  }
  .four-k-mb112 {
    margin-bottom: 112px;
  }
  .four-k-mb120 {
    margin-bottom: 120px;
  }
  .four-k-mb128 {
    margin-bottom: 128px;
  }
  .four-k-mb165 {
    margin-bottom: 165px;
  }
  .four-k-mb200 {
    margin-bottom: 200px;
  }
  .four-k-mb216 {
    margin-bottom: 216px;
  }
  .four-k-ml0 {
    margin-left: 0px;
  }
  .four-k-ml8 {
    margin-left: 8px;
  }
  .four-k-ml12 {
    margin-left: 12px;
  }
  .four-k-ml14 {
    margin-left: 14px;
  }
  .four-k-ml16 {
    margin-left: 16px;
  }
  .four-k-ml18 {
    margin-left: 18px;
  }
  .four-k-ml22 {
    margin-left: 22px;
  }
  .four-k-ml28 {
    margin-left: 28px;
  }
  .four-k-ml30 {
    margin-left: 30px;
  }
  .four-k-ml36 {
    margin-left: 36px;
  }
  .four-k-ml42 {
    margin-left: 42px;
  }
  .four-k-ml48 {
    margin-left: 48px;
  }
  .four-k-ml60 {
    margin-left: 60px;
  }
  .four-k-ml68 {
    margin-left: 68px;
  }
  .four-k-mr0 {
    margin-right: 0px;
  }
  .four-k-mr4 {
    margin-right: 4px;
  }
  .four-k-mr8 {
    margin-right: 8px;
  }
  .four-k-mr12 {
    margin-right: 12px;
  }
  .four-k-mr16 {
    margin-right: 16px;
  }
  .four-k-mr24 {
    margin-right: 24px;
  }
  .four-k-mr36 {
    margin-right: 36px;
  }
  .four-k-mr40 {
    margin-right: 40px;
  }
  .four-k-p4 {
    padding: 4px;
  }
  .four-k-p6 {
    padding: 6px;
  }
  .four-k-p8 {
    padding: 8px;
  }
  .four-k-p16 {
    padding: 16px;
  }
  .four-k-p24 {
    padding: 24px;
  }
  .four-k-p48 {
    padding: 48px;
  }
  .four-k-pt0 {
    padding-top: 0px;
  }
  .four-k-pt12 {
    padding-top: 12px;
  }
  .four-k-pt24 {
    padding-top: 24px;
  }
  .four-k-pt48 {
    padding-top: 48px;
  }
  .four-k-pt60 {
    padding-top: 60px;
  }
  .four-k-pt64 {
    padding-top: 64px;
  }
  .four-k-pt90 {
    padding-top: 90px;
  }
  .four-k-pb20 {
    padding-bottom: 20px;
  }
  .four-k-pb24 {
    padding-bottom: 24px;
  }
  .four-k-pb28 {
    padding-bottom: 28px;
  }
  .four-k-pb40 {
    padding-bottom: 40px;
  }
  .four-k-pb44 {
    padding-bottom: 44px;
  }
  .four-k-pb48 {
    padding-bottom: 48px;
  }
  .four-k-pb64 {
    padding-bottom: 64px;
  }
  .four-k-pb68 {
    padding-bottom: 68px;
  }
  .four-k-pb90 {
    padding-bottom: 90px;
  }
  .four-k-pl0 {
    padding-left: 0px;
  }
  .four-k-pl12 {
    padding-left: 12px;
  }
  .four-k-pl16 {
    padding-left: 16px;
  }
  .four-k-pr0 {
    padding-right: 0px;
  }
  .four-k-pr4 {
    padding-right: 4px;
  }
  .four-k-pr12 {
    padding-right: 12px;
  }
  .four-k-pr16 {
    padding-right: 16px;
  }
  .four-k-pr60 {
    padding-right: 60px;
  }
}
/*# sourceMappingURL=index.css.map */