.bg-pink {
  background-color: #ff6d6a !important
}

.pink {
  color: #ff6d6a !important
}

.bg-primary {
  background-color: #25305e !important
}

.primary {
  color: #25305e !important
}

.bg-purple {
  background-color: #4f3b99 !important
}

.purple {
  color: #4f3b99 !important
}

.align-c {
  text-align: center
}

.mt05 {
  margin-top: 0.5em
}

#preview-bar-iframe {
  height: 60px;
  display: none !important
}

.container {
  margin: 0 auto;
  position: relative;
  max-width: 1440px;
  width: calc(100% - 40px)
}

@media (min-width: 415px) {
  .container {
    width: calc(100% - 80px)
  }
}

.container--xxs {
  max-width: 375px
}

.container--xs {
  max-width: 414px
}

.container--s {
  max-width: 768px
}

.container--m {
  max-width: 1023px
}

.container--md {
  max-width: 1200px
}

.container--l {
  max-width: 1440px
}

.underline {
  text-decoration: underline
}

.w1 {
  width: 100%
}

.stepper-step-box__oos__wrapper {
  position: relative;
  right: unset;
  top: unset
}

.stepper-step-box__oos__wrapper .stepper-step-box__oos {
  position: relative;
  width: 300px;
  height: 200px;
  margin: auto
}

@media (min-width: 769px) {
  .stepper-step-box__oos__wrapper {
    position: absolute;
    right: 0;
    top: 100px
  }
}

@media (min-width: 1024px) {
  .stepper-step-box__oos__wrapper {
    position: absolute;
    right: 50px;
    top: 100px
  }
}

.stepper-step-box__oos--message {
  color: #ff6d6a;
  position: absolute;
  z-index: 10;
  line-height: 16px;
  top: 85px;
  font-family: Basis Pro Black, helvetica, arial, sans-serif;
  left: 70px;
  font-size: 15px
}

.cart__checkout-holder.has-oos {
  height: 200px
}

/*! path: /Users/admin/DEV/github/logomedia/kudo/src/modules/sections/custom.scss */
/*! path: /Users/admin/DEV/github/logomedia/kudo/src/modules/global/image/image.scss */
.img,
.img__el {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.img {
  background-color: #f2f2f2;
  overflow: hidden
}

.img.transparent {
  background-color: transparent
}

.img.fit-cover .img__el {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.img.fit-contain .img__el {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;'
}

.img.position-top .img__el {
  -o-object-position: top;
  object-position: top
}

.img.position-right .img__el {
  -o-object-position: right;
  object-position: right
}

.img.position-bottom .img__el {
  -o-object-position: bottom;
  object-position: bottom
}

.img.position-left .img__el {
  -o-object-position: left;
  object-position: left
}

.img.position-center .img__el {
  -o-object-position: center;
  object-position: center
}

.img.is-loaded .img__el {
  opacity: 1
}

.img.is-loaded .img__loader {
  opacity: 0;
  visibility: hidden
}

.img__el {
  opacity: 0;
  transition-duration: .2s;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  z-index: 2
}

.img__el.is-fallback {
  opacity: 1
}

.img__el.fade-enter,
.img__el.fade-leave-to {
  opacity: 0 !important
}

.img__el.fade-enter {
  z-index: 1
}

.img__loader {
  -webkit-animation: spin .25s infinite;
  animation: spin .25s infinite;
  background-color: #f2f2f2;
  height: 30px;
  left: calc(50% - 15px);
  position: absolute;
  top: calc(50% - 15px);
  transition-duration: .2s;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  width: 30px;
  z-index: 0
}

/*! path: /Users/admin/DEV/github/logomedia/kudo/src/modules/page-redeem/redeem-why/redeem-why.scss */
.redeem-why__top-wave svg {
  height: auto;
  width: 100%
}

.redeem-why-content__title {
  padding: 30px 0;
  font-size: 32px;
  line-height: 48px
}

@media (min-width: 415px) {
  .redeem-why-content__title {
    font-size: 36px;
    line-height: 48px
  }
}

@media (min-width: 769px) {
  .redeem-why-content__title {
    font-size: 50px;
    line-height: 60px
  }
}

.redeem-reasons {
  padding-top: 25px
}

.redeem-reason-item {
  width: 100%;
  display: inline-block
}

.redeem-reason-item__image {
  position: relative;
  height: 90px
}

.redeem-reason-item__title {
  padding: 30px 0
}

@media (min-width: 415px) {
  .redeem-reason-item {
    width: 48%
  }
}

@media (min-width: 769px) {
  .redeem-reason-item {
    width: 24%
  }
}

.readeem-why-contact {
  padding: 25px 0
}

.readeem-why-contact svg {
  width: 100%
}

.readeem-why-contact__mobile {
  display: block;
  color: #4f3b99
}

.readeem-why-contact__mobile a {
  color: #ff6d6a
}

@media (min-width: 769px) {
  .readeem-why-contact__mobile {
    display: none
  }
}

.readeem-why-contact__desktop {
  display: none
}

@media (min-width: 769px) {
  .readeem-why-contact__desktop {
    display: block
  }
}

.footer__waves--page-redeem-gift .upper-wave {
  fill: #fff
}

/*! path: /Users/admin/DEV/github/logomedia/kudo/src/modules/page-redeem/redeem-hero/redeem-hero.scss */
.redeem-hero {
  padding: 118px 10px 25px;
  background-color: #fff5f0
}

.redeem-hero__content {
  display: block
}

.redeem-hero__image {
  width: 100%;
  height: 200px;
  position: relative
}

.redeem-hero__image .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.redeem-hero__context {
  width: 100%;
  padding-top: 35px
}

.redeem-hero__context .cart__checkout-block {
  background-color: transparent;
  padding: 0
}

.redeem-hero__title {
  font-size: 32px;
  line-height: 48px
}

.redeem-hero__description {
  font-size: 20px;
  line-height: 36px
}

.redeem-hero .redeem-hero-checkout {
  padding: 20px 0 20px
}

.redeem-hero .redeem-hero-checkout__title {
  font-size: 20px;
  line-height: 36px
}

@media (min-width: 415px) {
  .redeem-hero__image {
    height: 250px
  }

  .redeem-hero__title {
    font-size: 36px;
    line-height: 48px
  }

  .redeem-hero__description {
    font-size: 24px;
    line-height: 36px
  }

  .redeem-hero .redeem-hero-checkout__title {
    font-size: 24px;
    line-height: 36px
  }
}

@media (min-width: 769px) {
  .redeem-hero__content {
    display: flex
  }

  .redeem-hero__image {
    width: 55%;
    height: 417px
  }

  .redeem-hero__context {
    width: 45%
  }

  .redeem-hero__title {
    font-size: 48px;
    line-height: 60px
  }

  .redeem-hero__description {
    font-size: 31px;
    line-height: 36px
  }

  .redeem-hero .redeem-hero-checkout__title {
    font-size: 31px;
    line-height: 36px
  }
}

.checkout-cta {
  position: relative
}

.checkout-cta__btn {
  background-color: #fff;
  padding: 20px;
  font-family: "Basis Pro Black", helvetica, arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  line-height: 24px
}

.checkout-cta__btn--arrow {
  width: 40px;
  height: 30px;
  margin-left: 20px;
  transform: rotateZ(180deg);
  transition: 0.3s
}

.checkout-cta__btn.active .checkout-cta__btn--arrow {
  transform: rotateZ(0)
}

.checkout-cta .dropdown_menu {
  position: absolute;
  margin-left: 0;
  z-index: 10;
  -webkit-animation: growDown 300ms ease-in-out forwards;
  animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
  display: none
}

.checkout-cta .dropdown_menu li {
  margin: 5px 0;
  display: none;
  background-color: #fad6d1;
  opacity: 0
}

.checkout-cta .dropdown_item__link {
  color: #fff;
  padding: 20px 15px;
  width: 100%;
  font-family: "Basis Pro Black", helvetica, arial, sans-serif
}

.checkout-cta .dropdown_item__link:hover,
.checkout-cta .dropdown_item__link.selected {
  background-color: #ff6d6a
}

.checkout-cta .dropdown_menu.active {
  display: block
}

.checkout-cta .dropdown_menu.active li {
  display: block;
  opacity: 1
}

@-webkit-keyframes growDown {
  0% {
    transform: scaleY(0)
  }

  80% {
    transform: scaleY(1.1)
  }

  100% {
    transform: scaleY(1)
  }
}

@keyframes growDown {
  0% {
    transform: scaleY(0)
  }

  80% {
    transform: scaleY(1.1)
  }

  100% {
    transform: scaleY(1)
  }
}

/*! path: /Users/admin/DEV/github/logomedia/kudo/src/modules/sections/custom/custom.scss */