.stickyNav div.fixed-tertiary-container {
  padding-top: 60px !important;
}

.childStickyNav div.fixed-tertiary-container {
  padding-top: 120px !important;
}

@media screen and (max-width: 750px) {
  .stickyNav div.fixed-tertiary-container {
    padding-top: 56px !important;
  }

  .childStickyNav div.fixed-tertiary-container {
    padding-top: 112px !important;
  }
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.progressBar .container_global,
.profileinfo .container_global,
.compare .container_global,
.destinationnumber .container_global,
.producttabs .container_global,
.relevantProducts .container_global {
  max-width: 100%;
  align-items: center;
  margin: 0;
}

.container_global {
  max-width: 1280px;
  align-items: center;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .non_container_global {
    max-width: 540px;
    margin: auto;
  }
}
@media (min-width: 768px) {
  .non_container_global {
    max-width: 720px;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .non_container_global {
    max-width: 960px;
    margin: auto;
  }
}
@media (min-width: 1200px) {
  .non_container_global {
    max-width: 1140px;
    margin: auto;
  }
}
@media (min-width: 1400px) {
  .non_container_global {
    max-width: 1280px;
    margin: auto;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.scrollable {
  overflow-y: scroll;
}

.scrollable::-webkit-scrollbar {
  display: block !important;
  width: 8px;
}

.scrollable::-webkit-scrollbar-thumb {
  background-color: #d6edc5;
  border-radius: 8px;
}

.scrollable::-webkit-scrollbar-track {
  background-color: transparent;
}

/* @media screen and (min-width: 900px) {
  .container_global {
    padding: 0;
  }
} */

*::-webkit-scrollbar {
  display: none;
}

@keyframes CMwNXPrRXjku3jnXYkSl {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.iSBttNtBWbfklro57F0L {
  width: 50px;
  height: 50px;
  border: 10px solid #d9d9d9; /* Light grey */
  border-top: 10px solid #383636; /* Blue */
  border-radius: 50%;
  animation: CMwNXPrRXjku3jnXYkSl 1.5s linear infinite;
}

.Udl02bshFH03cpVjVsu0 {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 350px;
}

.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

#ScreenPC {
  display: block;
}

#Screen992 {
  display: none;
}

.eReceipt-heading {
  display: flex;
  padding: 16px 0px;
  align-items: center;
  color: var(--Neutrals-Darkest-Grey, #262626);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.eReceipt-description {
  align-self: stretch;
  color: var(--Neutrals-Dark-Grey, #7b7b7b);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.eReceipt-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.eReceipt-layout-btn-download {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.eReceipt-btn-download {
  background-color: transparent !important;
  border: none !important;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Primary-500, #73c23a);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  padding: 0px 0px;
}

.eReceipt-download-icon {
  width: 24px;
  height: 24px;
}

.eReceipt-layout-labels {
  display: flex;
  width: 411px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.eReceipt-labels {
  color: var(--Neutrals-Bold-Grey, #555);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  width: 315px;
}

.eReceipt-textfield-layout {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.eReceipt-textfield-input input {
  display: flex;
  width: 319px;
  padding: 14px 16px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid var(--Neutrals-Medium-Grey, #9d9d9d);
  background: var(--Neutrals-White, #fff);
  color: var(--Neutrals-Darkest-Grey, #262626);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.eReceipt-btn-send-mail {
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 52px;
  background: var(--Primary-500, #73c23a);
  color: var(--Neutrals-White, #fff);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

/*         max-width: 992px         */
@media screen and (max-width: 992px) {
  #ScreenPC {
    display: none;
  }

  #Screen992 {
    display: block;
  }

  .eReceipt-box {
    display: flex;
    padding: 16px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .eReceipt-layout-heading {
    display: flex;
    width: 343px;
    align-items: center;
  }

  .eReceipt-heading {
    color: var(--Neutrals-Darkest-Grey, #262626);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }

  .eReceipt-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .eReceipt-layout-description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
  }

  .eReceipt-description {
    align-self: stretch;
    color: var(--Neutrals-Dark-Grey, #7b7b7b);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .eReceipt-emailText {
    color: var(--Neutrals-Bold-Grey, #555);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
  }

  .eReceipt-input-email-layout {
    display: flex;
    align-items: center;
    gap: 19px;
    align-self: stretch;
  }

  .eReceipt-textfield-input input {
    display: flex;
    height: 40px;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    color: var(--Neutrals-Darkest-Grey, #262626);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }

  .eReceipt-btn-send-mail {
    display: flex;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 52px;
    background: var(--Primary-500, #73c23a);
    color: var(--Neutrals-White, #fff);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }

  .eReceipt-layout-btn-download {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0px;
  }

  .eReceipt-download-icon {
    width: 24px;
    height: 24px;
  }

  .eReceipt-btn-download {
    background-color: transparent !important;
    border: none !important;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--Primary-500, #73c23a);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding: 0px 0px;
  }
}

.paymentCustomLoader {
  background-color: #d9d9d9;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 0.3rem;
  animation: scaling 2.5s ease-in-out infinite;
}

@keyframes scaling {
  0%,
  100% {
    transform: scale(0.4);
  }
  50% {
    transform: scale(1);
    background-color: #555555;
  }
}

.paymentCustomLoader:nth-child(1) {
  animation-delay: 0.2s;
  background-color: #555555;
}

.paymentCustomLoader:nth-child(2) {
  animation-delay: 0.4s;
  background-color: #555555;
}

.paymentCustomLoader:nth-child(3) {
  animation-delay: 0.6s;
  background-color: #555555;
}

.paymentCustomLoader:nth-child(4) {
  animation-delay: 0.8s;
  background-color: #555555;
}

.paymentCustomLoader:nth-child(5) {
  animation-delay: 1s;
  background-color: #555555;
}

.cI72h18a5rfwc8jY_6LS {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #1e3d35;
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.VZZCBj3OFaS7DYL2qgjH {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 0px;
  gap: 8px;
  width: 100%;
  height: 60px;
  background: #eef8e8;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.mxTnmnog7OlFqjsPkl28 {
  padding: 40px;
}
.RXOXdmtb0en0n8J3HFww {
  position: relative;
  left: 45px;
  bottom: 36px;
  width: 140px;
  font-weight: 700;
  font-size: 1.2rem;
}
.RXOXdmtb0en0n8J3HFww a {
  color: #73c23a;
}
.UnPFl0TBkvT1wU65NWPM {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #000000;
  padding-bottom: 68px;
}

.qhq6XQUzGIvNePDLalsj {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.oGOt0DuOQgrR0xYaBB03 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  opacity: 0.2;
}

.giIU4F4APaYbu8JLzm9t {
  padding-left: 20px;
}

.smRoqcssdsk26QAY3U_E {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.dZmRw03vA2FY857R5HVF {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
  opacity: 0.2;
}

.cbb9Nod81mTmansPfTsd {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #1e3d35;
}
.x6YFiiNsCaMwX2aPIAP4 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #1e3d35;
  opacity: 0.2;
}

.x6YFiiNsCaMwX2aPIAP4 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #1e3d35;
  opacity: 0.2;
}

.GJy7kjBPV2BcCcHdZoRl {
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 6px 0px 4px;
  color: #555555;
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  border-radius: 48px;
  flex: none;
  order: 2;
  flex-grow: 0;
}

.fzWz7X5Wv6FJCiGF9P51 {
  font-family: sans-serif;
  text-align: center;
}

.s6XCOZ4ltEwIfpYsEgFo {
  width: 30px;
}

.iEuaMXGpD9ta5EzBrSCa {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  gap: 10px;
  width: 65px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #9d9d9d;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
  text-align: center;
}

.ljUuvJfdAWN4RnfazPPU {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 1;
  text-align: left;
  margin-top: 12px;
}
.fIGlPo8SAc8FwRQuLwRE {
  padding: 0px 24px 0px 24px;
  background-color: #f5f5f5;
  border-radius: 8px;
  background-clip: border-box;
  display: flex;
  align-items: center;
}
.JzhdhiVSYXFhaF5qIsTy {
  padding: 0px 24px 0px 24px;
  background-color: #f5f5f5;
  border-radius: 8px;
  background-clip: border-box;
  display: flex;
  align-items: center;
}

.swM_PICpQNMDYR6NVW7G {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
}

.yLM13nruMf99l8eOVCe4 {
  padding-top: 30px;
  text-align: center;
}

.nSM7en3hLJw1bkVZZqxQ {
  padding-top: 30px;
  text-align: center;
  cursor: pointer;
}

.n4HMZ99GiBMEul6p_vJg {
  font-size: 20px;
}
.cdEyTtZ7_EJuYUACHo8g {
  padding-right: 43px;
}
.cdEyTtZ7_EJuYUACHo8g:last-child {
  display: none;
}

.XFmm40I4zKeqA9d05DSF {
  font-size: 30px;
  cursor: pointer;
  align-items: flex-start;
  padding: 0px 14px 2px 14px;
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  border-radius: 48px;
}

.oA1qam3gAECqTEOtzhSF {
  opacity: 0.2;
}

.n3iX5UWYeLXZHpIeDjgB {
  padding: 20px 0px 10px 300px;
}

.O2v4wpvju3Z91bSE98uR {
  padding: 20px 0px 0px 0px;
}

.Bp8y22WucvaeHut2Sded {
  width: 171px;
  height: 28px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.DCBsJN7pfop4Y8wQrgU7 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.FG35rdDr3XK4ZeEG7K3Q {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 1;
  text-align: right;
}
.LzZ8hR83oQWl0Rfc85xa {
  padding: 16px 0px 0px 0px;
}

.Bp8y22WucvaeHut2Sded {
  width: 171px;
  height: 28px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.BlzyOC61ewjEf3g5Ug9y {
  padding: 0px 0px 0px 0px;
  text-align: center;
  position: relative;
}

.cr_hIH_3kVV4_oklWQdH {
  position: relative;
  top: 0px;
}

.kIQXw5_lmdvebMbXhMc7 {
  color: red;
  font-size: 24px;
}
.NUg45v47oN_cHE3Ux7JP {
  max-width: 65% !important;
}

.ktqCuWaKuUxB955odLz3 {
  width: auto;
}

@media screen and (max-width: 749px) {
  .n3iX5UWYeLXZHpIeDjgB {
    padding: 0px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #73c23a;
    background: #ffffff;
  }
}

@media screen and (max-width: 749px) {
  .cI72h18a5rfwc8jY_6LS {
    height: 22px;
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #1e3d35;
  }
}

@media screen and (max-width: 749px) {
  .mxTnmnog7OlFqjsPkl28 {
    padding: 10px 16px 16px 16px;
  }
}

@media screen and (max-width: 749px) {
  .RXOXdmtb0en0n8J3HFww {
    position: relative;
    bottom: 1px;
    left: 25px;
    max-width: 220px !important;
    flex-basis: 70% !important;
  }
}

@media screen and (max-width: 749px) {
  .cr_hIH_3kVV4_oklWQdH {
    position: relative;
    top: 6px;
  }
}

@media screen and (max-width: 749px) {
  .UnPFl0TBkvT1wU65NWPM {
    text-align: center;
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 749px) {
  .nSM7en3hLJw1bkVZZqxQ {
    padding-left: 255px;
    padding-top: 15px;
  }
}

@media screen and (max-width: 749px) {
  .n4HMZ99GiBMEul6p_vJg {
    position: relative;
    bottom: 20px;
  }
}

@media screen and (max-width: 749px) {
  .cdEyTtZ7_EJuYUACHo8g {
    padding-right: 0px;
  }
}

@media screen and (max-width: 749px) {
  .giIU4F4APaYbu8JLzm9t {
    padding-left: 40px;
  }
}

@media screen and (max-width: 749px) {
  .dZmRw03vA2FY857R5HVF {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
  }
}

@media screen and (max-width: 749px) {
  .smRoqcssdsk26QAY3U_E {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
  }
}
@media screen and (max-width: 749px) {
  .fIGlPo8SAc8FwRQuLwRE {
    padding: 0px 24px 8px 24px;
  }
}
@media screen and (max-width: 749px) {
  .JzhdhiVSYXFhaF5qIsTy {
    padding: 0px 24px 8px 24px;
  }
}
@media screen and (max-width: 749px) {
  .XFmm40I4zKeqA9d05DSF {
    position: relative;
    right: 25px;
  }
}
@media screen and (max-width: 749px) {
  .iEuaMXGpD9ta5EzBrSCa {
    position: relative;
    right: 25px;
  }
}

@keyframes react-overlay-loader-spinner {
  to {
    transform: rotate(360deg);
  }
}

.react-overlay-loader-spinner:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -30px;
  margin-left: -20px;
  border-radius: 50%;
  border: 3px solid #eee;
  border-top-color: #07d;
  animation: react-overlay-loader-spinner 0.8s linear infinite;
}

.react-overlay-loader-spinner:before {
  border-top-color: #73c23a;
}

.ajdR7v1lDGImDAJcQ_yc {
  display: flex;
  gap: 24px;
  padding: 40px 0px 0px;
  float: right;
  margin-left: auto;
}
.Taeu8ybP_fIyYcwTOp3c {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  gap: 24px;
  padding-top: 40px;
  float: right;
}
.naXfUWRISor4fnVWipfN {
  margin: 4.5rem 0;
}

@media (max-width: 767px) {
  .Taeu8ybP_fIyYcwTOp3c {
    padding: 16px 0 24px 16px;
  }
  .ajdR7v1lDGImDAJcQ_yc {
    width: 100%;
    margin-right: unset;
    gap: 8px;
    padding: 16px 0 16px 16px;
  }
}

.pTemQy9EI7HmPTvkfVWE {
  width: 100%;
  padding-top: 4px;
}

.H3jOeaC1HG7LKLgIXP2T {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.gI22pvrVwPAl7QdUzr1Q {
  display: flex;
  justify-content: space-between;
}

.b96Fx_5myczs5LRMh1wM {
  display: flex;
  gap: 24px;
  padding: 40px 0px;
  float: right;
  margin-left: auto;
}
.tgElvYwV5H4MNnHLYc7e {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  gap: 24px;
  padding: 40px 0px;
  float: right;
}

/* Mobile */
@media screen and (max-width: 1200px) {
  .b96Fx_5myczs5LRMh1wM {
    width: 100%;
    margin-right: unset;
    gap: 8px;
    padding: 0;
  }
}

.Eo296IjjW0LX7q_QwCnQ {
  width: 100%;
  padding-top: 5px;
}


.fbudAwAAC2hS54FXULp3 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.S8cuE9nbl8LOqn7FEHwL {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.ziYo7sOq3d7GZvhpBdCD {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0 40px;
  gap: 24px;
  margin-left: auto;
}
.OvaciXbkB7ZNadCPc5lr {
  display: flex;
  flex-direction: column;
  padding: 0 0 24px;
  gap: 24px;
  margin-left: inherit;
}
.f67CxDC0aL1EvxzldAyh {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  float: right;
  text-decoration-line: underline;
  color: #73c23a;
}
.VYMb9EK8MJE1o8qqV6C6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._2IYwxnNbDZGrG8PKVcH {
  display: flex;
  gap: 24px;
}
._2IYwxnNbDZGrG8PKVcH div {
  width: 100%;
}
@media screen and (max-width: 749px) {
  .fbudAwAAC2hS54FXULp3 {
    gap: 16px;
  }
  .OvaciXbkB7ZNadCPc5lr {
    gap: 16px;
    padding: 0 0 0 16px;
  }
  ._2IYwxnNbDZGrG8PKVcH {
    gap: 8px;
  }
}

.FaOJ3iHQesKfBFNMVEaR {
  display: flex;
  gap: 40px;
  flex-direction: column;
  margin-bottom: 16px;
}

.bhH5c3WDq9yd65wJUyEu {
  display: grid;
  grid-template-columns: 48.6% 48.6%;
  gap: 2.8%;
}
.kmSuWl2Ioo5INM5PvEyG {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
}

@media screen and (max-width: 749px) {
  .kmSuWl2Ioo5INM5PvEyG {
    gap: 0px;
    width: auto;
    padding: 0 0 16px 0;
  }
  .FaOJ3iHQesKfBFNMVEaR {
    margin-bottom: 0;
  }
}

.VoT_T6iiUsGb8N7Mdp6y {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

@media screen and (max-width: 749px) {
  .VoT_T6iiUsGb8N7Mdp6y {
    font-size: 20px;
    line-height: 22px;
  }
}

.W2P1E76rFkwByUxW7Ks3 {
  font-weight: 700;
}

.QcIFlEr1cME4YrutD6Yn {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

@media screen and (max-width: 749px) {
  .QcIFlEr1cME4YrutD6Yn {
    font-size: 20px;
    line-height: 22px;
    padding-right: 24px;
  }
}

.QfmtVmxiwXFEWHnMReSh {
  font-weight: bold;
}

@media screen and (max-width: 749px) {
  .wDIIvDgkUfpQoiNF7uHs {
    font-size: 28px;
    line-height: 28px;
  }
}

.wDIIvDgkUfpQoiNF7uHs {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
}

.TbHgLzzyRX3Ouqg19sQt {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
  background: #f5f5f5;
  border-radius: 8px;
  cursor: pointer;
}

.O_fRmKk0pnM2ZG1PJowX {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  text-decoration-line: underline;
  color: #73c23a;
}
.MnKA3wqIUb7kXTdTyGUL {
  margin-right: 10px;
}
.gpXpKwRsCpe3_4Fur8CQ {
  display: flex;
}

@media screen and (max-width: 750px) {
  .TbHgLzzyRX3Ouqg19sQt {
    display: block;
    padding: 16px;
  }

  .O_fRmKk0pnM2ZG1PJowX {
    float: right;
  }
}

.duHk1UvP84zEkWobucUM {
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.cOqGQlGJKl12tpMavHDh {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  display: flex;
  flex-direction: row;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .duHk1UvP84zEkWobucUM {
    gap: 24px;
    padding-bottom: 24px;
  }
  .cOqGQlGJKl12tpMavHDh {
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    margin-top: 40px;
  }
}

.jvBinqK683pQ3Mpn68LG {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.hd5RrWlcSNuAKjJiWIKw {
  display: flex;
  justify-content: space-between;
}
.dQ4TVtWrtHSY0DyPAghk {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 16px;
  width: fit-content;
  margin-bottom: 24px;
  margin-right: 24px;
}
.f1gXYZ3_PVENLmf0bjV5 {
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  .hd5RrWlcSNuAKjJiWIKw {
    padding: 0;
    flex-direction: column;
  }
  .HoxljgtPe_6IwAaF1ABN {
    display: flex;
    justify-content: end;
  }
  .dQ4TVtWrtHSY0DyPAghk {
    margin: 0px;
  }
}

.e-bill-title {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  color: #262626;
}
.ebill-container {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid #d9d9d9;
  width: fit-content;
  margin-bottom: 24px;
  gap: 24px;
}

.billed-through {
  margin-right: 60px;
  width: 255px;
}

.e-bill-data {
  font-size: 24px;
  margin-top: 8px;
  font-weight: 700;
}

.e-bill-labels {
  font-size: 20px;
  font-weight: 400;
  padding-right: 20px;
  font-family: "DB Heavent";
  font-style: normal;
  line-height: 24px;
  color: #262626;
}

#ebill-account {
  width: 255px;
}

.title-container {
  margin: 40px 0;
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 549px) {
  .title-container {
    margin: 48px 0 32px 0;
  }
  .e-bill-title {
    font-size: 28px;
    line-height: 1;
  }
  #ebill-account {
    width: 143.5px;
  }
  .e-bill-data {
    width: 143.5px;
    word-wrap: break-word;
    font-size: 20px;
    margin-top: 4px;
  }
  .billed-through {
    width: 143.5px;
  }

  .ebill-container {
    gap: 24px;
    width: 343px;
  }
  .e-bill-labels {
    width: 143.5px;
    font-size: 18px;
    line-height: 20px;
  }
}

.vPL4l6jfHx62BZqt8QQi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 0px;
  gap: 24px;
}

.NyEf1XA8QXBoBpOcS0fM {
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 749px) {
  .vPL4l6jfHx62BZqt8QQi {
    gap: 16px;
    padding-top: 8px;
  }
}

.XFKc52prjYzA6GGcdrCY {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  padding: 16px 0px;
}

@media screen and (max-width: 749px) {
  .XFKc52prjYzA6GGcdrCY {
    font-size: 28px;
    line-height: 28px;
  }
  .ZL_0xpZPK1FSAXUQQ7ea {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.cc7YYo6b0g2dRWzBAXFN {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding-left: 20px;
  color: #1e3d35;
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.s9PdtxePc1kjQvdFERFm {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 0px;
  gap: 8px;
  width: 100%;
  height: 60px;
  background: #eef8e8;
}
.h8dqbM35h68nlaDGv6Jw {
  display: flex;
  flex-direction: column;
}

.FZUdlAwM9bBkri_11Q1K {
  font-size: 24px;
}
.Ros3A77dy4LxuhSgStfi {
  position: relative;
  left: 45px;
  bottom: 36px;
  width: 140px;
  font-weight: 700;
  font-size: 1.2rem;
}
.Ros3A77dy4LxuhSgStfi a {
  color: #73c23a;
}
.psLTFDMR4JSW6pjEHCb6 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  color: #000000;
}

.mqI8haRcStWl_F64qVgW {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  padding-top: 8px;
}

.grahGW5etuEabDIGMWXU {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  opacity: 0.2;
}

.Mr0ciZ8jF5R4Udo3QkEw {
  /* padding-left: 24px; */
  max-width: 420px;
}

.yR0x1EWwc0NKZobiZoGu {
  padding: 40px 0;
}
.QOJkuGeHi7gjqsRLBKYd {
  display: flex;
  column-gap: 24px;
  padding: 24px 0px;
}

@media screen and (min-width: 900px) {
  .QOJkuGeHi7gjqsRLBKYd {
    max-width: auto;
  }
}

.XAR9sdyJZOmhgjIvJ3YU {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .XAR9sdyJZOmhgjIvJ3YU {
    flex-direction: column;
    row-gap: 20px;
    justify-content: start;
    width: auto;
  }
}

@media screen and (max-width: 749px) {
  .mqI8haRcStWl_F64qVgW {
    width: 191px;
    height: 22px;
    font-size: 20px;
    padding-top: 0px;
  }
  .FZUdlAwM9bBkri_11Q1K {
    font-size: 20px;
  }
  .yR0x1EWwc0NKZobiZoGu {
    padding: 16px 0;
  }
}

.RRUnA_TxJ1cqlaWEfRS1 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.YxXZydUmN83iUU6cNPiQ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
  opacity: 0.2;
}

.l1dia17pIFrWSJbdDEbZ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #1e3d35;
  padding-top: 10px;
}
.MTjKEVrm4yUhXFvna2IR {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #1e3d35;
  opacity: 0.2;
}

.MTjKEVrm4yUhXFvna2IR {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #1e3d35;
  opacity: 0.2;
}

.g_CAkxVMJIVJl9vD2S6u {
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 6px 0px 4px;
  color: #555555;
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  border-radius: 48px;
  flex: none;
  order: 2;
  flex-grow: 0;
}

.CLiMJdyVUI6rytA2MxtR {
  font-family: sans-serif;
  text-align: center;
}

.GLQnO_1cJHxR4ARIp2X3 {
  width: 30px;
}

.Gba9HG4eYLLQvyDmo6RZ {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  gap: 10px;
  width: 65px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #9d9d9d;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
  text-align: center;
}

.eglhnOxxPGtFeKOZGDNE {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 1;
  text-align: left;
  margin-top: 12px;
}
.cpevuclfzMACBw3UdBIM {
  padding: 24px 24px 0px 24px;
  background-color: #f5f5f5;
  border-radius: 8px;
  background-clip: border-box;
  display: flex;
  align-items: center;
}
.qbzJFBR6yVi8XF_GvlTL {
  padding: 24px;
  background-color: #f5f5f5;
  border-radius: 8px;
  background-clip: border-box;
  max-width: 411px;
}

@media screen and (max-width: 900px) {
  .qbzJFBR6yVi8XF_GvlTL {
    max-width: 100%;
    padding: 16px !important;
  }
}

.oeLBRDn7CSR6Attxl2Cn {
  padding-top: 8px;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
}

.ivvjb_M6ay1ZUlrPcFRj {
  padding-top: 30px;
  text-align: center;
}

.E8daNHqcbU1XWvI0cWWf {
  padding-top: 30px;
  text-align: center;
  cursor: pointer;
}

.vycc1GkLun8Dwxf3U7S8 {
  font-size: 20px;
}
.DCBgq1AS8Y8Xstzuqf8e {
  padding: 24px 43px 24px 0px;
}
.DCBgq1AS8Y8Xstzuqf8e:last-child {
  display: none;
}

.R1gvLHmuQ8T3_a3Mw_6w {
  font-size: 30px;
  cursor: pointer;
  align-items: flex-start;
  padding: 0px 14px 2px 14px;
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  border-radius: 48px;
}

.VnN8o1lxc2SZWDMG_GF2 {
  opacity: 0.2;
}

.eCQHKDuQ7W_UYwBEJQpo {
  padding: 20px 0px 10px 300px;
}

.JSxhhpfY3fD_r5ukdbrn {
  padding: 0;
}

._59xfhmsaK5emtX3npIw {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 0;
}

@media screen and (max-width: 749px) {
  ._59xfhmsaK5emtX3npIw {
    width: 311px;
  }
}

@media screen and (max-width: 749px) {
  .Z859NCHZNekRZO63y5yi {
    font-size: 20px !important;
  }
}

.Z859NCHZNekRZO63y5yi {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.w58VV0dPKui_ocbvRpSw {
  margin-bottom: 8px;
  margin-top: 24px;
}

@media screen and (max-width: 749px) {
  .w58VV0dPKui_ocbvRpSw {
    margin-bottom: 0px;
    margin-top: 16px;
  }
}

.rSrmCM7FD_SRAxujXDO5 {
  padding: 16px 0;
}

@media screen and (max-width: 749px) {
  .F3lRELflBPNLUS54RLgW {
    font-size: 20px !important;
  }
}

.F3lRELflBPNLUS54RLgW {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 1;
  text-align: right;
}
.Uf0JwACErWtGCl8qTl9n {
  padding-bottom: 8px;
}

@media screen and (max-width: 749px) {
  .uWFlkSsZwj1TnDLW4ZTA {
    width: 181px;
    margin-top: 8px;
    margin-left: -14px;
    margin-bottom: 16px;
  }
}

._59xfhmsaK5emtX3npIw {
  width: 171px;
  height: 28px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.sZR9D7jrkQoZIlwHJvNx {
  padding: 0px 0px 0px 0px;
  text-align: center;
  position: relative;
  width: 362px !important;
}

.CGsC06og67HJPKmzH_Cx {
  position: relative;
  top: 0px;
}

.AbVNv5MOp9GF5HytcPJ7 {
  color: #ff8d00;
  font-size: 24px;
  margin-top: 8px;
  gap: 8px;
  display: flex;
  justify-content: flex-start;
  text-align: left;
}

.AbVNv5MOp9GF5HytcPJ7 svg {
  margin-top: 2px;
  fill: #ff8d00;
}
.sCsRwgEr6jgvK2cMU0aa {
  max-width: 65% !important;
}

.FVweYyYxkTJPuN_547fL {
  width: 362px;
  height: 56px;
}

@media screen and (max-width: 749px) {
  .FVweYyYxkTJPuN_547fL {
    width: 311px;
    height: 58px;
  }
}

@media screen and (max-width: 749px) {
  .sZR9D7jrkQoZIlwHJvNx {
    width: 311px;
  }
}

.IiQAJCM5v2aSsLqDUEJR {
  width: 362px;
}

.vv0cdcNd_Lz6_wy19D5m {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #f5f5f5;
  border-radius: 8px;
}

@media screen and (max-width: 749px) {
  .eCQHKDuQ7W_UYwBEJQpo {
    padding: 0px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #73c23a;
    background: #ffffff;
  }
}

@media screen and (max-width: 749px) {
  .cc7YYo6b0g2dRWzBAXFN {
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #1e3d35;
  }
}

@media screen and (max-width: 749px) {
  .Ros3A77dy4LxuhSgStfi {
    position: relative;
    bottom: 1px;
    left: 25px;
    max-width: 220px !important;
    flex-basis: 70% !important;
  }
}

@media screen and (max-width: 749px) {
  .CGsC06og67HJPKmzH_Cx {
    position: relative;
    top: 6px;
  }
}

@media screen and (max-width: 749px) {
  .psLTFDMR4JSW6pjEHCb6 {
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    padding: 24px 0;
  }
  .l1dia17pIFrWSJbdDEbZ {
    font-size: 28px;
    line-height: 28px;
  }
}

@media screen and (max-width: 749px) {
  .E8daNHqcbU1XWvI0cWWf {
    padding-left: 255px;
    padding-top: 15px;
  }
}

@media screen and (max-width: 749px) {
  .vycc1GkLun8Dwxf3U7S8 {
    position: relative;
    bottom: 20px;
  }
}

@media screen and (max-width: 749px) {
  .DCBgq1AS8Y8Xstzuqf8e {
    padding: 16px;
  }
}

@media screen and (max-width: 749px) {
  .Mr0ciZ8jF5R4Udo3QkEw {
    /* padding-left: 40px;
    padding-top: 10px;
    width: 191px;
    height: 92px; */
  }
}

@media screen and (max-width: 749px) {
  .QOJkuGeHi7gjqsRLBKYd {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
  }
}

@media screen and (max-width: 749px) {
  .YxXZydUmN83iUU6cNPiQ {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    margin-top: 6px;
    width: auto;
  }
}

@media screen and (max-width: 749px) {
  .RRUnA_TxJ1cqlaWEfRS1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    max-width: 191px;
    margin-top: 6px;
  }
}
@media screen and (max-width: 749px) {
  .cpevuclfzMACBw3UdBIM {
    padding: 0px 24px 8px 24px;
  }
}

@media screen and (max-width: 749px) {
  .R1gvLHmuQ8T3_a3Mw_6w {
    position: relative;
    right: 25px;
  }
}
/* SMALL DESKTOP */
@media screen and (max-width: 1200px) {
  .Mr0ciZ8jF5R4Udo3QkEw {
    /* min-width: 320px; */
  }
}

/* SMALL DESKTOP */
@media screen and (max-width: 1024px) {
  .Mr0ciZ8jF5R4Udo3QkEw {
    /* min-width: 100%; */
  }
}

/* MOBILE */
@media screen and (max-width: 900px) {
  .Gba9HG4eYLLQvyDmo6RZ {
    position: relative;
    right: 25px;
  }
  .syOORmuEqX30DRwKRBHn {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
  }
}

.edit-order,
.cancel-order {
  width: 100%;
}

.makepayment-or-verify {
  width: 100%;
}

.qrCodeBlurDiv {
  position: relative;
}

.qrWait {
  opacity: 0.05;
}
/* desktop view */
@media screen and (min-width: 1200px) {
  .order-content {
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 100%;
  }

  .left-side {
    max-width: 845px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }

  .right-side {
    max-width: 411px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .paymentSummary {
    padding: 24px;
    width: 100%;
    background: #f5f5f5;
    border-radius: 8px;
  }

  .payment-summary-title {
    padding-bottom: 16px;

    /* Desktop/Header 5/Bold */

    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-decoration: none;
    color: #262626;
  }

  .payment-summary-details {
    margin-block: 16px;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
  }

  .payment-method-container {
    display: grid;
    padding: 16px;
    row-gap: 24px;
    background: #ffffff;
    border-radius: 8px;
  }

  .payment-product-name {
    color: #262626;
  }

  .product-details {
    gap: 8px;
  }

  .payment-method,
  .payment-type {
    display: flex;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    justify-content: space-between;
  }

  .payment-method {
    gap: 11px;
  }

  .payment-method-title {
    width: 160px;
    color: #000000;
  }

  .payment-method-type {
    width: 87px;
    color: #000000;
  }

  #payment-type-magento {
    text-align: right;
  }

  .payment-shipping-magento {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }

  .product-details,
  .speed,
  .product {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
  }

  .product-details {
    margin-block: 8px;
  }

  .calc-amount {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #7b7b7b;
  }

  .payment-detail {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 16px;
  }

  .payment-detail > div {
    display: flex;
    justify-content: space-between;
  }
  .totalamount {
    /* padding-bottom: 16px; */
  }

  .amount {
    text-align: right;
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #262626;
  }
  .parent-component {
    display: flex;
    flex-direction: column;
    gap: 36px;
  }
  .cancel-order {
    width: 100%;
  }
  .cancel-order-outlined,
  .edit-order-outlined {
    background: white;
    padding: 8px 24px;
    /* Primary/500 */
    border-radius: 52px;
    text-decoration: none;
    border-radius: 80px;
    border: #73c23a 1px solid;
    padding: 16px;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-inline: auto;
    width: 100%;
    color: #73c23a;
    height: 56px;
    line-height: 24px;
  }

  .makepayment-or-verify-filled {
    background: #73c23a;
    color: white;
    padding: 8px 24px;
    /* Primary/500 */
    border-radius: 52px;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-decoration: none;
    border-radius: 80px;
    border: #73c23a 1px solid;
    width: 100%;
    padding: 16px;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-inline: auto;
    margin-top: 24px;
    height: 56px;
  }

  .disableButton {
    background: #9d9d9d;
    border-color: #9d9d9d;
    color: #1e3d35;
  }

  .order-getHelp {
    text-decoration: none;
    color: #73c23a;
    text-align: center;
    margin-left: 5px;
  }

  .payment-magento {
    font: "DB Heavent";
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: right;
    width: 120px;
  }

  .payment-discount,
  .payment-coupons {
    width: 100%;
  }

  .status-section {
    padding-bottom: 24px;
  }
  .order-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    background: #ffffff;
    border-radius: 8px;
  }

  .payment-main-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    background: #f5f5f5;
    border-radius: 8px;
  }

  .order-detail-title {
    display: flex;
    padding-top: 36px;
    padding-right: 40px;
    padding-bottom: 0px;
    flex-direction: column;
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #000000;
    margin: 0px;
  }
  .line-break {
    display: flex;
    flex-direction: row;
    margin: 0px 40px;
  }
  .order-options {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 24px;
    border-radius: 8px;
  }
  .section-gethelp {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7b7b7b;
  }

  .product-info {
    font-size: 24px;
    font-family: "DB Heavent";
    font-weight: 700;
    line-height: 24px;
    padding-top: 16px;
  }

  .product-labels {
    font-size: 20px;
    font-family: "DB Heavent";
    font-weight: 400;
    line-height: 24px;
  }

  .payment-labels {
    font-size: 24px;
    font-family: "DB Heavent";
    font-weight: 400;
    line-height: 28px;
  }

  .payment-detail-info {
    font-size: 24px;
    font-weight: 400;
    color: #262626;
    margin-bottom: 8px;
    line-height: 28px;
  }

  .payment-totals {
    gap: 8px;
  }

  .store-map {
    font-family: "DB Heavent";
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-top: 12px;
  }
  .store-location-map-link {
    color: #73c23a;
  }
  .qrCodeTopContainer {
    padding: 0;
  }
  .qrCodeBlurDiv {
    position: relative;
  }
  .qrCodePoints {
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
  }
  .qrCodeLogoDiv {
    width: 302px;
    height: 304px;
  }
  .qrWaitingMsg {
    position: absolute;
    top: calc(50% - 14px);
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
  }
  .qrCodePointsGrid {
    justify-content: center;
    display: flex;
    align-items: flex-start;
  }
  .qrCodeContainer {
    margin: 40px 0 !important;
  }
  .qrCodeImgGrid {
    max-width: 302px !important;
    height: 304px !important;
  }

  .titleTxt {
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #262626;
    display: flex;
    flex-direction: row;
    margin-top: 40px;
  }
  .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
  }

  .userNameSelected {
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #262626;
  }
  .userDetails {
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #262626;
  }
  .pickUpDetailWrapper {
    padding-bottom: 24px;
  }
  .pickUpTitleTxt {
    padding: 16px 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #262626;
  }
  .pickUpAddressWrapper {
    padding: 24px 0 12px 0;
  }
  .userNameSelected {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #262626;
    padding-bottom: 8px;
  }
  .userDetails {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #262626;
  }
}
@media screen and (max-width: 1199px) {
  .order-content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .paymentSummary {
    padding: 16px;
    width: 100%;
    background: #f5f5f5;
    border-radius: 8px;
  }

  .payment-summary-title {
    padding-bottom: 16px;
    font-size: 28px;
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    text-decoration: none;
    color: #262626;
    flex: none;
    order: 0;
    flex-grow: 0;
  }

  .payment-shipping-magento {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
  }

  .payment-summary-details {
    margin-block: 16px;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
  }

  .payment-method-container {
    display: grid;
    padding: 16px;
    row-gap: 24px;
    background: #ffffff;
    border-radius: 8px;
  }

  .payment-method,
  .payment-type {
    display: flex;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .payment-method-type {
    width: 78px;
  }

  .product-details {
    gap: 8px;
  }

  .payment-product-name {
    font-size: 20px;
    line-height: 22px;
    color: #262626;
  }

  #payment-product-value {
    width: auto;
  }

  #payment-method-value,
  #payment-type-magento {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    text-align: right;
  }

  .product-details,
  .speed,
  .product {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
  }

  .product-details {
    margin-block: 8px;
    font-size: 20px;
    font-weight: 400;
  }

  .calc-amount {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #7b7b7b;
  }

  .payment-detail {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 16px;
  }

  .payment-detail > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .totalamount {
    /* padding-bottom: 16px; */
  }

  .amount {
    text-align: right;
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    text-align: right;
    color: #262626;
  }

  .parent-component {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }
  .cancel-order-outlined,
  .edit-order-outlined {
    background: white;
    padding: 8px 24px;
    /* border-radius: 52px; */
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #73c23a;
    text-decoration: none;
    border-radius: 80px;
    border: #73c23a 1px solid;
    padding: 16px;
    margin-bottom: 16px;
    margin-inline: auto;
    width: 100%;
  }

  .makepayment-or-verify-filled {
    background: #73c23a;
    color: white;
    /* Primary/500 */
    /* border-radius: 52px; */
    font-weight: 700;
    font-size: 24px;
    text-decoration: none;
    border-radius: 80px;
    border: #73c23a 1px solid;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    margin-inline: auto;
    margin-top: 16px;
  }

  .disableButton {
    background: #9d9d9d;
    border-color: #9d9d9d;
    color: #1e3d35;
  }

  .order-getHelp {
    text-decoration: none;
    color: #73c23a;
    text-align: center;
    margin-left: 5px;
  }

  .payment-magento {
    font-family: "DB Heavent";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: right;
  }

  .status-section {
    padding-bottom: 24px;
  }
  .order-status {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: #ffffff;
    border-radius: 8px;
  }

  .payment-main-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    background: #f5f5f5;
    border-radius: 8px;
  }

  .order-detail-title {
    display: flex;
    flex-direction: column;
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    margin: 0px;
    padding: 16px;
  }

  .line-break {
    display: flex;
    flex-direction: row;
    margin: 0px 40px;
  }

  .order-options {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    border-radius: 8px;
  }

  .section-gethelp {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7b7b7b;
  }

  .left-side,
  .right-side {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .left-side {
    width: 100%;
    padding-top: 16px;
    gap: 16px;
  }

  .right-side {
    width: 100%;
    padding: 0 0 24px;
  }

  .payment-detail-info {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 8px;
  }

  .product-info {
    font-size: 20px;
    font-family: "DB Heavent";
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 8px;
  }

  .store-location-map-link {
    color: #73c23a;
    cursor: pointer;
  }

  .qrCodeTopContainer {
    padding: 0 16px;
    display: block;
  }

  .qrCodeImgGrid {
    max-width: 100%;
    margin-left: 26px;
  }
  .qrCodePointsGrid {
    justify-content: center;
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
  }
  .qrCodePoints {
    font-size: 20px;
    line-height: 22px;
  }
  .qrCodeLogoDiv {
    width: 302px;
    height: 304px;
  }
  .qrWaitingMsg {
    position: absolute;
    top: calc(50% - 14px);
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
  }
  .qrCodeContainer {
    margin: 40px 0 !important;
  }
  .pickUpDetailWrapper {
    padding-bottom: 24px;
  }
  .pickUpTitleTxt {
    font-weight: 700;
    color: #262626;
    padding: 24px 0;
    font-size: 28px;
    line-height: 28px;
  }
  .pickUpAddressWrapper {
    padding: 0 16px;
  }
  .userNameSelected {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    color: #262626;
    padding-bottom: 8px;
  }
  .userDetails {
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: #262626;
  }
  .store-map {
    font-weight: 700;
    padding: 0 16px;
  }
}
/* Mobile view */
@media screen and (max-width: 576px) {
  .order-status {
    padding: 0 16px;
  }
  .right-side {
    width: 100%;
    padding: 0 16px 24px;
  }

  .address-components {
    padding: 0 16px;
  }

  .qrCodeLogoDiv {
    width: 302px;
    height: 304px;
  }
}

.product-list-title {
  margin-block: 16px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #262626;
}
.pro-details {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  background-color: #f5f5f5;
  border-radius: 8px;
}
.product-image {
  width: 120px;
  height: 120px;
  margin-top: -4px;
}

#item-price {
  text-align: right;
}

.product-name {
  font-weight: 700;
  line-height: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.products-container {
  border-radius: 8px;
  padding: 24px;
  display: flex;
  background-color: white;
  gap: 24px;
}
.row-1 {
  /* repeat(4, 1fr); */
  padding-block: 16px;
}

.row-2 {
  /* 1fr 1fr 2fr; */
  padding-block: 16px;
  border-bottom: 1px solid #d9d9d9;
}

.row-3 {
  padding-block: 16px;
}

.row-4 {
  padding-block: 16px;
  border-top: 1px solid #d9d9d9;
}

.main-div {
  width: 100%;
}

.products-container span {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}

#item-price-value {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  text-align: right;
}

.product-detail-link {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-decoration-line: underline;
  color: #73c23a;
  cursor: pointer;
}
.remark-text {
  color: #555555 !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.failed-text {
  color: #e32c14 !important;
}

.complete-text {
  color: #73c23a !important;
}

.product-labels-header1 {
  font-size: 20px;
  line-height: 24px;
}
.product-labels-header2 {
  font-size: 20px;
  line-height: 24px;
}

@media screen and (max-width: 549px) {
  .product-list-title {
    font-size: 28px;
  }
  .products-container {
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 100%;
    gap: 16px;
  }
  .products-container span {
    font-size: 20px;
    line-height: 22px;
    padding: 4px 0 0;
    margin-top: 0;
  }

  .product-labels {
    font-size: 18px;
    line-height: 20px;
  }
  .pro-details {
    gap: 16px;
    padding: 16px;
    border-radius: 0;
  }

  .product-name {
    font-size: 28px;
  }

  .row-1,
  .row-2 {
    border-bottom: 1px solid #d9d9d9;
  }

  .product-image {
    width: 120px;
    height: 120px;
    margin-top: 0;
  }

  #item-price,
  #item-price-value {
    text-align: right;
  }

  #item-price-value {
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    color: #262626;
  }
  /* #item-price{
  grid-template-columns: 311px;
  /* text-align: right; */
  /* }  */

  /* .row-1{
  grid-template-columns: 1fr 1fr 1fr;
} */

  /* .row-1, .row-2, .row-3{
  grid-template-columns: 1fr 1fr;
} */
}

.view-request-button,
.view-request-button-outlined {
  width: 100%;
  border-radius: 80px;
  border: none;
  background: #73c23a;
  color: white;
  font-family: DB Heavent;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  padding: 16px;
  height: 56px;
  margin-bottom: 24px;
}

.view-request-button-outlined {
  border: 1px solid var(--primary-500, #73c23a);
  background: white;
  margin-bottom: 24px;
  color: #73c23a;
}

.ZgPMX6AoyEIUza8GI14Q {
  max-width: 846px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  gap: 24px;

  flex: none;
  order: 1;
  flex-grow: 0;

  /* margin-left: 16px;
    margin-right:16px; */
}

@media screen and (min-width: 992px) {
  .ZgPMX6AoyEIUza8GI14Q {
    width: 846px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .ZgPMX6AoyEIUza8GI14Q {
    width: 100%;
  }
}

.ttc6CfgKBEc2sosc9Zgh {
  background-color: #eef8e8;
  border: 2px solid #73c23a;
}

.JDhtZ4fzAingFqHqvjua {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;

  flex: none;
  order: 0;
  flex-grow: 0;
}

@media screen and (max-width: 540px) {
  .JDhtZ4fzAingFqHqvjua {
    flex-direction: column;
  }
}

.CAm2yxxG7kXIabCytwLn {
  width: 100%;
  aspect-ratio: 1/1;
  max-width: 128px;
}

.gB4ukTHepl5NsivUxv_A {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  order: 1;
  flex-grow: 1;
}

@media (min-width: 768px) and (max-width: 991px) {
  .gB4ukTHepl5NsivUxv_A {
    width: 100%;
  }
}

.zrr68XuANSwLMZ3sj_ZK {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}

.ZbdNoh7xpxc0D5hwlkm_ {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;

  flex: none;
  order: 2;
  align-self: flex-start;
  flex-grow: 0;
  width: 100%;
}

.AoZ8SZRYEIK5m_l89vwM {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;

  flex: none;
  order: 0;
  flex-grow: 1;
}

.tF_Adj7se5LUmFxvKIPv {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;

  color: #262626;

  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  min-width: 148px;
}

.GbF_krpRtkJUxw8wGnGH {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;

  color: #262626;

  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  min-width: 148px;
}

.MsXIrtL09UGL6piQF1lw {
  order: 3;
  width: 100%;
  max-width: 845px;
}

.XP01iluFrflSHUzvk0Wo {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;

  flex: none;
  order: 4;
  align-self: stretch;
  flex-grow: 0;
}

.E4_kr2P_sEih8NxPTvzK,
.Hlq5hNZDyeOYRArKAETA {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.Hlq5hNZDyeOYRArKAETA {
  align-items: center;
  justify-content: flex-start;
}

.WFwHrM4rtlW3OfwpYHv0 {
  width: 24px;
  height: 24px;
}

.SE3hWjQPvhe5OPmKmrkW {
  font-family: "DB Heavent";
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #ff8d00;
}

.DtrT8Sj11DHm45jNj4am {
  width: 162px;
  align-self: flex-end;
}

.DtrT8Sj11DHm45jNj4am button {
  height: 40px !important;
}

@media screen and (max-width: 750px) {
  .DtrT8Sj11DHm45jNj4am {
    align-self: flex-end;
  }

  .DtrT8Sj11DHm45jNj4am button {
    width: 162px !important;
  }

  .E4_kr2P_sEih8NxPTvzK {
    flex-direction: column;
    gap: 10px;
  }
}

@media screen and (max-width: 385px) {
  .ZgPMX6AoyEIUza8GI14Q {
    padding: 16px;
    gap: 10px;
    justify-content: space-around;
  }

  .QzTq7cvw0QP3EAKISuzW,
  .snFrgcdbfdA2lzRpPCJ8 {
    gap: 10px;
    justify-content: space-between;
  }

  .tF_Adj7se5LUmFxvKIPv {
    font-size: 18px;
    line-height: 20px;
  }

  .GbF_krpRtkJUxw8wGnGH {
    font-size: 20px;
    line-height: 22px;
  }
}

.pa7d6ER_VF8N3fNJLdhY {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  gap: 24px;
  width: 100%;
  max-width: 846px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}

.UxCTQFmpPP8FTg3r7rCf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
}

.JZH9TNrWjaYC7DeXuVAd {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #262626;
}

.XmMAN9wL_7oOSy8SsYX3 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.LXEBvsvvhXqwZuqtkvsy {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0px;
  gap: 16px;
  width: 100%;
  justify-content: flex-end;
}

.LXEBvsvvhXqwZuqtkvsy button {
  padding: 8px 24px !important;
  height: 40px !important;
}

@media screen and (max-width: 756px) {
  .pa7d6ER_VF8N3fNJLdhY {
    padding: 16px;
  }

  .JZH9TNrWjaYC7DeXuVAd {
    font-size: 18px;
    line-height: 20px;
  }

  .XmMAN9wL_7oOSy8SsYX3 {
    font-size: 20px;
    line-height: 22px;
  }

  .NY44WX4fCy9sH66w4ymL {
    width: 50% !important;
    max-width: 147px;
  }

  .LXEBvsvvhXqwZuqtkvsy {
    display: block;
  }

  .EkVuvRPGrr0fSfFcT9Np {
    gap: 16px;
  }

  .UxCTQFmpPP8FTg3r7rCf {
    gap: 0px;
  }
}

.claim-request {
  display: grid;
  gap: 32px;
  @media screen and (max-width: 900px) {
    gap: 16px;
  }
  .header {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #1e3d35;
    text-align: center;
    @media screen and (max-width: 900px) {
      font-size: 32px;
      line-height: 32px;
    }
  }
  .dropdown {
    display: grid;
    gap: 4px;
    .select-claim {
      color: #555;
      font-size: 20px;
      font-weight: 700;
      line-height: 20px;
      @media screen and (max-width: 900px) {
        font-size: 16px;
        line-height: 16px;
      }
    }
    .claim-dropdown {
      width: 100%;
      border-radius: 4px;
      border: 1px;
      > div {
        height: 56px;
        @media screen and (max-width: 900px) {
          height: 52px;
        }
      }
      > div > div {
        color: #262626;
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        min-height: 0px !important;
        padding: 0px 16px !important;
        @media screen and (max-width: 900px) {
          font-size: 20px;
          line-height: 20px;
        }
      }
    }
  }
}

#menu- {
  .MuiPaper-root {
    > ul > li {
      color: #262626;
      font-size: 24px;
      font-weight: 400;
      line-height: 28px;
      @media screen and (max-width: 900px) {
        font-size: 20px;
        line-height: 20px;
      }
    }
  }
}

.vertical-container::-webkit-scrollbar {
  width: 8px;
  display: block !important;
}

.vertical-container::-webkit-scrollbar-thumb {
  height: 121px;
  border-radius: 8px;
  background: #bae19f;
}

.shipping-title {
  height: 32px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  margin-bottom: 40px;
  margin-top: 16px;
  display: block;
  padding: 0;
}
.shipping-container {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 16px;
  display: grid;
  width: 566px;
  /* Desktop UI */
  grid-template-columns: 255px 255px;
  gap: 24px;
}
.shipping-data {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  width: 255px;
  gap: 24px;
  width: 255px;
}
.shipping-method {
  font-size: 20px;
  font-weight: 400;
  width: 255px;
  gap: 24px;
}
/* mobile UI */
@media screen and (max-width: 548px) {
  .shipping-title {
    margin-bottom: 32px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
  }
  .shipping-container {
    grid-template-columns: 147.5px 147.5px;
    gap: 16px;
    width: 343px;
  }
  .shipping-method {
    width: 147.5px;
    font-size: 18px;
    line-height: 20px;
  }
  .shipping-data {
    width: 147.5px;
    font-size: 20px;
    line-height: 22px;
    margin-top: 4px;
  }
}

@media (min-width: 1200px) {
  .ijLI5Nb6iK0Q7isGXE5B {
    max-width: 846px;
    margin: auto;
  }
}
@media (min-width: 1400px) {
  .ijLI5Nb6iK0Q7isGXE5B {
    max-width: 846px;
    margin: auto;
    margin-bottom: 80px;
  }
}
.RngcJx5KNQ931a1h24FB {
  margin-bottom: 8px;
}
.hJsCeOvoI3qhLaDVBquq {
  margin-bottom: 16px;
}
.LLWl2kCCGfCe3uu6O2kN {
  margin-bottom: 24px;
}
.nOFfKHwNVw0wFOzNjPnk {
  padding: 0;
  margin-top: 32px;
  margin-bottom: 40px;
  text-align: center;
}
.P9STTlsrp1htsAK2bd1Z {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #262626;
}
.DP_csqQX4MuoQq6w2dxa,
.jblsHvHCI0oipuGY1MTT {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #262626;
}
.jblsHvHCI0oipuGY1MTT {
  font-size: 28px;
  line-height: 28px;
}
.w7egyIDBJM5SHfDqfr1b {
  padding: 24px;
}
.pXH098_S2QnpXQbzgv9B {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  row-gap: 8px;
  column-gap: 24px;
}
.pXH098_S2QnpXQbzgv9B ul,
.guC5PJmLjbgFNg3pSKyJ ul {
  padding: 0 !important;
}
.guC5PJmLjbgFNg3pSKyJ {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.xRuF0eVb0arnjsUikWKw {
  min-width: auto !important;
  color: #318478 !important;
  padding: 4px 8px 4px 0px;
}
.mhMjRRgPgCOA9TuJ0cKR {
  color: white !important;
  min-width: auto !important;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: 2px 10px 2px 0px;
  background: #73c23a;
  border-radius: 56px;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.bfri230HKpXA5FmztxPw {
  width: calc(50% - 12px);
}
.xRuF0eVb0arnjsUikWKw svg {
  width: 16px;
  height: 16px;
}
.cbvJosvhDplbgvJR_Mi6,
.CDdGif3DagWbv2b0MZa2 {
  margin: 0 !important;
}
.cbvJosvhDplbgvJR_Mi6 span {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #262626;
}
.CDdGif3DagWbv2b0MZa2 span {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
}

.qJ0dkxiKM_u7Es4hIs4x {
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  margin-bottom: 40px;
}

.xGBWNuazptviy46i5t1h {
  padding-top: 16px;
}

.Kzufk2_4ss2psHWU_9UA {
  padding-bottom: 40px;
  border-bottom: 1px solid #d9d9d9;
}

.oJYHZIRESTpM4gyWSFsN {
  font-family: "DB Heavent";
  padding: 8px;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
  min-width: 131px;
  height: 40px;
  background: #73c23a;
  border-radius: 52px;
  box-shadow: none;
  border: none;
  cursor: pointer;
}

.xl0YIL2wuBFjEhJrbo9Z {
  padding: 40px 0;
}

.enTWz1NoLex2PqWWi4k9 {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

@media screen and (max-width: 768px) {
  .qJ0dkxiKM_u7Es4hIs4x {
    margin-bottom: 24px;
    background-position-x: center;
  }
  .ijLI5Nb6iK0Q7isGXE5B {
    padding: 0 16px 16px 16px;
  }
  .nOFfKHwNVw0wFOzNjPnk {
    padding: 16px 0;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .P9STTlsrp1htsAK2bd1Z {
    font-size: 32px;
    line-height: 32px;
  }
  .DP_csqQX4MuoQq6w2dxa {
    font-size: 24px;
    line-height: 26px;
  }
  .w7egyIDBJM5SHfDqfr1b {
    padding: 16px;
  }
  .pXH098_S2QnpXQbzgv9B {
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    row-gap: 8px;
    column-gap: 0px;
  }
  .cbvJosvhDplbgvJR_Mi6 span {
    font-size: 18px;
    line-height: 20px;
  }
  .Kzufk2_4ss2psHWU_9UA {
    padding-bottom: 24px;
  }
  .jblsHvHCI0oipuGY1MTT {
    font-size: 24px;
    line-height: 26px;
  }
  .CDdGif3DagWbv2b0MZa2 span {
    font-size: 20px;
    line-height: 22px;
  }
  .xl0YIL2wuBFjEhJrbo9Z {
    padding: 24px 0;
  }
  .enTWz1NoLex2PqWWi4k9 {
    font-size: 20px;
    line-height: 22px;
  }
  .oJYHZIRESTpM4gyWSFsN {
    font-size: 24px;
    line-height: 24px;
    min-width: 159px;
  }
  .bfri230HKpXA5FmztxPw {
    width: 100%;
  }
}

.jNMoYItsy9O3yYNIheKw {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 80px;
  gap: 8px;
  width: 271px;
  max-width: 271px;
  height: 180px;
  background: #ffffff;
  border: 2px solid #d9d9d9;
  border-radius: 8px;
  flex: none;
  flex-grow: 1;
}

.sF3fReExZX7fjGTH_G5G {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  text-decoration-line: underline !important;
  color: #73c23a;
}

.m6MWhR9VQlqorH2jRM3A {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 16px;
}

.aP04CoiJLagLanntiJfR {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  max-width: 271px;
  height: 180px;
  border-radius: 8px;
  flex: none;
  flex-grow: 1;
  position: relative;
}

.aP04CoiJLagLanntiJfR img,
video {
  border-radius: 8px;
  border: 2px solid #d9d9d9;
}

.THqnuOqQiVic6yCC66uf {
  position: absolute;
  border-radius: 0 !important;
  border: none !important;
}

.u3QNEZ_ijzdRlk_UhaZc {
  width: 271px !important;
  height: 180px;
  object-fit: contain !important;
}

.YyGEKGyapSGx2GCOXlur {
  object-fit: cover !important;
}

@media screen and (max-width: 768px) {
  .jNMoYItsy9O3yYNIheKw,
  .aP04CoiJLagLanntiJfR {
    max-width: 163.5px;
    height: 106px;
  }
  .jNMoYItsy9O3yYNIheKw {
    padding: 16px;
  }
  .MguQrVQqNpIwBHi_WhUS {
    width: 40px;
    height: 40px;
  }
  .sF3fReExZX7fjGTH_G5G {
    font-size: 20px !important;
    line-height: 22px !important;
    white-space: pre;
  }
  .u3QNEZ_ijzdRlk_UhaZc {
    width: 163.5px !important;
    height: 106px;
  }
}

.BkS8tM2HEPJpe62vHk3P {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0px 80px;
  gap: 40px;
  width: 100%;
  max-width: 846px;

  flex: none;
  order: 1;
  flex-grow: 0;
}

@media screen and (max-width: 890px) {
  .BkS8tM2HEPJpe62vHk3P {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.NuRhqVG3bkGphlG5tF5A {
  width: 100%;
  max-width: 845px;
}

.uPCAnnJsPKDB2EF2AYa4 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.hQ58AbNhtAWUIg2xvpP4 {
  color: #262626;
  width: 100% !important;
}

.hQ58AbNhtAWUIg2xvpP4 span:nth-child(n + 2) {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.N7ZozW_DnVbu7zqheHWj span:nth-child(n + 2) {
  font-weight: 700;
  color: #262626 !important;
}

@media screen and (max-width: 380px) {
  .uPCAnnJsPKDB2EF2AYa4 {
    font-size: 24px;
    line-height: 24px;
  }

  .hQ58AbNhtAWUIg2xvpP4 span:nth-child(n + 2) {
    font-size: 20px;
    line-height: 22px;
  }
}

.Qej8L_8ipku_YkCu0pUA {
  display: flex;
  padding-top: 24px;
}

.KnGh1qs5_HTRVtMAiihd {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;

  max-width: 856px;

  border-radius: 0px 0px 8px 8px;

  flex: none;
  order: 7;
  flex-grow: 0;
}

@media screen and (max-width: 600px) {
  .KnGh1qs5_HTRVtMAiihd {
    flex-direction: column-reverse;
    align-items: unset;
    width: 100%;
  }

  .Qej8L_8ipku_YkCu0pUA > div > div > img {
    max-width: 163.5px;
    height: 106px;
  }

  .Qej8L_8ipku_YkCu0pUA .J9wYPUi2nfvzSEAfbj1L {
    height: 106px;
  }
}

.ffXkv0Zsd4VUxc1BkJ98 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 16px;
  gap: 8px;

  width: 100%;

  flex: none;
  order: 0;
  flex-grow: 0;
}

.V2eHWdiv5XSE5fJ744An {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #262626;

  text-align: center;

  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.Jcrit1lPenau9jLNmXL0 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;

  text-align: center;

  flex: none;
  order: 1;
  flex-grow: 0;
}

@media screen and (max-width: 385px) {
  .ffXkv0Zsd4VUxc1BkJ98 {
    padding: 16px;
  }

  .V2eHWdiv5XSE5fJ744An {
    font-size: 32px;
    line-height: 32px;
  }

  .Jcrit1lPenau9jLNmXL0 {
    font-size: 20px;
    line-height: 22px;
  }
}

.Zbefxmo1h_ocGfOSeiED {
  display: flex;
  gap: 40px;
  flex-direction: column;
  align-items: center;
}

.KOwCJ4STL4cOWDNU_jgR {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 80px;
  gap: 8px;
  width: 100%;
  height: 60px;
  background: #eef8e8;
}

.tGmXmNM1wi_gVUYDAWuA > svg {
  padding-top: 3px;
}

._Of5VYd9mOYymz32EyiH {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #1e3d35;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .Zbefxmo1h_ocGfOSeiED {
    gap: 8px;
  }
}

.GW6fc8TQh8_76Af9rgBR {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 16px 80px;
  gap: 40px;
  width: 100%;
  max-width: 1280px;

  flex: none;
  order: 1;
  flex-grow: 0;
}

.LVzBzof5WOApBsBaKarQ {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;

  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.N3DqNOa21TZqupTEeqkx {
  order: 3;
  width: 100%;
  max-width: 845px;
}

@media screen and (max-width: 600px) {
  .N3DqNOa21TZqupTEeqkx {
    padding: 16px 0;
  }
}

.xzqbfzAm6Wl3ElLGrv0n {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  max-width: 856px;
  border-radius: 0px 0px 8px 8px;
  flex: none;
  order: 5;
  flex-grow: 0;
}

.xzqbfzAm6Wl3ElLGrv0n button {
}

@media screen and (max-width: 600px) {
  .GW6fc8TQh8_76Af9rgBR {
    gap: 16px;
  }

  .GW6fc8TQh8_76Af9rgBR {
    padding: 16px;
  }
  .xzqbfzAm6Wl3ElLGrv0n {
    flex-direction: column-reverse;
    align-items: unset;
    width: 100%;
  }
}

.bnGBwcFlVmhUGkNmYKQn {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0px 80px;
  gap: 40px;
  width: 100%;
  max-width: 846px;

  flex: none;
  order: 1;
  flex-grow: 0;
}

.fvd5nnxaz_dzH0VwLbXR {
  width: 100%;
  max-width: 845px;
  order: 1;
}

.Rup3BfxU54H3gRl07koU {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  padding-bottom: 40px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.rC5nU7ejc_dRj71L39yX {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}

@media screen and (max-width: 380px) {
  .rC5nU7ejc_dRj71L39yX {
    justify-content: flex-start;
  }
}

.qdNmSXSKApWFzFxUeVsL {
  color: #262626;
  width: 100% !important;
}

.qdNmSXSKApWFzFxUeVsL span:nth-child(n + 2) {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.wHOhRPv_ykOQVrujZCAb span:nth-child(n + 2) {
  font-weight: 700;
  color: #262626 !important;
}

.c8cANq1J7v3qU3wEmRxw {
  display: flex;
  padding-top: 24px;
}

.giODCNPJnO_O9Q2cmOEI {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;

  max-width: 856px;

  border-radius: 0px 0px 8px 8px;

  flex: none;
  order: 7;
  flex-grow: 0;
}

.giODCNPJnO_O9Q2cmOEI button {
}

@media screen and (max-width: 600px) {
  .bnGBwcFlVmhUGkNmYKQn {
    padding: 16px;
  }
  .Rup3BfxU54H3gRl07koU {
    font-size: 24px;
    line-height: 24px;
  }

  .giODCNPJnO_O9Q2cmOEI {
    flex-direction: column-reverse;
    align-items: unset;
    width: 100%;
  }

  .qdNmSXSKApWFzFxUeVsL span:nth-child(n + 2) {
    font-size: 20px;
    line-height: 22px;
  }

  .c8cANq1J7v3qU3wEmRxw > div > div > img {
    max-width: 163.5px;
    height: 106px;
  }

  .c8cANq1J7v3qU3wEmRxw .itSjSIHnLQiItsuWjTP7 {
    height: 106px;
  }
}

.dfYl9LF2aeVGhQ1yuGwf {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.hEsxc1A3oIr4CiQ3leee {
  width: 100%;
  max-width: 846px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 8px 8px 8px 8px;
}

.bruPWg28RO7yc2Ucer3b {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
  background: #f5f5f5;
  border-radius: 8px 8px 8px 8px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.V2Bj595LeYk4y7bzek5d {
  display: flex;
  flex-direction: column;
  min-width: 400px;
}

@media screen and (max-width: 546px) {
  .V2Bj595LeYk4y7bzek5d {
    min-width: 80%;
  }
}

.bKfiDYbRd5pp3N7w_Tun {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #555555;
}

._G4u5wTkbCCkAczpjXde {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.PYGqzPhPr9VZgyUl_VkL {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.zL5m829qaNafG87BlslR {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #fff;
  border-radius: 0px 0px 8px 8px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.INhIVd3tVmoHXy30sAXg {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 16px;
  color: #333333;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.HVaHupzPtWfkn9pkycDB {
  color: #262626;
  width: 100% !important;
}

.HVaHupzPtWfkn9pkycDB span:nth-child(n + 2) {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.Z5DC2pSrtVbHgnlIuOJw span:nth-child(n + 2) {
  font-weight: 700;
}

.bP6cWv8DbtcgtuDCngww {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.uC0OfLSYsCaGoM4rET_8 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #555555;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.QyTPRymaRCKliwxFVirA {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
  line-height: 28px !important;
  flex: none;
  order: 0;
  flex-grow: 1;
  padding: 0px;
}

.QyTPRymaRCKliwxFVirA input {
  padding: 14px 16px;
}

.S56urLFznqKNmeJtbt0t {
  width: 100%;
  max-width: 846px;
}

.rW7asDeRq4NbqMRkZ7HV {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 600px) {
  .rW7asDeRq4NbqMRkZ7HV {
    justify-content: end;
  }
}

.WlXqarobSvAEZt7vyjzl button {
  /**/
  width: 134px !important;
  height: 40px !important;
}

.z3xciZX14WPxjulUoL5Q {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #262626;
}

.z3xciZX14WPxjulUoL5Q p {
  margin-bottom: 0px;
}

.aOTFvtXclVL0TeA4ZDnX {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0px 80px;
  gap: 40px;
  width: 100%;
  max-width: 846px;

  flex: none;
  order: 1;
  flex-grow: 0;
}

@media screen and (max-width: 890px) {
  .aOTFvtXclVL0TeA4ZDnX {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.vgLUeRzQeyM70KtShDTv {
  order: 2;
  width: 100%;
  max-width: 846px;
}

.uDXLxy8rmnRQHDwdiTa6 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.RLo3MaexNQRTVIimhPg7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 40px;

  flex: none;
  order: 3;
  align-self: flex-start;
  flex-grow: 0;
  min-width: 100%;
  max-width: 846px;
}

.qRKmY9dZY5_vxdrtZ8HS {
  width: 100%;
  max-width: 846px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 8px 8px 8px 8px;
}

.WAkEpZYej0HXIArUKr6j {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
  background: #f5f5f5;
  border-radius: 8px 8px 8px 8px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.p0DrY_6synfgLIMD4cLP {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #fff;
  border-radius: 0px 0px 8px 8px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.tsTRE9wXlmgd42HHN6Kr {
  display: flex;
  flex-direction: column;
  min-width: 400px;
}

@media screen and (max-width: 546px) {
  .tsTRE9wXlmgd42HHN6Kr {
    min-width: 80%;
  }
}

.DK1mLd42y8PFGAaUR0pL {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #555555;
}

.sh7U_ZRESvHVROZtOvFl {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.GeHiXuQU10DCMhZH5KCC {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.UQSdWrySL6U5RnSUNMXQ button {
  width: 180px !important;
  height: 40px !important;
}

.v3RNR4lWrwQUt7JL6W5g {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #555555;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.u6bmPbWUOpZeoawhw1Ox {
  color: #262626;
  width: 100% !important;
}

.u6bmPbWUOpZeoawhw1Ox span:nth-child(n + 2) {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.v0LyO86gr0toHF8nDOpE span:nth-child(n + 2) {
  font-weight: 700;
}

.zUAVPQ2pw8zlNsk_B2v1 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 16px;
  color: #333333;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.EwpouwDuqfHADi0XnMYA {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.kEvcIiyGI8Dpkt9OcW53 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #555555;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.Xrpo0nUwJy_ReJ2ou9ze {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
  line-height: 28px !important;
  flex: none;
  order: 0;
  flex-grow: 1;
  padding: 0px;
}

.Xrpo0nUwJy_ReJ2ou9ze input {
  padding: 14px 16px;
}

.i7f1u8SPi2b67Xa4pis3 {
  width: 100%;
  max-width: 846px;
}

.SE59iOefbLLrEWCPOgOX {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.aLkwtN18BYPlME1GCdmj button {
  width: 134px !important;
  height: 40px !important;
}

.QosHmpLuFkXRjlE407L4 {
  order: 4;
  width: 100%;
  max-width: 846px;
  margin-bottom: 16px;
}

.jTzOVNs1EjgCS_mvFqzw {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  flex: none;
  order: 5;
  align-self: flex-start;
  flex-grow: 0;
  min-width: 100%;
  max-width: 846px;
}

.dGMhRNNjcUO0QjtzPqEU {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}

@media screen and (max-width: 380px) {
  .dGMhRNNjcUO0QjtzPqEU {
    justify-content: flex-start;
  }
}

.K8PYAlaLBDUKU0QQJBZd {
  order: 6;
  width: 100%;
  max-width: 845px;
}

.EIrPiWOxjuLrHMjKbiUa {
  order: 7;
  width: 100%;
  max-width: 845px;
}

.oG8TaLS1EFKuj_6ciMmn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;

  max-width: 856px;

  border-radius: 0px 0px 8px 8px;

  flex: none;
  order: 7;
  flex-grow: 0;
}

@media screen and (max-width: 600px) {
  .J9890aDBFakC4EImrgkA {
    gap: 16px;
  }

  .J9890aDBFakC4EImrgkA {
    padding: 16px;
  }
  .oG8TaLS1EFKuj_6ciMmn {
    flex-direction: column-reverse;
    align-items: unset;
    width: 100%;
  }
}

.SgwBCE_W_F36CVgVt1Yt {
  transform: scale(0.7);
}
.cs9s4aUu2ZZubDzrw68e {
  padding: 24px 0px 12px 0px;
  color: #2c3e50;
  text-align: center;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  /* identical to box height, or 100% */
  text-align: center;
  /* Neutrals / Darkest Grey */
  color: #262626;
}
.dqnfD1hCEHCw6Rdwyx_B {
  padding: 12px 0px 8px 0px;
}
.Hu5AVg3uxQY17r4FRmmA {
  /* Desktop/Body 1/Regular */
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  /* identical to box height, or 117% */
  text-align: center;
  /* Neutrals / Dark Grey */
  color: #7b7b7b;
  /* white-space: nowrap; */
  padding: 24px 0px;
  padding-top: 12px;
}
.QT7nkPk6vXDm4KjdVZCw {
  padding: 0px;
  padding-top: 8px;
  font-size: 20px;
  line-height: 22px;
}
.Om3GtY7Ib6y5SAkVBGoH {
  width: 100%;
}

.ENaA1IqxUQ_EmvLoB6va {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 16px;
}
.Rsi_gYLBd2Aor5FFnClk {
  flex-direction: column-reverse;
}
.HgdVRBm3qkzeB7EmOt1k {
  /* Desktop/Header 6/Bold */
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  /* identical to box height, or 100% */
  text-align: center;
  /* Primary/500 */
  color: #73c23a;
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  width: 238px;
  height: 56px;
  /* Primary/500 */
  border: 1px solid #73c23a;
  border-radius: 80px;
  cursor: pointer;
  background-color: white;
}
.RPX746h3XfnwINH68ez7 {
  /* Desktop/Header 6/Bold */
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  padding: 8px 24px;
  width: 100%;
  height: 42px;
}
.wc7LyLrRKm4HXVYFzury {
  background: #73c23a;
  color: #ffffff;
  transition: all 0.25s ease;
}

.wc7LyLrRKm4HXVYFzury:hover {
  box-shadow: 0 10px 20px -10px #73c23a;
  transform: translateY(-5px);
}

.KiAZ4OxLMnRoOb_6lxcB {
  transition: all 0.25s ease;
}

.KiAZ4OxLMnRoOb_6lxcB:hover {
  box-shadow: none;
  transform: none;
  background: whitesmoke;
}

.eCo50PquOfwFCQux1pRk {
  display: none;
}

.WMCr801JHWO7J2GYIzlQ {
  fill: #ff8d00;
  width: 88px;
  height: 88px;
}

.THKH8dZMCDa5ur9F0QOy,
.qRjw4gwNu96xABdbKIB5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;

  @media (max-width: 600px) {
    gap: 0px;
  }
}
.YBabVHBHAMrBrQbOQqNU,
.yB5ds1HxvA45upaJzVQP {
  cursor: pointer;
}

.UgFVNKNK0A2LB2oKmoEg {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  text-align: center;
  background-color: transparent;
  background-color: transparent;
  border: none;
  outline: none;
  text-align: center !important;
}

.UgFVNKNK0A2LB2oKmoEg:not(:disabled):hover {
  color: #73c23a;
  text-decoration-line: underline;
}

.UgFVNKNK0A2LB2oKmoEg:disabled {
  color: #9d9d9d !important;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .qRjw4gwNu96xABdbKIB5 {
    display: grid;
    grid-template-areas: "div linkTxt" "dropDownIcon dropDownIcon";
  }
  .THKH8dZMCDa5ur9F0QOy {
    display: grid;
  }
  .YBabVHBHAMrBrQbOQqNU {
    display: flex;
    justify-content: center;
  }
  .UgFVNKNK0A2LB2oKmoEg {
    grid-area: linkTxt;
    font-size: 20px;
    line-height: 22px;
    text-align: left;
  }
  .yB5ds1HxvA45upaJzVQP {
    grid-area: dropDownIcon;
    display: flex;
    justify-content: center;
  }
}

.lieoRooVYcOBWjHdSZKg {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;

  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}

.SnQH0Lg09v2CQzuDWEjn {
  transform: translateY(0);
}

.ji2YxIzxPxT1s13lSydJ {
  background: #29685d;
}

.eSJHAeC1MO__rrP09z3S {
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: auto max-content max-content;
  flex-direction: row;
  padding: 24px 0px;
  gap: 24px;
  height: max-content;
  background: #29685d;
}

.lTjCmjxS4rMYOUvvk7se {
  background: #25584f;
}
.F9LwbkmUzvJrwnwf0bJa {
  max-width: 1280px;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 0px 40px;
  gap: 24px;
  height: max-content;
}

@media screen and (max-width: 1024px) {
  .eSJHAeC1MO__rrP09z3S {
    padding: 24px 0px;
  }
}

@media screen and (min-width: 1440px) {
  .eSJHAeC1MO__rrP09z3S,
  .F9LwbkmUzvJrwnwf0bJa {
    max-width: 1280px;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .eSJHAeC1MO__rrP09z3S,
  .F9LwbkmUzvJrwnwf0bJa {
    max-width: 1140px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .eSJHAeC1MO__rrP09z3S,
  .F9LwbkmUzvJrwnwf0bJa {
    max-width: 960px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .eSJHAeC1MO__rrP09z3S,
  .F9LwbkmUzvJrwnwf0bJa {
    max-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  .eSJHAeC1MO__rrP09z3S,
  .F9LwbkmUzvJrwnwf0bJa {
    max-width: 540px;
    padding: 16px 16px 16px 16px;
  }
}

@media screen and (max-width: 768px) {
  .NyWUCbWx7g9_nXQF1ttR {
    width: 100%;
    height: 1px;
  }
  .eSJHAeC1MO__rrP09z3S {
    display: flex;
    flex-direction: column;
    /* padding: 16px 0; */
    gap: 16px;
  }
  .F9LwbkmUzvJrwnwf0bJa {
    /* padding: 16px 0; */
    gap: 16px;
  }
}

.D1nvfJp7IfKR7vSpnisQ {
  padding-left: 8px;
  padding-top: 8px;
}
.PYwTlMy2eyjPhhBx8Xom {
  padding-left: 8px;
  padding-top: 14px;
}

.Eq5vQ7z7ihzWtZt9epRl {
  width: 85px;
  font-size: 20px !important;
  line-height: 20px !important;
  margin-bottom: 0;
}

.J2SEwLeGjozQckitLn3G {
  padding-top: 4px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
}
.I4KM8R_ENibLwxlOi0Is {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  padding: 16px 24px;
  height: 88px;
  border: 2px solid #73c23a;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-right: 24px;
  margin-top: 40px;
}
.I4KM8R_ENibLwxlOi0Is:hover {
  background: linear-gradient(#73c23a);
  cursor: pointer;
}

.in3F2rtXzpd5A_ZcbIZ0 {
  background: linear-gradient(#eef8e8, #eef8e8) !important;
  border: 2px solid #73c23a;
  border-radius: 8px;
}
.Ebltgi_CktOqHE82spZO {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  padding: 16px 24px;
  gap: 16px;
  height: 88px;
  border: 2px solid #dbd9d9;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-left: 77px;
  margin-top: 40px;
}

.B0v8QsZeLEZToh5iRE10 {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100%;
}

.t0zLAJgaX05szl4hcLJs {
  padding: 15px 0px 20px 80px;
}
.Fu7elgT7mZp6BnvaQ2HK {
  width: 60%;
}

.jIjLS9DJifcQYSiuSJvI {
  padding-right: 40px;
}
.H8STlc67jGeugimFqCId {
  display: none;
}
.y9TnCqKuk7KNFp6JzwAQ {
  padding-left: 8px;
}
.aIBHJScGV6z4LBQ4V7pA {
  max-width: 411px;
  padding-top: 16px;
}
@media screen and (max-width: 749px) {
  .uxDE7Yvhc3mxSYiXlBCw {
    display: flex;
  }
}
@media screen and (max-width: 749px) {
  .jIjLS9DJifcQYSiuSJvI {
    padding-right: 0px;
    padding-left: 40px !important;
    position: relative;
    bottom: 6px !important;
    right: 25px;
  }
}
@media screen and (max-width: 749px) {
  .Fu7elgT7mZp6BnvaQ2HK {
    margin: 0 16px;
    width: auto;
  }
}
@media screen and (max-width: 749px) {
  .I4KM8R_ENibLwxlOi0Is {
    padding: 8px;
    margin: 0px;
  }
}
@media screen and (max-width: 749px) {
  .Ebltgi_CktOqHE82spZO {
    margin-left: 1px;
  }
}

@media screen and (max-width: 749px) {
  .J2SEwLeGjozQckitLn3G {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    padding: 0;
  }
}
@media screen and (max-width: 994px) {
  .B0v8QsZeLEZToh5iRE10 {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .t0zLAJgaX05szl4hcLJs {
    padding: 0px 0px 0px 16px;
    position: relative;
    bottom: 6px;
    left: 0px;
  }
}

@media screen and (max-width: 749px) {
  .D1nvfJp7IfKR7vSpnisQ {
    padding: 0;
    position: relative;
  }
}
@media screen and (max-width: 994px) {
  .PYwTlMy2eyjPhhBx8Xom {
    padding: 10px 8px;
    position: relative;
    bottom: 0px;
    left: 6px;
  }
  .H8STlc67jGeugimFqCId {
    display: block;
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 994px) {
  .u0gsDnChg_03AyOOd83J {
    display: flex;
    align-items: center;
  }
}

.nx0KKWSXs63aurP1vOS6 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 14px 16px;
  gap: 10px;

  width: 625px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #9d9d9d;
  border-radius: 4px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.XFQ4hDfuOlacXcuWyLVF {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #25584f;
  margin-top: 40px;
}
.wheiF1u9ihiCEgxHMMBJ {
  align-items: center;
  display: flex;
}
.LzlKx9mZ72v0VPxFcf8G {
  height: 28px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.TSfahuHHea_dlt5k8p4O {
  width: 168px;
  height: 56px;
  font-size: 24px !important;
  line-height: 24px !important;
  background-color: #9d9d9d !important;
  border-radius: 80px !important;
  margin-left: 10px !important;
  color: #333333 !important;
}

.uLoz3BZrRKqw1bgX0Am6,
.Icy21SFgXAx0seEbkM0a {
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 26px !important;
  color: #1e3d35 !important;
  padding: 16px 40px !important;
  background: #9d9d9d !important;
  border-radius: 80px !important;
  min-width: 168px !important;
  min-height: 56px !important;
}

.Icy21SFgXAx0seEbkM0a {
  color: white !important;
  background: #73c23a !important;
}

.PWev6EUFWeJjk72zuI7a {
  display: flex;
  justify-content: end;
}

.TXBO7pOmKsCB72VILirU {
  padding-top: 11px !important;
}

.sTIsEYwj3FkWg24id3d2 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 16px;
  color: #333333;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  padding-left: 8px;
}

.RIGslKNSWGbWqZHIAc_B {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 14px 24px;
  gap: 24px;
  margin: 6px 0px 6px 10px;
  width: 96px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 28px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.sre1kNp7SGzgS4bIDjTu {
  padding: 40px 0px 80px 0px;
}
.HEUle_B6SggNngjs3xhZ {
  padding: 40px 0px 0px 0px;
}
.TkmyrU3pyjh_ot4_FGat {
  padding-bottom: 32px;
}
.usASE8tq9GyOmNa1QaeI {
  padding-left: 8px;
}

.RS2KQ_mtKGunzOiciAGA {
  padding: 12px;
  border-radius: 40px;
  border: 1px solid #d9d9d9;
  margin-bottom: 8px;
  margin-right: 8px;
  text-align: center;
  cursor: pointer;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}
.RdEUC8gmMOIQWHGq8bRE {
  border: 2px solid #73c23a;
  background: #eef8e8;
  font-weight: 700;
}

.D_ICOUXGVUwyF6CeSIhM {
  display: flex;
  justify-content: space-between;
  padding: 54px 20px 0px 0px;
}

.EIYQmipdwFWEqMt3hiO_ > #co8CrQ9zrLJXBTDNXnnO {
  display: none !important;
}

@media screen and (max-width: 749px) {
  .TkmyrU3pyjh_ot4_FGat {
    padding-bottom: 8px;
  }
}

@media screen and (max-width: 749px) {
  .HEUle_B6SggNngjs3xhZ {
    padding: 32px 0px 0px 0px;
  }
}
@media screen and (max-width: 749px) {
  .D_ICOUXGVUwyF6CeSIhM {
    padding: 24px 0px 0px 0px;
  }
}
@media screen and (max-width: 749px) {
  .RS2KQ_mtKGunzOiciAGA {
    font-size: 18px;
  }
}
@media screen and (max-width: 749px) {
  .sre1kNp7SGzgS4bIDjTu {
    padding: 16px 16px 24px 16px;
  }
}
@media screen and (max-width: 749px) {
  .LzlKx9mZ72v0VPxFcf8G {
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: #262626;
    width: auto;
    height: auto;
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 749px) {
  .RS2KQ_mtKGunzOiciAGA {
    padding: 4px 4px;
  }
}

@media screen and (max-width: 749px) {
  .XFQ4hDfuOlacXcuWyLVF {
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    margin-top: 0;
  }
  .mpPlw5Sgb6UFH6cv3WTT {
    text-align: center;
    padding-top: 16px;
  }
}
@media screen and (max-width: 749px) {
  .PWev6EUFWeJjk72zuI7a {
    display: flex;
    justify-content: flex-end;
  }
  .uLoz3BZrRKqw1bgX0Am6,
  .Icy21SFgXAx0seEbkM0a {
    line-height: 24px !important;
    padding: 8px 24px !important;
    min-width: 77px !important;
    min-height: 42px !important;
  }
}

.ikJ4LgO75lYP2pyN6ofx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}

.dNmXjtiEct5yheM5bDyR {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}

.X3l8yziYJYTv4tBc8zrG {
  width: 100vw;
  height: 100vh;
  background-size: cover;
  position: relative;
}

.lurYB81xNtAonzCz3qTR {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
}

.QDEEFOhCuvPdNXuGB9pg {
  position: absolute;
  display: flex;
  flex-direction: column;
}

.pQazm8bWm9r_n41Uko6t {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 80px;
  width: 1440px;
  height: 120px;
}

.HIffGTUjG_W040twgDjA {
  height: 40px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #262626;
  flex-grow: 0;
}

.l4F2JkrukxD3JdbiJX5H {
  height: 40px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #e32c14;
}

.UlW6i3tpOGTp1A2sQPJK {
  /* height: 28px; */
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #1e3d35;
  padding-top: 8px !important;
}

.OF8WzKdl1wrpzwiQjAll {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #1e3d35;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.y4LXYrFdNaChqoNT03IM {
  width: 628px;
  height: 32px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #1e3d35;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.wN5b0bCgE0CRrzJCvrY3 {
  /* width: 193px;
  height: 28px; */
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  padding-bottom: 8px;
  color: #262626;
}

.JfC2T3Ba444mCM51Z5qb {
  /* width: 240px;
  height: 28px; */
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  padding-bottom: 8px;
  color: #262626;
}

.KLQs5JUJf1VrkT5cxDmy {
  width: auto;
  margin-top: 50px;
}

.KLQs5JUJf1VrkT5cxDmy > h2 {
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 32px !important;
  color: #1e3d35 !important;
  text-align: center;
}

.CWfIlK3L7S_Z4Yk5pr09 {
  /* width: 193px;*/
  height: 28px !important;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.vbRtXsib0D4MzbBbJopr {
  /* width: 628px; */
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

h1.vbRtXsib0D4MzbBbJopr p {
  display: inline;
}

.KUbTRyHuNz3vCUqt7ba2 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.JL4AGULREew94wu27YjI {
  height: 32px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  text-align: center !important;
  color: #1e3d35;
  margin-bottom: 40px;
  margin-top: 40px;
}

.xw16mYLEmEZFF1qujbFf {
}

.lYaedM6G89apJ8sMLmEU {
}

.wJCJRCwXiIGaziAXCdxA {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.HheQ2qTv2wGq6W0sJfA6 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
  padding-top: 8px;
}

.sprVdS8PjFrjvc7ufhfD {
  margin: auto;
}

.g9qIwfrfxpNSPWZ2YwQA {
  padding-top: 50px;
}

.f0h80N4ZrxXsRy21n9Fn {
  padding-top: 40px;
}

._IzLyrIfiPuhuI0uUtkZ {
  display: flex;
  align-items: center;
}

.r5zgRQfo6cSe4xTsvrIg {
  padding: 55px 0 40px 280px;
  margin: auto;
}

.XS8PcggpSID3uqa8FEHK {
  padding: 0px 280px 0px 0px;
  margin: auto;
}

.fec_iwVUWZBbuxwybjPO {
  padding-left: 0px;
}

.TMvINpn1cQ9258b1JXXI {
  padding-left: 1px;
}

.SFB0DRM6DiRTGYPwLLeq {
  padding-right: 330px;
}

/* .imgPosition {
  position: relative;
  right: 0px;
} */

.tQWtHhMs5CrcI4PwIZEJ {
  padding-bottom: 23px;
}

.Be79uhRFRB6MAUsQT97f {
  padding-top: 23px;
}

.AMCfizC65bE7NAyzoj8N {
  padding: 23px 0;
}

.Dfdbmd9i2xcyfte_SCkA,
.ILLOcAqcVEretE1qKEHl {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 8px;
  color: #262626;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.ILLOcAqcVEretE1qKEHl {
  padding-bottom: 0px;
}

.irQyjwQ_w_BwNw4AqURk {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  text-align: center;
}

._DSHL7w2tHyrksMeIJ8l {
  width: 250px !important;
  margin: auto;
  padding: 30px 0;
}

.IXEbTgC9tX21zl3H5xRk {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #318478;
  padding: 10px 0 30px 0;
}

/* .sim2flyContent{
  text-align: center;
} */

.aoO5f3VkDUVLikjJcIJL {
  width: 520px !important;
  margin: auto !important;
  padding-top: 20px;
}

.LoNMcpVtBiWGdKNkEM0A {
  font-size: 22px;
  padding-top: 20px;
  font-family: "DB Heavent";
  font-style: normal;
  line-height: 28px;
}

.IZMu56g6QLSK5rXRo2Ha {
  color: #318478;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid #318478;
  text-align: center;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  margin-top: 20px;
}

.CqOQ69tm61U23nNdDQhk {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  text-align: center;
  /* padding-left: 275px; */
}

.oUXbXoL4MIpwofkmnc4z {
  /* text-align: center; */
  margin: auto;
  padding-top: 30px;
}

.pvubYVpcS_zhZCvn6MWJ {
  width: 500px !important;
  margin: 55px auto;
}

.V3t5gBddg_xk0Ns4JqoI {
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  text-align: center !important;
  max-height: 56px;
  padding: 16px 32px !important;
  min-width: 216px;
  border-radius: 52px !important;
  color: #73c23a !important;
}

.DC8YATpGFGHHP4_VaIob {
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  text-align: center !important;
  border-radius: 52px !important;
  color: #ffffff !important;
  box-shadow: none !important;
  max-height: 56px;
  padding: 16px 35px !important;
  min-width: 216px;
}

.WKHOIB5jC9tEOpaCrSdL {
  margin-top: 24px;
  margin-bottom: 8px;
}

.D4kuilQ88OKYrAYREaza {
  width: 100%;
  padding-right: 24px;
}

.DATGGUzhLE4YI07eL_hf {
  padding-top: 24px;
}

.GAUWLpS4ws5kA7ECes0K {
  padding: 0 0 56px 0;
  text-align: center;
}

.IITKdRWfqlo1teBcwnsO {
  padding: 24px 0;
}

hr {
  margin: 0;
}

.ghRcv5Ax3sEK9kbtfEX1 {
  word-wrap: break-word;
  padding-right: 15px;
}

.ENbJnXAILS7jsglXjkV3,
.thiMoWKsSgpnOW2_Cc70 {
  max-width: 302px;
}

.slrwu_1qoJzAWFWTXvuk,
.TrEPLDg5_MVyrJ017XHe,
.p_EL2Jgw4Axc44HcOjBx {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.lYaedM6G89apJ8sMLmEU,
.xw16mYLEmEZFF1qujbFf {
  min-width: 56px !important;
  height: 56px !important;
}
.I8hyIfiBRb6qE2pzpNui {
  margin-bottom: 80px;
}

@media screen and (max-width: 749px) {
  .sprVdS8PjFrjvc7ufhfD {
    width: auto;
    padding: 0px;
  }

  .DATGGUzhLE4YI07eL_hf {
    width: 400px;
    padding-top: 8px;
  }

  .pvubYVpcS_zhZCvn6MWJ {
    width: auto;
    margin: 16px auto;
  }

  .pvubYVpcS_zhZCvn6MWJ {
    margin-bottom: 8px !important;
  }

  .CYzSIuWrtXF51r2W3M9A {
    max-width: unset !important;
    margin-bottom: 24px !important;
  }

  .V3t5gBddg_xk0Ns4JqoI,
  .DC8YATpGFGHHP4_VaIob {
    max-height: 58px;
    padding: 16px 35px;
    min-width: 100%;
  }

  .JL4AGULREew94wu27YjI {
    text-align: unset !important;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 24px;
    margin-top: 0;
  }

  .ijDAcefJys2lZ9_S32kk {
    padding-left: 0px;
  }

  .I8hyIfiBRb6qE2pzpNui {
    margin-bottom: 48px;
    padding: 0 16px;
    margin-bottom: 32px;
  }

  .g9qIwfrfxpNSPWZ2YwQA {
    padding-top: 0;
    /* padding-right: 0px; */
  }

  .dLPmk78yvr8wY6DflG7Q {
    position: relative;
    margin: 16px 0;
  }

  .OF8WzKdl1wrpzwiQjAll,
  .y4LXYrFdNaChqoNT03IM,
  .r5zgRQfo6cSe4xTsvrIg,
  .xw16mYLEmEZFF1qujbFf {
    padding-left: 0px;
  }

  .zmjy6MUVt_PKi2844wty {
    padding: 0 16px;
  }

  .tQWtHhMs5CrcI4PwIZEJ,
  .wN5b0bCgE0CRrzJCvrY3,
  .Dfdbmd9i2xcyfte_SCkA,
  .f0h80N4ZrxXsRy21n9Fn,
  .JfC2T3Ba444mCM51Z5qb {
    padding-left: 0px;
    padding-bottom: 0;
  }

  .Dfdbmd9i2xcyfte_SCkA {
    word-break: break-word;
    margin-top: 4px;
  }

  /* .rightBorderText {
    padding-left: 10px;
  } */

  .CWfIlK3L7S_Z4Yk5pr09 {
    padding-left: 13px;
  }

  .vbRtXsib0D4MzbBbJopr {
    font-size: 20px;
    line-height: 22px;
  }

  /* .storeFullfillment {
    padding-right: 165px;
  } */

  .r5zgRQfo6cSe4xTsvrIg,
  .btX2SXbTbo85rKsow92k {
    margin-left: 50px;
  }

  ._DSHL7w2tHyrksMeIJ8l {
    width: 380px !important;
    margin: auto;
    padding: 30px 0;
  }

  .HIffGTUjG_W040twgDjA {
    font-size: 40px;
    margin-top: 24px;
  }
  .UlW6i3tpOGTp1A2sQPJK {
    font-size: 20px;
    line-height: 22px;
    padding: 0 32px;
    margin-top: 40px;
  }
  .OF8WzKdl1wrpzwiQjAll {
    font-size: 28px;
    line-height: 1;
  }
  .AMCfizC65bE7NAyzoj8N {
    padding: 0;
  }
  .Be79uhRFRB6MAUsQT97f {
    padding-top: 0;
  }
  hr {
    margin: 16px 0;
  }
  .tQWtHhMs5CrcI4PwIZEJ {
    padding-bottom: 0px;
  }
  .WTBrEhpcfxK8nplCTaH4 {
    gap: 16px;
  }

  .wN5b0bCgE0CRrzJCvrY3,
  .JfC2T3Ba444mCM51Z5qb,
  .Dfdbmd9i2xcyfte_SCkA {
    font-size: 20px;
    line-height: 22px;
  }

  .D4kuilQ88OKYrAYREaza {
    width: 100%;
    height: 262px;
    padding-right: 0;
    object-fit: contain;
  }
  .WKHOIB5jC9tEOpaCrSdL {
    margin-top: 0;
    margin-bottom: 0;
  }
  .f0h80N4ZrxXsRy21n9Fn {
    padding-top: 32px;
  }
  .IITKdRWfqlo1teBcwnsO {
    padding: 16px 0;
  }
  .wJCJRCwXiIGaziAXCdxA {
    font-size: 20px;
    line-height: 22px;
    padding-right: 0;
  }
  .HheQ2qTv2wGq6W0sJfA6 {
    font-size: 20px;
    line-height: 22px;
  }
  .ENbJnXAILS7jsglXjkV3,
  .thiMoWKsSgpnOW2_Cc70 {
    max-width: unset;
    width: 100%;
  }
  .slrwu_1qoJzAWFWTXvuk,
  .TrEPLDg5_MVyrJ017XHe,
  .p_EL2Jgw4Axc44HcOjBx {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
}

.EdM05SopLsq3HB6dNWes {
  gap: 8px;
  display: flex;
  padding: 12px 80px;
  background: #ffff;
  align-items: flex-start;
  flex-direction: row;
}
.WNZm7E3IPhLawXvI2W0g {
  padding: 60px;
}
.pltuvB3oBnMp0KCL7Ggl {
  border: 1px solid #73c23a !important;
  border-radius: 52px !important;
  color: #73c23a !important;
  width: 139px !important;
  text-align: center;
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  margin-right: 16px !important;
  text-transform: none !important;
  height: 40px !important;
}

.nz7nhmfNrthFqkSwnU9w {
  background-color: #73c23a !important;
  border-radius: 52px !important;
  padding: 20px;
  width: 139px !important;
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px;
  text-align: center;
  height: 40px !important;
  color: #ffffff !important;
  text-align: center;
  text-transform: none !important;
}
.p9DUMVfUHsrI9UZ17e_F {
  text-align: center;
  font-weight: 700;
  color: #1e3d35;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 24px;
}
.uOqkzleeOjeQXgX5HFuw input {
  cursor: pointer;
}
.uOqkzleeOjeQXgX5HFuw p {
  color: rgb(211, 47, 47) !important;
}

@media (max-width: 767px) {
  .EdM05SopLsq3HB6dNWes {
    background-color: rgb(238, 248, 232);
    padding: 12px 50px;
    gap: 14px;
  }
  .WNZm7E3IPhLawXvI2W0g {
    padding: 0px;
  }
  .p9DUMVfUHsrI9UZ17e_F {
    font-size: 28px;
    line-height: 28px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
}

.V3k4bqAWMI5kd1K4CE0M {
  padding: 24px;
}

.j30PgS1u2Keu0PqUgnIl {
  margin: 0 -80px;
}
.TW34yZqzQnDbNGbuR_fb {
  gap: 8px;
  display: flex;
  padding: 16px 0px;
  background: #ffff;
  align-items: center;
  flex-direction: row;
}
.Hj8b0_CgTe4bC0j7kn9w {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  cursor: pointer;
}
.m3KjAcMVqb5Zp4xqqtpk {
  width: 100%;
  padding: 56px 56.5px;
  box-sizing: border-box;
  background-color: white;
}
.bFBwBqaYK6yg63hGNyoL {
  padding: 60px;
}
.gUO22EXB1JU0IL7A4hly {
  text-align: center;
  font-weight: 700;
  color: #1e3d35;
}

@media (max-width: 767px) {
  .j30PgS1u2Keu0PqUgnIl {
    margin: 0;
  }
  .TW34yZqzQnDbNGbuR_fb {
    background-color: rgb(238, 248, 232);
    padding: 12px 16px;
    gap: 8px;
  }
  .Hj8b0_CgTe4bC0j7kn9w {
    font-size: 20px;
    line-height: 22px;
  }
  .m3KjAcMVqb5Zp4xqqtpk {
    padding: 16px;
  }
  .bFBwBqaYK6yg63hGNyoL {
    padding: 0px;
  }
}

@media (min-width: 1440px) {
  .bFBwBqaYK6yg63hGNyoL {
    padding: 60px 0px 171px 0px;
    max-width: 958px;
  }
}

.mDVMjjWu_OFAUkJ5kTxL {
  margin-top: 24px;
}

.qEoLp1Gc0JwD2l6skjC5 {
  font-family: "DB Heavent";
  font-style: "normal";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding-left: 0;
  color: #73c23a !important;
}

.mwiDeKr8D8DzJ210mNri {
  color: #9d9d9d !important;
}

.qEoLp1Gc0JwD2l6skjC5:checked {
  font-family: "DB Heavent";
  font-style: "normal" !important;
  font-weight: 700;
  font-size: 24px !important;
  line-height: 28px;
  color: #73c23a !important;
  line-height: 28px !important;
}

.G4irtVo9I9TQvSp9UJpO {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #555555;
}
.dVfuloWsLimrwMnAirke {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #555555;
}
.b_At_m5p19Wf3Dg7vlho {
  max-width: 100%;
  flex-basis: auto;
}
.xufZ25kCFHyUaP5FRILj {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #555555;
}
.YeYeCoVP4jvow2BAmL3O {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #555555;
}
.et8w34CWpzyBYxfJdqLP {
  margin-right: 8px !important;
}
.rgaxOmj1qWdgPfnBAroq {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #262626;
}
.NZATQ8tmDxAYgOH9bKww {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  margin-top: 8px;
}

.c7lErMCqy_lvL5IiZDMH {
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 20px !important;
  color: #555555;
  margin-bottom: 5px;
}
.E3J55NUvxTXdJAYZYpZh {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #7b7b7b;
}
.yMuYr62V70t_o5H8yh9Q {
  width: 38px !important;
  height: 56px;
  background: #eef8e8;
  border-radius: 8px;
  border: none !important;
  font-size: 2rem;
  color: #25584f;
  font-weight: 700;
  margin-right: 8px;
}
.BAZ5_iyWnEi4vllXJqWc {
  height: 56px;
  border-radius: 88px !important;
  width: 130px;
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  word-wrap: inherit !important;
  color: #9d9d9d !important;
  text-transform: none !important;
  border: 0.5px solid #9d9d9d !important;
}
.oz5g8KwfQcGGToocD6nB {
  color: #ffffff !important;
  background-color: #73c23a !important;
  border-radius: 88px !important;
  width: 160px;
  font-family: "DB Heavent" !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 24px !important;
  word-wrap: inherit !important;
  text-transform: none !important;
  padding: 16px;
  margin-left: -24px;
}

@media screen and (max-width: 749px) {
  .oz5g8KwfQcGGToocD6nB {
    min-width: 150px;
    width: auto;
    height: 42px;
    font-size: 24px;
  }
}

.ChFmoPIWqH08KOGvf73g {
  color: #1e3d35 !important;
  background-color: #9d9d9d !important;
}
.Cy0DKZVuOhWiBMEnqpS8 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #e32c14;
  margin: 16px 0 0 0;
}
.xhAjJQkr1h4hk42xfXrs input {
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  color: #7b7b7b !important;
  padding: 14px 16px !important;
}

.xhAjJQkr1h4hk42xfXrs {
  display: flex;
  width: 274px;
}

.wmjWtN0zT4dhXMCmdWXy {
  width: 21.8px !important;
  color: #555555 !important;
}
.YsT5th82MwuREj9d3fyO {
  margin-top: 40px;
}

.mof9x2xjoKKgxLLVZJig {
  height: 56px;
  border-radius: 88px !important;
  width: 250px;
  margin-top: 0;
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  word-wrap: inherit !important;
  color: #73c23a !important;
  text-transform: none;
  border: 0.5px solid #73c23a !important;
  text-transform: capitalize !important;
}
.nt67zwA23tduHu0kNOJv {
  color: #555555;
  font-weight: bold;
}

@media screen and (max-width: 749px) {
  .nt67zwA23tduHu0kNOJv {
    font-size: 16px;
  }
}

.BzHXMYmQ7p1ntftBBHop {
  color: #7b7b7b;
}
.ftPObN4mzJltN2jeYsEQ {
  font-size: 24px;
  color: #262626;
}
.ejXpfqtzTCGIOWgJJYgV {
  height: 28px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 43px;
  text-align: right;
  color: #7b7b7b;
  margin-left: 195px;
}

.epQ5wJ61PTvP6rGhXd2b {
  display: flex;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  /* padding: 16px 40px !important; */
  width: 238px !important;
  height: 56px !important;
  background: #73c23a !important;
  margin-top: 36px !important;
  border-radius: 80px !important;
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  text-align: center !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.l7Op_sguXvxWQXzYuh_v {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
}

._wgZQj8IHTcMbgrxqUGg {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  color: #262626;
}

.WDmOh6GDeK9xKh9E_KmO {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 28px;
  text-align: right;
  color: #262626;
}

.mof9x2xjoKKgxLLVZJig:hover {
  background-color: #73c23a !important;
  color: white !important;
}

.RfVTtbx4f3VIw_nAJaoj {
  text-align: right;
}

.HZMh4Nyt0rGg5189M3rU {
  margin-top: 16px;
}

.k1DgWKz7b5K1mYKOxM0Q {
  text-align: center !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 749px) {
}

.A0GRObP9Udw7pP0FdE8O {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: #7b7b7b;
  text-decoration: none !important;
  margin-left: 8px;
}
.Fw9Uwf5vpB0F0ErPS3fu {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  color: #7b7b7b;
}
.SxrfExobQ2qGMrUfzQLN {
  width: 322px !important;
  height: 28px !important;
  font-family: "DB Heavent" !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  color: #262626 !important;
}
.IYv8hPnKxLSmVC64bsEP {
  display: none;
}
.KIPuvaOtpb_kPzUCsdEy {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-decoration-line: underline;
  color: #73c23a;
  cursor: pointer;
  display: flex;
}

.BNNeGmqsnMsqxOvPv9M_ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-decoration-line: underline;
  color: #73c23a;
  cursor: pointer;
}

.EflXRGTIbEXoDl9BcQuN {
  color: #9d9d9d;
}

.BAZ5_iyWnEi4vllXJqWc:hover {
  border: 0.5px solid #73c23a !important;
  color: #73c23a !important;
  background-color: white !important;
}
.Z0AVDVtyMcAhUQa7ghR1 {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
}

.ExEag6vpFb2TyqOFKbw1 {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 16px 20px;
  cursor: pointer;
  margin-top: 16px;
}

.GXY1l55ix44Q2weW6dPx {
  margin-top: 16px;
  max-height: 333px;
  overflow: scroll;
}

.ExEag6vpFb2TyqOFKbw1:hover,
.mhmHOvLZLw3Da7cYHW8Z {
  background-color: #eef8e8;
  border: 1px solid #73c23a;
}

.Zb4BWm1Ox2ldrWLrdL6a {
  width: 100%;
  height: 100%;
  min-height: 80px;
  margin-right: auto;
}

.QcEPVAgyizDH5RDiE7FR {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}

.pEXiLbh7XOMjoUChWtYc {
  border-top: 1px solid #d9d9d9;
  min-width: 100%;
}

.jvFcKQRXGrR6Fb5QoJdG {
  height: 56px;
  border-radius: 88px !important;
  width: 238px;
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px;
  color: #ffffff !important;
  text-transform: none !important;
  background-color: #73c23a !important;
  padding: 16px 61px;
}
.f3TOXbp4eIiVxzfJjHmP {
  height: 56px;
  border-radius: 88px !important;
  width: 238px;
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px;
  color: #1e3d35 !important;
  text-transform: none !important;
  background-color: #9d9d9d !important;
}
.jvFcKQRXGrR6Fb5QoJdG:disabled {
  color: #1e3d35 !important;
  border: 0.5px solid #9d9d9d !important;
  background-color: #9d9d9d !important;
}
.rhpbUz_XxJKSR9bAw2U7 {
  margin: 40px 0px !important;
}

.l5AOs8u5ODatgbYUIwTg {
  color: #7b7b7b;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 400;
}

.p3N7IbtDLEBFsSQYPQ7F {
  text-align: center;
}

.Kab1sz30UOPRxrjMslCY {
  line-height: 28px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 43px;
  text-align: right;
  color: #7b7b7b;
}

.JqJXs8p4ABvbOBiKRPXM {
  font-weight: 600;
  color: #262626;
}

.WJxwyrmf3w7reHp8tPEu {
  color: #73c23a !important;
}

.CnfXf0SzUgJcHUlh85la {
  color: #e32c14 !important;
}

fieldset {
  border-width: 1px !important;
  border-color: #9d9d9d;
}

.dohiha478CL9rVNLfdb1 {
  margin-top: 20px;
}

.k8zTsts7Hgq6wExxxVJG {
  margin-top: 26px;
}

.dWDMF7KJOeCFfF5aSPH9 {
  margin: 0;
}

.ui7Cvwv91kgCVYXaRa3T {
  width: 100%;
}

.TjiDJEt9vBdUPtXpWmYV {
  min-width: 100%;
}

.gxEIqoOCENDCzbPBOxW9 {
  display: flex;
  justify-content: space-between;
}

/* Mobile size */
@media (max-width: 768px) {
  .mDVMjjWu_OFAUkJ5kTxL {
    margin-top: 0px;
  }

  .dohiha478CL9rVNLfdb1 {
    margin-top: 0px;
  }

  .k1DgWKz7b5K1mYKOxM0Q {
    display: block;
  }

  .jvFcKQRXGrR6Fb5QoJdG {
    width: 100%;
  }

  .epQ5wJ61PTvP6rGhXd2b {
    width: 100% !important;
  }

  .QOCI4bnJLzBHPXCU05pF {
    display: flex;
    justify-content: center;
    flex-direction: column !important;
    align-items: center;
  }

  .UxtN1GXTis7yU65Z5WQg {
    display: flex;
    justify-content: center;
  }
  .IYv8hPnKxLSmVC64bsEP {
    display: flex;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #73c23a;
    cursor: pointer;
  }
  .KIPuvaOtpb_kPzUCsdEy {
    display: none;
  }
  .WDmOh6GDeK9xKh9E_KmO {
    font-size: 28px;
  }
  ._wgZQj8IHTcMbgrxqUGg {
    font-size: 24px;
  }

  .Kab1sz30UOPRxrjMslCY {
    font-size: 20px;
  }

  .ejXpfqtzTCGIOWgJJYgV {
    margin-left: 0;
    font-size: 20px;
  }

  .k8zTsts7Hgq6wExxxVJG {
    margin-top: 0;
  }

  .mof9x2xjoKKgxLLVZJig {
    margin-top: 0;
  }

  .f3TOXbp4eIiVxzfJjHmP {
    min-width: 238px;
    width: 100%;
  }

  .xhAjJQkr1h4hk42xfXrs {
    width: 100%;
  }
}

.rxh5v_3QRkDbmwY67GnT {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  margin-bottom: 24px;
  gap: 24px;
  background: #f5f5f5;
  border-radius: 8px;
}

.kQrbD8ArZmXpe0oQpHPy {
  width: 100%;
}

.NqjMIir_v4AzsgT8VtFQ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
  padding-bottom: 20px;
}

@media screen and (max-width: 749px) {
  .rxh5v_3QRkDbmwY67GnT {
    padding: 16px;
  }
}

.Dx3FtPxz4YdGFtTjTqC2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #f5f5f5;
  border-radius: 8px;
}

.NV3FsKsRHmnw1xBf5XDp {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}

@media screen and (max-width: 992px) {
  .Dx3FtPxz4YdGFtTjTqC2 {
    width: 100%;
    padding: 16px;
    margin-bottom: 40px;
  }
}

.wRasdYsDTT_DpwA1WU0o {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  gap: 24px;
}
.lC94RJh3IXWUkJRDiPVr {
  width: 100%;
  display: flex;
  gap: 12px;
  background: #eef8e8;
  border-radius: 8px;
  padding: 24px;
}

._WmtDoL_5UyRbF5dlUIW {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: left;
  border-radius: 8px;
  gap: 8px;
  width: 100%;
}
._WmtDoL_5UyRbF5dlUIW:first-child {
  padding-right: 0;
}
._WmtDoL_5UyRbF5dlUIW:last-child {
  padding-left: 0;
}
.I2QGqbNojZE3xz_pfhI6 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.ytspB2tSE7fNzV6ugr9l {
  font-family: "DB Heavent";
  font-style: normal;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  flex: none;
  order: 0;
  flex-grow: 0;
}

@media screen and (max-width: 548px) {
  .ytspB2tSE7fNzV6ugr9l {
    font-size: 20px;
    line-height: 22px;
  }
}

.Ufs_SnvKBqReGr7qbPAu {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}

@media screen and (max-width: 749px) {
  .Ufs_SnvKBqReGr7qbPAu {
    gap: 16px;
    margin-bottom: 0;
  }
}

.v4VU92d0hrh8yI3KUk49 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  background: #f5f5f5;
  border-radius: 8px;
}

.E3Ist90u7cPW0b5ElZjp {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  background: #f5f5f5;
  border-radius: 8px;
}

@media screen and (max-width: 750px) {
  .E3Ist90u7cPW0b5ElZjp {
    padding: 16px;
    align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .v4VU92d0hrh8yI3KUk49 {
    width: 100%;
    padding: 16px 24px 16px 16px;
  }
}

.tHSxWpimVGGfUhMZxeW_ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  border-radius: 8px;
}

.dzEComP8aQHQCxB_Mzm0 {
  display: flex;
  gap: 24px;
}

@media screen and (max-width: 749px) {
  .dzEComP8aQHQCxB_Mzm0 {
    display: unset;
  }
}

.kFFRb1KFp2SCSsJcndVR {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0px;
  gap: 8px;
  min-width: 150px;
}

.HbhfotSp1CKGlUmlLozd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}

@media screen and (max-width: 749px) {
  .HbhfotSp1CKGlUmlLozd {
    margin-top: 16px;
    height: auto;
  }
}

.sh61CajRQ6YQYEVYTtIt {
  background: #ffffff;
  border-radius: 8px;
  height: 96px;
  width: 136px;
  object-fit: contain;
}

@media screen and (max-width: 749px) {
  .sh61CajRQ6YQYEVYTtIt {
    height: 96px;
    width: 136px;
  }
}

.UsVjUM0NvYn_1bjdOgP7 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
  margin-bottom: 8px;
}

@media screen and (max-width: 749px) {
  .UsVjUM0NvYn_1bjdOgP7 {
    width: 100%;
    margin-bottom: 0px;
  }
}

.HVdoYf39WdGyb70KrstJ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  margin-bottom: 12px;
}

@media screen and (max-width: 749px) {
  .HVdoYf39WdGyb70KrstJ {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 0px;
    width: 100%;
  }
}

._2RrqdevNNA7C_1GJzdgW {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #1e3d35;
}

@media screen and (max-width: 749px) {
  ._2RrqdevNNA7C_1GJzdgW {
    font-size: 28px;
    text-align: right;
    line-height: 1;
  }
}

.gQuNDhoG7H9EuL3by6zJ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #262626;
}
.GqVE74TUDkpuf67eYqQQ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}
.c3Tnfrsn3Nqt6WCxd9bn {
  background: #d9d9d9;
  width: 100%;
  height: 1px;
  margin: 24px 0px;
}

.dViOq3WYnYgadFASnkBo {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626 !important;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-bottom: 16px;
}

@media screen and (max-width: 749px) {
  .dViOq3WYnYgadFASnkBo {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 4px;
    text-align: center;
  }
}

.Ncrn1ogW4jTdUC6D0dMa {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #1e3d35 !important;
  margin-bottom: 0px;
}

@media screen and (max-width: 749px) {
  .Ncrn1ogW4jTdUC6D0dMa {
    text-align: center;
  }
  .iKZO4FnmXKGiRbEGeTQk {
    padding: 0 !important;
  }
}

.iKZO4FnmXKGiRbEGeTQk {
  padding: 24px 0;
  width: 100%;
}

.EmNlfXzcatF_QvjBvocD {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 24px;
}

@media screen and (max-width: 749px) {
  .EmNlfXzcatF_QvjBvocD {
    gap: 16px;
  }
}

.SF7Rxdt4lJHeQWBBV1LV {
  display: flex;
  gap: 40px;
  flex-direction: column;
  margin-bottom: 40px;
}

.HgNsKTK81Z8whx2FleZ0 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
}

@media screen and (max-width: 749px) {
  .SF7Rxdt4lJHeQWBBV1LV {
    gap: 24px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 749px) {
  .HgNsKTK81Z8whx2FleZ0 {
    font-size: 28px !important;
    line-height: 28px !important;
  }
}

.CaX3DyKvOfyFVsTWMkz0 > div > div > label:first-child {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.VpmoMzguhWbs6O0OHmDd {
  display: block;
}

@media screen and (max-width: 749px) {
  .CaX3DyKvOfyFVsTWMkz0 > div > div > label:first-child {
    font-size: 20px;
    line-height: 20px;
  }
}

.CaX3DyKvOfyFVsTWMkz0 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 749px) {
  .CaX3DyKvOfyFVsTWMkz0 {
    display: block;
  }
  .VpmoMzguhWbs6O0OHmDd {
    display: flex;
    justify-content: end;
  }
}

.rtsS1TYlDJnkfaokrafA {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.j4nWsGrKRN0qauXGJ6Md {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .rtsS1TYlDJnkfaokrafA {
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
  }
}


.DtYqiLTBXMPawji93Mc8 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.aRfxow30Q5t77eU80HxV {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.UezwdocA1demWD1a9Ivl {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 24px;
  margin-left: auto;
}
.zf9ZaoXp7fqxUP4w1s3z {
  display: flex;
  flex-direction: column;
  padding: 0px;
  gap: 24px;
  margin-left: auto;
}
.bSjv4yf8zhsbePWE2cJy {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  float: right;
  text-decoration-line: underline;
  color: #73c23a;
}
.cZYbdP8mVTgFey3ongNE {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vD9ZjbMAitJr_pH1c7N5 {
  display: flex;
  gap: 24px;
}

@media screen and (max-width: 749px) {
  .bSjv4yf8zhsbePWE2cJy {
    margin-right: 16px;
  }
  .vD9ZjbMAitJr_pH1c7N5 {
    gap: 16px;
  }
}

.EucKOLmSp8ZGgeoOFy4M {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
  gap: 40px;
  background: #f5f5f5;
  border-radius: 8px;
  cursor: pointer;
}

.wdkUXourEHTdWo3VysLY {
  white-space: nowrap;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  text-decoration-line: underline;
  color: #73c23a;
}
.dD6If5sDis_Il003H9T0 {
  margin: 0px 10px;
}
.wwc8QLs84D9KWcQYvw79 {
  display: flex;
}

@media screen and (max-width: 749px) {
  .EucKOLmSp8ZGgeoOFy4M {
    gap: 16px;
    padding: 16px;
    flex-direction: column;
  }
  .dD6If5sDis_Il003H9T0 {
    margin: 0;
    margin-right: 8px;
  }
  .wdkUXourEHTdWo3VysLY {
    width: 100%;
    font-size: 20px;
    line-height: 22px;
  }
}

.fRb7KPfr5stIF1dm9ER3 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  /* identical to box height, or 100% */

  /* Neutrals / Darkest Grey */
  padding: 16px 0px 40px;
  color: #262626;
}

@media screen and (max-width: 749px) {
  .fRb7KPfr5stIF1dm9ER3 {
    width: 130px;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 16px;
  }
}
.OQo8eE7HdLMwAVyvP_pF {
  padding-top: 40px;
}

@media screen and (max-width: 749px) {
  .OQo8eE7HdLMwAVyvP_pF {
    padding-top: 24px;
    padding-bottom: 8px;
  }
}

.Cu4X4PMW83_6rxkLL6dC {
  margin: 24px 0px;
}

.mcn1RoRjo7n2931RoAHd {
  margin-bottom: 40px;
}

.OvMUssZdEJlc2PybtEL0 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}
.bwBV2qxeVAZq8RABfauO {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
}

@media screen and (max-width: 749px) {
  .bwBV2qxeVAZq8RABfauO {
    font-size: 20px;
    color: black;
    width: 169px;
    line-height: 22px;
  }
}

.l02JPxl2LXbfYn360hf5 {
  color: #7b7b7b;
}
.kdQ2VDzJhvgWusCyVQZP {
  margin: 24px 0;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.kdQ2VDzJhvgWusCyVQZP > span {
  padding: 3px;
}
.T7xGWyGWCLEJdM7JVbiZ
  > div:first-child
  > div:first-child
  > div:first-child
  > div:first-child
  > div:first-child {
  width: 0px !important;
  background-color: red;
}
.G8B_e20tci4fuOFGWGQM {
}

.zAqfBjUYmTbhxPbk6OIp {
  padding-bottom: 42px;
}

@media screen and (max-width: 749px) {
  .G8B_e20tci4fuOFGWGQM {
    margin: 1rem 0px;
  }
  .kdQ2VDzJhvgWusCyVQZP {
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    column-gap: 8px;
  }
  .zAqfBjUYmTbhxPbk6OIp {
    padding-bottom: 24px;
  }
}

.O_Y8Je8V5VxNwNkUSLOL {
  padding-bottom: 20px;
}

.CQYPW2By06llMOKCNrxR {
  margin: auto;
  max-width: 1280px;
  width: 95%;
}

.ONJE5GzRmxqfUgqM49ou {
  display: grid;
  gap: 1.875%;
  grid-template-columns: 66% auto;
}

.fykI1M43dHyTKRL1g7PV {
  display: flex;
  flex-direction: column;
}
.mrTlgzBsvh0HizUOAxmv {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
}

.DIIXa6Py3sElHdABv4_T {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #000000;
  margin: 16px 0px 40px 0px;
}

@media screen and (max-width: 1200px) {
  .CQYPW2By06llMOKCNrxR {
    max-width: 1140px;
  }
}

@media screen and (max-width: 992px) {
  .CQYPW2By06llMOKCNrxR {
    width: auto;
    margin: 0 16px;
    max-width: 960px;
  }

  .DIIXa6Py3sElHdABv4_T {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    flex-direction: row;
    margin: 16px 0px 24px 0px;
  }

  .ONJE5GzRmxqfUgqM49ou {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .CQYPW2By06llMOKCNrxR {
    margin: 0 16px;
    max-width: 720px;
  }
}

@media screen and (max-width: 576px) {
  .CQYPW2By06llMOKCNrxR {
    margin: 0 16px;
    max-width: 540px;
  }
}

.nGzLnGieKiOvyEI3Oq_p {
  padding: 24px;
  gap: 24px;
  height: 277px;
  background: #f5f5f5;
  border-radius: 8px;
}

.btFPKSKtyf0UvWJ9peBp {
}

.H6EbnJARDqJgKtEugWf_ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #262626;
}

.yQ_SYdMR5gCJiquL60gQ {
  display: flex;
  justify-content: space-between;
}

.GjvHIpRNW8cjU8lA1QBK {
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.oOHPRDUACtCe66zAbvvF {
  display: grid;
  grid-template-columns: auto auto;
  gap: 24px;
}

@media screen and (min-width: 300px) and (max-width: 750px) {
  .oOHPRDUACtCe66zAbvvF {
    grid-template-columns: max-content;
  }
}

.l98Eb5ZIOKcuub3Xu_h7 {
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.NUXi0lFw6nhI57F_PUYZ {
  display: grid;
  grid-template-columns: 48.6% 48.6%;
  gap: 2.8%;
}

.q0XkYRjHspG34W5zjIeP {
  display: grid;
  grid-template-columns: 48.6% 48.6%;
  gap: 2.8%;
}
.XJkMsM8nfSGqw6OEzKHQ {
  display: grid;
  grid-template-columns: 48.6% 48.6%;
  gap: 2.8%;
}
@media screen and (max-width: 750px) {
  .NUXi0lFw6nhI57F_PUYZ {
    display: flex;
    flex-direction: column;
  }
  .q0XkYRjHspG34W5zjIeP {
    display: grid;
    grid-template-columns: 20px auto;
  }
  .XJkMsM8nfSGqw6OEzKHQ {
    display: grid;
    grid-template-columns: 48.6% 48.6%;
  }
}

.o48ITujCY3U2XuFZVH6A {
  display: flex;
  gap: 40px;
  flex-direction: column;
}

@media screen and (max-width: 749px) {
  .o48ITujCY3U2XuFZVH6A {
    gap: 24px;
  }
}

.xuUisXCfZjXlho1xf_H8 {
  display: grid;
  grid-template-columns: 48.6% 48.6%;
  gap: 2.8%;
}
.LMs9n5xI1vndocEGOvi5 {
  display: grid;
  grid-template-columns: auto 200px;
  justify-content: space-between;
}
.XKU8QJXeyErVMVCDqK0q {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
}

.rITJB1JmNP2QzYUHtsuW {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 24px;
  color: #262626;
}

.kIR6ozpmZ1faGK07oHMA {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: #262626;
}
.jOycrCe32WzUbTWzQbG7 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  margin-top: 16px;
  color: #262626;
  width: 725px !important;
}

@media screen and (max-width: 749px) {
  .jOycrCe32WzUbTWzQbG7 {
    font-size: 28px !important;
    line-height: 28px !important;
  }
}

.PBdZuWV4IEJSYkFLfj_q {
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.OQH18nUabZjHtQNYizI0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 305px;
  background: #f5f5f5;
  border-radius: 8px;
}

.YsRs6YbzrpHqA5RkGPG7 {
  margin: auto;
  max-width: 1280px;
  width: 95%;
}

.wsmy7z1T9hB1WPhrA4f3 {
  display: grid;
  gap: 1.875%;
  grid-template-columns: 66% auto;
}

.Pp7mXSGyQdgFJgEorCvm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.AYMpIF1_jbCM33Ad3Ofu {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
}

.IXQDRgqrha1g248x0BBM {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #000000;
  margin: 16px 0px 40px 0px;
}

@media screen and (max-width: 1200px) {
  .YsRs6YbzrpHqA5RkGPG7 {
    max-width: 1140px;
  }
}

@media screen and (max-width: 992px) {
  .YsRs6YbzrpHqA5RkGPG7 {
    width: auto;
    margin: 0 16px;
    max-width: 960px;
  }

  .IXQDRgqrha1g248x0BBM {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    flex-direction: row;
    margin: 16px 0px 24px 0px;
  }

  .wsmy7z1T9hB1WPhrA4f3 {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .YsRs6YbzrpHqA5RkGPG7 {
    margin: 0 16px;
    max-width: 720px;
  }
}

@media screen and (max-width: 576px) {
  .YsRs6YbzrpHqA5RkGPG7 {
    margin: 0 16px;
    max-width: 540px;
  }
}

.XJ8JdLsPfOPZf2QIS3nr {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  padding: 16px 0;
}
.pURfMiAgUKX0QK1x5yNx {
  margin-top: 24px;
}
.pMd20t2IqUGtn2ZTD3Sw {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
  margin-top: 10px;
}
.fTvBPiRj4IxKoO9l5uFA {
  color: #7b7b7b;
}
.xgFUFA720G2MhYmZ7WjE {
  margin: 24px;
  margin-left: -12px;
}
.h8k6XDs16B_ov6hnpN43 {
  margin: 1rem 0;
}

@media screen and (max-width: 920px) {
  .XJ8JdLsPfOPZf2QIS3nr {
    font-size: 28px;
    line-height: 28px;
    padding: 24px 0;
  }
  .pURfMiAgUKX0QK1x5yNx {
    margin-top: 0px;
  }
}

.jPflCr4ghbKe7RSSuNs1 {
  margin: auto;
  max-width: 1280px;
  width: 95%;
}

.tJ25z73Bk5Sd7QxnrPkP {
  display: grid;
  gap: 1.875%;
  grid-template-columns: 66% auto;
}

.bnFEiLmNci09p00H60AP {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.b0261agG2z68IYF9QfwR {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
  width: 100%;
}

.kJeuxMoZiyt_cTiBbAr8 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #000000;
  margin: 16px 0px 40px 0px;
}

@media screen and (max-width: 1200px) {
  .jPflCr4ghbKe7RSSuNs1 {
    max-width: 1140px;
  }
}

@media screen and (max-width: 992px) {
  .jPflCr4ghbKe7RSSuNs1 {
    width: auto;
    margin: 0 16px;
    max-width: 960px;
  }

  .kJeuxMoZiyt_cTiBbAr8 {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    flex-direction: row;
    margin: 16px 0px 24px 0px;
  }

  .tJ25z73Bk5Sd7QxnrPkP {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}

@media screen and (max-width: 768px) {
  .jPflCr4ghbKe7RSSuNs1 {
    margin: 0 16px;
    max-width: 720px;
  }
}

@media screen and (max-width: 576px) {
  .jPflCr4ghbKe7RSSuNs1 {
    margin: 0 16px;
    max-width: 540px;
  }
}

.Ipq1bK1vHZjw_tOvzAUk {
  margin: auto;
  max-width: 1280px;
  width: 95%;
}

.eZdazb2qdskv5tpsHxYQ {
  display: grid;
  gap: 1.875%;
  grid-template-columns: 66% auto;
}

.tyXGXGrtXIZUoTf6yBnH {
  display: flex;
  flex-direction: column;
}
.DxTXhHPRll89QaQrsaw8 {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
}

.wALjEppYRkflxwCfucZh {
  margin: 40px 0px;
}

.WrVGXjePSavphaOzbDlb {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #000000;
  margin: 16px 0px 40px 0px;
}

@media screen and (max-width: 1200px) {
  .Ipq1bK1vHZjw_tOvzAUk {
    max-width: 1140px;
  }
}

@media screen and (max-width: 992px) {
  .Ipq1bK1vHZjw_tOvzAUk {
    margin: 0 16px;
    max-width: 960px;
    width: auto;
  }
  .WrVGXjePSavphaOzbDlb {
    text-align: center;
    font-family: "DB Heavent";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    flex-direction: row;
    margin: 16px 0px 24px 0px;
  }

  .eZdazb2qdskv5tpsHxYQ {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .Ipq1bK1vHZjw_tOvzAUk {
    margin: 0 16px;
    max-width: 720px;
  }
}

@media screen and (max-width: 576px) {
  .Ipq1bK1vHZjw_tOvzAUk {
    margin: 0 16px;
    max-width: 540px;
  }
}

.M0hz70ZhEZUaJxR0zOMl,
.kVnNVWV7UnwjnvhRQHQ_ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
.t4VWumh3s6SkF2wnp5HD,
.sRXedQTps8gc6WsgYnNv {
  cursor: pointer;
}

.wIb2sjbKKt4Cc2TwjAoA {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  text-align: center;
  background-color: transparent;
  background-color: transparent;
  border: none;
  outline: none;
}

.wIb2sjbKKt4Cc2TwjAoA:not(:disabled):hover {
  color: #73c23a;
  text-decoration-line: underline;
}

.wIb2sjbKKt4Cc2TwjAoA:disabled {
  color: #9d9d9d !important;
  pointer-events: none;
}

.smEzWbrs_ooagNVvC4Qt {
  display: flex;
  gap: 24px;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .kVnNVWV7UnwjnvhRQHQ_ {
    display: grid;
    grid-template-areas: "div linkTxt" "dropDownIcon dropDownIcon";
  }
  .M0hz70ZhEZUaJxR0zOMl {
    display: grid;
  }
  .t4VWumh3s6SkF2wnp5HD {
    display: flex;
    justify-content: center;
  }
  .wIb2sjbKKt4Cc2TwjAoA {
    grid-area: linkTxt;
    font-size: 20px;
    line-height: 22px;
    text-align: left;
  }
  .sRXedQTps8gc6WsgYnNv {
    grid-area: dropDownIcon;
    display: flex;
    justify-content: center;
  }

  .smEzWbrs_ooagNVvC4Qt {
    flex-direction: column;
  }
}

.KwT75wLUjuWc1h3Tq02C {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 20%;
}

@media screen and (max-width: 768px) {
  .KwT75wLUjuWc1h3Tq02C {
    max-width: 100%;
  }
}

.patuXdGHKpivGho0UMJg {
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
}

.Jbt9pYP2C3qiosyEhYyb {
  font-size: 24px;
  line-height: 28px;
  color: #73c23a;
}
.N2MnyQZMyLRBTRDzXINB {
  grid-template-columns: auto;
}
.rz4f8oS695I92xKtMenW {
  grid-template-columns: auto auto;
}
.aSKJhNprd7CE3KkJlRB2 {
  grid-template-columns: auto auto auto;
}
.xa7v8oL0pcBfjOQVwSLP {
  grid-template-columns: auto auto auto auto;
}
.mtbRwaQidK0lKUwH1qf7 {
  grid-template-columns: auto auto auto auto auto;
}

.dBx3QrrmWc79kYhXphDD {
  display: flex;
  flex-wrap: wrap;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  width: 100%;
}

.dnM8B6AaektCCj0gM6Ej {
  padding-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .dBx3QrrmWc79kYhXphDD {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}

.HIiBfSNpcBUrwpf91edD {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.HQezt0ovcs2qVgBy6U1_ {
  background: #1e3d35;
}
.DQcyXh6POu5PXv1JfErJ {
  box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.2);
}
.rOJGMd2Ewa_UySuMyeJD {
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: auto max-content max-content;
  flex-direction: row;
  padding: 16px 0px;
  gap: 24px;
  height: max-content;
  background: #1e3d35;
}

.Hsz45C1we3A735N2eQNL {
  background: #25584f;
}
.a19zP0_c1e4cXp2aEYmg {
  max-width: 1280px;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 0px 40px;
  gap: 24px;
  height: max-content;
}

.lNvR_svaXzNVg9RwiwOo {
  width: 1px;
  background: #2d786c;
}
@media screen and (max-width: 1024px) {
  .rOJGMd2Ewa_UySuMyeJD {
    padding: 16px 0px;
  }
}

@media screen and (min-width: 1440px) {
  .rOJGMd2Ewa_UySuMyeJD,
  .a19zP0_c1e4cXp2aEYmg {
    max-width: 1280px;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .rOJGMd2Ewa_UySuMyeJD,
  .a19zP0_c1e4cXp2aEYmg {
    max-width: 1140px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .rOJGMd2Ewa_UySuMyeJD,
  .a19zP0_c1e4cXp2aEYmg {
    max-width: 960px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .rOJGMd2Ewa_UySuMyeJD,
  .a19zP0_c1e4cXp2aEYmg {
    max-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  .rOJGMd2Ewa_UySuMyeJD,
  .a19zP0_c1e4cXp2aEYmg {
    max-width: 540px;
    padding: 40px 16px 20px 16px;
  }
}

@media screen and (max-width: 768px) {
  .lNvR_svaXzNVg9RwiwOo {
    width: 100%;
    height: 1px;
  }
  .rOJGMd2Ewa_UySuMyeJD {
    display: flex;
    flex-direction: column;
    /* padding: 16px 0; */
    gap: 16px;
  }
  .a19zP0_c1e4cXp2aEYmg {
    /* padding: 16px 0; */
    gap: 16px;
  }
}

.rqjJqJfMtNsX3FA3nCTi {
  display: grid;
  grid-template-columns: auto max-content max-content;
  flex-direction: row;
  padding: 16px 80px;
  gap: 24px;
  height: 88px;
  background: #1e3d35;
}

._NyzGNBb8nSCf4Pv6Srj {
  display: flex;
  justify-content: space-between;
}

.o18E8_SDcRMIsc8E8Obq {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
}

.liRXr3vubZ2ppPHCpmET {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.LH1RALuY10UeYOe3DGgO {
  display: flex;
  flex-direction: column;
}
.yrqR5IUH1JvCRshQBkBA {
  text-align: right;
  display: flex;
  flex-direction: column;
}
.cB9mNO_LKajwG6lVljnK {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #ffffff;
}
.ZapuHgZqLi_MX7l78HN5 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
}
.EbxZmOAzUYBCBU2CjgDF {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #73c23a;
}
.Y3vJXqXsZc91z6Fzivf8 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  text-align: right;
  color: #73c23a;
}

@media screen and (max-width: 768px) {
  .cB9mNO_LKajwG6lVljnK {
    font-size: 24px;
    line-height: 26px;
  }

  .ZapuHgZqLi_MX7l78HN5 {
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
  }

  .EbxZmOAzUYBCBU2CjgDF {
    font-size: 20px;
    line-height: 22px;
  }

  .Y3vJXqXsZc91z6Fzivf8 {
    font-size: 24px;
    line-height: 26px;
  }
}

.greenCardMargin {
  margin: 0;
}
.container-theme {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
  background-color: #eef8e8;
}
.container-theme-fixed-position {
  position: fixed;
}
.myaccountWrapper h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
}
.myaccountWrapper {
  height: 385px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
}
/* sub navigation start */
.back-navigation {
  height: 60px;
  background: #ffffff;
}
.back-navigation h3 {
  padding: 16px 0px 16px 112px;
  color: #1e3d35;
}
.back-navigation h3 a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #1e3d35;
}
.ml-12 {
  margin-left: 12px;
}
/* end */

/* OTP Start */
.otp-titles {
  text-align: center;
}
.otp-titles h5 {
  font-size: 24px;
  color: #262626;
}
.otp-titles p {
  color: #555555;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.otp-titles span {
  color: #7b7b7b;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
}
.otp-inputs input {
  width: 100%;
  height: 72px;
  background: #eef8e8;
  border-radius: 8px;
  font-size: 55px;
  text-align: center;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.otpInput {
  /* width: 41px !important; */
  height: 56px;
  background: #eef8e8;
  border-radius: 8px;
  border: none !important;
  /* color: #000 !important; */
  margin-right: 14px;
}
.otp-inputs input {
  border: none;
}
.otp-inputs input:focus {
  border: none;
}
.resend-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.resend-wrap span {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height, or 120% */

  text-align: center;

  /* Neutrals / Dark Grey */

  color: #7b7b7b;
}
.resend-wrap a {
  color: #73c23a;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.resend-wrap a.disabled {
  color: #9d9d9d;
}
.resend-wrap span.counting {
  color: #7b7b7b !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
/* End */
.box-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef8e8;
}
.profile-box-container {
  background-color: white;
  padding: 56px;
  margin: 60px 0 131px 0px;
  max-width: 957px;
  max-height: 728px;
}
.profile-box-container.editProfile {
  max-height: 652px;
  margin: 60px 0 286px 0px;
}
.p-info {
  margin-bottom: 24px;
  display: flex;
  font-size: 40px;
}
.profile-info {
  display: block;
}
.profile-details {
  flex: 0 0 85%;
  max-width: 85%;
  padding-left: 40px;
}
.profileInfo {
  display: flex;
  gap: 24px;
}
ul.profileInfo {
  padding: 0;
}
.p-info svg {
  color: #7b7b7b;
}
.mb-20 {
  margin-bottom: 20px;
}
.mg-top {
  margin-top: 48px;
}
.profile-buttons {
  display: flex;
  padding-top: 24px;
  justify-content: flex-end;
  width: 100%;
  margin-top: 30px;
  overflow: hidden;
  border-top: 1px solid #ddd;
  flex-direction: row;
  column-gap: 24px;
}
.profileInfo {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.profile-content {
  margin-top: 5px;
}
.p-info {
  line-height: 32px;
  font-size: 32px;
  font-weight: 700;
}
.wrapcard {
  display: flex;
  flex-direction: column;
}
.profile-buttons button {
  width: 200px;
  height: 40px;
  background: #73c23a;
  border-radius: 52px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 24px;
  line-height: 24px;
  text-transform: unset !important;
  box-shadow: none;
}
.profile-btn {
  width: 200px;
  height: 40px;
  font-size: 16px !important;
  background: #73c23a !important;
  border-radius: 52px !important;
  font-size: 24px;
  line-height: 24px;
  text-transform: unset !important;
}
.outline-btn {
  border: 1px solid #73c23a !important;
  background: #ffffff !important;
  color: #73c23a !important;
}

.info span {
  font-size: 20px;
  line-height: 24px;
}
.info h5 {
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: center;
  margin: 0;
  line-break: anywhere;
}
.info h5 svg {
  margin-left: 5px;
}
.info .myaisIconWrapper {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  cursor: pointer;
}
.info .myaisIconWrapper .myAisIcon {
  min-width: 40px;
  min-height: 40px;
  background-color: #f6f6f6;
  border-radius: 10px;
}
.info .myaisIconWrapper .myAisDesc,
.info .myaisIconWrapper .myAisDesc p,
.info .myaisIconWrapper .myAisDesc h5 {
  color: var(--cms-color-darkestGrey);
  padding: 0;
}
.info .myaisIconWrapper .myAisDesc p {
  font-size: 18px;
  line-height: 20px;
}
.info .myaisIconWrapper .myAisDesc h5 {
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
}

@media (min-width: 901px) {
  .info .myaisIconWrapper .myAisDesc,
  .info .myaisIconWrapper .myAisDesc p {
    font-size: 20px;
    line-height: 24px;
  }
  .info .myaisIconWrapper .myAisDesc h5 {
    font-size: 24px;
    line-height: 28px;
  }
}
.status-p {
  width: 130px;
  height: 32px;
  background: #e0efee;
  border-radius: 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #29685d;
}
.headingStyle {
  color: #1e3d35;
  text-align: center;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
}
.buttonMargin {
  padding-top: 40px;
}
.psw-valid {
  list-style-type: none;
  padding-left: 0px;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 40px;
}
.psw-valid li {
  display: flex;
  align-items: center;
}
.psw-valid li svg {
  margin-right: 12px;
}
.add-phone-wrapper {
  display: flex;
  width: 958px;
  height: 348px;
  left: 242px;
  top: 260px;
}
.otp-success-msg {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  padding: 24px 0px;
}
.otp-success-msg h3 {
  margin-top: 14px;
  color: #3a8a1f;
  font-size: 28px;
}
.otp-success-msg span {
  margin: 24px;
  color: #7b7b7b;
  font-size: 24px;
  text-align: center;
}
.otp-success-msg .error {
  color: #e32c14;
}

@media (max-width: 900px) {
  .greenCardMargin {
    margin: 0;
  }
  .container-theme {
    background-color: white;
  }
  .profile-details {
    flex: 1;
    max-width: 100%;
    padding: 0;
  }
  .profileInfo {
    row-gap: 16px;
    flex-direction: column;
    margin-bottom: 0;
  }
  .profile-buttons {
    padding-top: 0px;
    margin-top: 16px;
  }
  .profileInfo li {
    width: 100%;
    margin-bottom: 16px;
  }
  .profile-buttons {
    flex-direction: column-reverse;
    align-items: center;
    column-gap: 0;
  }
  .profile-buttons button {
    height: 42px;
    line-height: 26px;
    width: 100%;
    margin: 16px 0 0 0;
  }
  .profile-content {
    margin-top: 24px;
  }
  .p-info {
    margin-bottom: 16px;
    line-height: 26px;
    font-size: 24px;
  }
  .mb-20 {
    margin-bottom: 0;
  }
  .resend-wrap a {
    font-size: 20px;
  }
  /* sub nav start */
  .back-navigation {
    background: #eef8e8;
  }
  .back-navigation h3 {
    padding: 16px 0px 16px 22px;
  }
  /* sub nav end */
  .profile-box-container,
  .profile-box-container.editProfile {
    background-color: white;
    padding: 16px;
    margin: 0px;
  }
  .info span {
    font-size: 18px;
    line-height: 20px;
  }
  .info h5 {
    font-size: 20px;
    line-height: 22px;
    display: flex;
    align-items: center;
    margin: 0;
  }
  .headingStyle {
    color: #1e3d35;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .buttonMargin {
    padding-top: 24px;
    padding-bottom: 40px;
  }
  .psw-valid {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
  }
  .psw-valid li {
    margin-bottom: 8px;
  }
}

/* div[data-animation] {
    opacity: 0;
} */
div[data-animation].animated {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;

    -webkit-perspective: 1000px;
    perspective: 1000px;

    -webkit-perspective-origin: calc(50% + 120px) 50%;
    perspective-origin: calc(50% + 120px) 50%; */
}
/** Keyframes */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* scale-up-bottom */
@-webkit-keyframes scale-up-bottom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes scale-up-bottom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
/* scale-up-hor-center */
@-webkit-keyframes scale-up-hor-center {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes scale-up-hor-center {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

/* scale-down-bottom */
@-webkit-keyframes scale-down-bottom {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes scale-down-bottom {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}

/* scale-down-hor-center */
@-webkit-keyframes scale-down-hor-center {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(1.5);
    transform: scaleX(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes scale-down-hor-center {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(1.5);
    transform: scaleX(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

/* scale-up-center */
@-webkit-keyframes scale-up-center {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* slide-br */
@-webkit-keyframes slide-br {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px) translateX(-100px);
    transform: translateY(-100px) translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes slide-br {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px) translateX(-100px);
    transform: translateY(-100px) translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

/* slide-bl */
@-webkit-keyframes slide-bl {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px) translateX(100px);
    transform: translateY(-100px) translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes slide-bl {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px) translateX(100px);
    transform: translateY(-100px) translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

/* slide-bck-center */
@-webkit-keyframes slide-bck-center {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px) scale(1);
    transform: translateZ(-400px) scale(1);
  }
}
@keyframes slide-bck-center {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) scale(1.5);
    transform: translateZ(0) scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px) scale(1);
    transform: translateZ(-400px) scale(1);
  }
}

/* slide-bck-bl */
@-webkit-keyframes slide-bck-bl {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateY(-200px) translateX(200px)
      scale(1.5);
    transform: translateZ(0) translateY(-200px) translateX(200px) scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px) translateY(0) translateX(0) scale(1);
    transform: translateZ(-400px) translateY(0) translateX(0) scale(1);
  }
}
@keyframes slide-bck-bl {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateY(-200px) translateX(200px)
      scale(1.5);
    transform: translateZ(0) translateY(-200px) translateX(200px) scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px) translateY(0) translateX(0) scale(1);
    transform: translateZ(-400px) translateY(0) translateX(0) scale(1);
  }
}

/* slide-bck-br */
@-webkit-keyframes slide-bck-br {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateY(-200px) translateX(-200px)
      scale(1.5);
    transform: translateZ(0) translateY(-200px) translateX(-200px) scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px) translateY(0) translateX(0) scale(1);
    transform: translateZ(-400px) translateY(0) translateX(0) scale(1);
  }
}
@keyframes slide-bck-br {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateY(-200px) translateX(-200px)
      scale(1.5);
    transform: translateZ(0) translateY(-200px) translateX(-200px) scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px) translateY(0) translateX(0) scale(1);
    transform: translateZ(-400px) translateY(0) translateX(0) scale(1);
  }
}
/* shadow-drop-center */
@-webkit-keyframes shadow-drop-center {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-center {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}
/* shadow-drop-tb */
@-webkit-keyframes shadow-drop-tb {
  0% {
    -webkit-box-shadow:
      0 0 0 0 rgba(0, 0, 0, 0),
      0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:
      0 0 0 0 rgba(0, 0, 0, 0),
      0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow:
      0 -12px 20px -12px rgba(0, 0, 0, 0.35),
      0 12px 20px -12px rgba(0, 0, 0, 0.35);
    box-shadow:
      0 -12px 20px -12px rgba(0, 0, 0, 0.35),
      0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-tb {
  0% {
    -webkit-box-shadow:
      0 0 0 0 rgba(0, 0, 0, 0),
      0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:
      0 0 0 0 rgba(0, 0, 0, 0),
      0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow:
      0 -12px 20px -12px rgba(0, 0, 0, 0.35),
      0 12px 20px -12px rgba(0, 0, 0, 0.35);
    box-shadow:
      0 -12px 20px -12px rgba(0, 0, 0, 0.35),
      0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}
/* shadow-drop-bottom */
@-webkit-keyframes shadow-drop-bottom {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35);
    box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-bottom {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35);
    box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}
/* vibrate-1 */
@-webkit-keyframes vibrate-1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

/* shake-vertical */
@-webkit-keyframes shake-vertical {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
    transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
    transform: translateY(-6.4px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes shake-vertical {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
    transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
    transform: translateY(-6.4px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* shake-bottom */
@-webkit-keyframes shake-bottom {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes shake-bottom {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}

/* shake-top */
@-webkit-keyframes shake-top {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
}
@keyframes shake-top {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
}

/* shadow-drop-center */
@-webkit-keyframes shadow-drop-center {
  0% {
    opacity: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-center {
  0% {
    opacity: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}

/* shadow-drop-tb */
@-webkit-keyframes shadow-drop-tb {
  0% {
    opacity: 0;
    -webkit-box-shadow:
      0 0 0 0 rgba(0, 0, 0, 0),
      0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:
      0 0 0 0 rgba(0, 0, 0, 0),
      0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-box-shadow:
      0 -12px 20px -12px rgba(0, 0, 0, 0.35),
      0 12px 20px -12px rgba(0, 0, 0, 0.35);
    box-shadow:
      0 -12px 20px -12px rgba(0, 0, 0, 0.35),
      0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-tb {
  0% {
    opacity: 0;
    -webkit-box-shadow:
      0 0 0 0 rgba(0, 0, 0, 0),
      0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:
      0 0 0 0 rgba(0, 0, 0, 0),
      0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-box-shadow:
      0 -12px 20px -12px rgba(0, 0, 0, 0.35),
      0 12px 20px -12px rgba(0, 0, 0, 0.35);
    box-shadow:
      0 -12px 20px -12px rgba(0, 0, 0, 0.35),
      0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}

/* scale-in-center */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* rotate-in-center */
@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
/* rotate-in-ver */
@-webkit-keyframes rotate-in-ver {
  0% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}
@keyframes rotate-in-ver {
  0% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}
/* rotate-in-2-cw */
@-webkit-keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
/* rotate-in-2-fwd-cw */
@-webkit-keyframes rotate-in-2-fwd-cw {
  0% {
    -webkit-transform: translateZ(-200px) rotate(-45deg) scale(0.7);
    transform: translateZ(-200px) rotate(-45deg) scale(0.7);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) rotate(0) scale(1);
    transform: translateZ(0) rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes rotate-in-2-fwd-cw {
  0% {
    -webkit-transform: translateZ(-200px) rotate(-45deg) scale(0.7);
    transform: translateZ(-200px) rotate(-45deg) scale(0.7);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) rotate(0) scale(1);
    transform: translateZ(0) rotate(0) scale(1);
    opacity: 1;
  }
}
/* rotate-in-2-bck-cw */
@-webkit-keyframes rotate-in-2-bck-cw {
  0% {
    -webkit-transform: translateZ(200px) rotate(-45deg) scale(0.7);
    transform: translateZ(200px) rotate(-45deg) scale(0.7);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) rotate(0) scale(1);
    transform: translateZ(0) rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes rotate-in-2-bck-cw {
  0% {
    -webkit-transform: translateZ(200px) rotate(-45deg) scale(0.7);
    transform: translateZ(200px) rotate(-45deg) scale(0.7);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) rotate(0) scale(1);
    transform: translateZ(0) rotate(0) scale(1);
    opacity: 1;
  }
}
/* swirl-in-fwd */
@-webkit-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
/* swirl-in-bck */
@-webkit-keyframes swirl-in-bck {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes swirl-in-bck {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
/* swirl-in-top-bck */
@-webkit-keyframes swirl-in-top-bck {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
  }
}
@keyframes swirl-in-top-bck {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
  }
}
/* swirl-in-br-bck */
@-webkit-keyframes swirl-in-br-bck {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes swirl-in-br-bck {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
/* slit-in-vertical */
@-webkit-keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
}
@keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
}
/* slit-in-horizontal */
@-webkit-keyframes slit-in-horizontal {
  0% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
  }
}
@keyframes slit-in-horizontal {
  0% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
  }
}
/* slide-in-top */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* slide-in-left */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/* slide-in-right */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/* slide-in-bottom */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* slide-in-bck-center */
@-webkit-keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-bck-top {
  0% {
    -webkit-transform: translateZ(700px) translateY(-300px);
    transform: translateZ(700px) translateY(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-top {
  0% {
    -webkit-transform: translateZ(700px) translateY(-300px);
    transform: translateZ(700px) translateY(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
/* slide-in-bck-left */
@-webkit-keyframes slide-in-bck-left {
  0% {
    -webkit-transform: translateZ(700px) translateX(-400px);
    transform: translateZ(700px) translateX(-400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-left {
  0% {
    -webkit-transform: translateZ(700px) translateX(-400px);
    transform: translateZ(700px) translateX(-400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
/* slide-in-bck-right */
@-webkit-keyframes slide-in-bck-right {
  0% {
    -webkit-transform: translateZ(700px) translateX(400px);
    transform: translateZ(700px) translateX(400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-right {
  0% {
    -webkit-transform: translateZ(700px) translateX(400px);
    transform: translateZ(700px) translateX(400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
/* slide-in-bck-bottom */
@-webkit-keyframes slide-in-bck-bottom {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px);
    transform: translateZ(700px) translateY(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-bottom {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px);
    transform: translateZ(700px) translateY(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
/* slide-in-elliptic-top-fwd */
@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
/* slide-in-elliptic-left-fwd */
@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
    transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
    transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}
/* slide-in-elliptic-right-fwd */
@-webkit-keyframes slide-in-elliptic-right-bck {
  0% {
    -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5);
    transform: translateX(800px) rotateY(30deg) scale(6.5);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 600px 50%;
    transform-origin: 600px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-right-bck {
  0% {
    -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5);
    transform: translateX(800px) rotateY(30deg) scale(6.5);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 600px 50%;
    transform-origin: 600px 50%;
    opacity: 1;
  }
}
/* slide-in-elliptic-bottom-fwd */
@-webkit-keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
/* roll-in-left */
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
/* roll-in-top */
@-webkit-keyframes roll-in-top {
  0% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-top {
  0% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
/* roll-in-right */
@-webkit-keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
    transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
    transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
/* roll-in-bottom */
@-webkit-keyframes roll-in-bottom {
  0% {
    -webkit-transform: translateY(800px) rotate(540deg);
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-bottom {
  0% {
    -webkit-transform: translateY(800px) rotate(540deg);
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
/* bounce-in-fwd */
@-webkit-keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
/* bounce-in-top */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
/* bounce-in-right */
@-webkit-keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
/* bounce-in-bottom */
@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
/* bounce-in-bck */
@-webkit-keyframes bounce-in-bck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-bck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
/* flip-horizontal-top */
.test {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  perspective: 1000px; /* Perspective for the 3D effect */
}

.card-object-hf {
  width: 170px;
  height: 170px;
  transform-style: preserve-3d;
  /* transform-origin: center right; */
  transition: transform 0.6s;
  /* animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; */
}
/* #card-object-hf:hover {
    transform: rotateX(180deg);
  } */
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}

.front {
  background-color: #2dccb8;
  z-index: 2;
}

.back {
  background-color: #53a3dc;
  transform: rotateX(180deg);
  z-index: 1;
}
div[keyframe="flip-vertical-fwd"] .back,
div[keyframe="flip-vertical-bck"] .back,
div[keyframe="flip-2-ver-right-fwd"] .back,
div[keyframe="flip-2-ver-left-fwd"] .back {
  transform: rotateY(180deg);
}
.text {
  color: white;
  font-family: "Arial", sans-serif;
  font-size: 20px;
}
@-webkit-keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
@keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}

/* flip-horizontal-bottom */
@-webkit-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}
@keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}
/* flip-vertical-fwd */
@-webkit-keyframes flip-vertical-fwd {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
  100% {
    -webkit-transform: translateZ(160px) rotateY(180deg);
    transform: translateZ(160px) rotateY(180deg);
  }
}
@keyframes flip-vertical-fwd {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
  100% {
    -webkit-transform: translateZ(160px) rotateY(180deg);
    transform: translateZ(160px) rotateY(180deg);
  }
}
/* flip-vertical-bck */
@-webkit-keyframes flip-vertical-bck {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
  100% {
    -webkit-transform: translateZ(-260px) rotateY(-180deg);
    transform: translateZ(-260px) rotateY(-180deg);
  }
}
@keyframes flip-vertical-bck {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
  100% {
    -webkit-transform: translateZ(-260px) rotateY(-180deg);
    transform: translateZ(-260px) rotateY(-180deg);
  }
}
/* flip-2-hor-top-fwd */
@-webkit-keyframes flip-2-hor-top-fwd {
  0% {
    -webkit-transform: translateY(0) translateZ(0) rotateX(0);
    transform: translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: translateY(-100%) translateZ(160px) rotateX(-180deg);
    transform: translateY(-100%) translateZ(160px) rotateX(-180deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes flip-2-hor-top-fwd {
  0% {
    -webkit-transform: translateY(0) translateZ(0) rotateX(0);
    transform: translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: translateY(-100%) translateZ(160px) rotateX(-180deg);
    transform: translateY(-100%) translateZ(160px) rotateX(-180deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
/* flip-2-hor-bottom-2 */
@-webkit-keyframes flip-2-hor-bottom-2 {
  0% {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: translateY(100%) rotateX(-180deg);
    transform: translateY(100%) rotateX(-180deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
}
@keyframes flip-2-hor-bottom-2 {
  0% {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: translateY(100%) rotateX(-180deg);
    transform: translateY(100%) rotateX(-180deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
}
/* flip-2-ver-right-fwd */
@-webkit-keyframes flip-2-ver-right-fwd {
  0% {
    -webkit-transform: translateX(0) translateZ(0) rotateY(0);
    transform: translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: translateX(100%) translateZ(160px) rotateY(-180deg);
    transform: translateX(100%) translateZ(160px) rotateY(-180deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
}
@keyframes flip-2-ver-right-fwd {
  0% {
    -webkit-transform: translateX(0) translateZ(0) rotateY(0);
    transform: translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: translateX(100%) translateZ(160px) rotateY(-180deg);
    transform: translateX(100%) translateZ(160px) rotateY(-180deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
}
/* flip-2-ver-left-fwd */
@-webkit-keyframes flip-2-ver-left-fwd {
  0% {
    -webkit-transform: translateX(0) translateZ(0) rotateY(0);
    transform: translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: translateX(-100%) translateZ(160px) rotateY(180deg);
    transform: translateX(-100%) translateZ(160px) rotateY(180deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
@keyframes flip-2-ver-left-fwd {
  0% {
    -webkit-transform: translateX(0) translateZ(0) rotateY(0);
    transform: translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: translateX(-100%) translateZ(160px) rotateY(180deg);
    transform: translateX(-100%) translateZ(160px) rotateY(180deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
/* flip-scale-up-hor */
@-webkit-keyframes flip-scale-up-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(2.5) rotateX(-90deg);
    transform: scale(2.5) rotateX(-90deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-180deg);
    transform: scale(1) rotateX(-180deg);
  }
}
@keyframes flip-scale-up-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(2.5) rotateX(-90deg);
    transform: scale(2.5) rotateX(-90deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-180deg);
    transform: scale(1) rotateX(-180deg);
  }
}
/* flip-scale-down-hor */
@-webkit-keyframes flip-scale-down-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.4) rotateX(90deg);
    transform: scale(0.4) rotateX(90deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(180deg);
    transform: scale(1) rotateX(180deg);
  }
}
@keyframes flip-scale-down-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.4) rotateX(90deg);
    transform: scale(0.4) rotateX(90deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(180deg);
    transform: scale(1) rotateX(180deg);
  }
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(3d3eb30384470a0a5f6d.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(253ac843d9cff70a5ac5.eot);
    src: url(253ac843d9cff70a5ac5.eot?#iefix) format('embedded-opentype'), url(f7f1e7911cd4fe275e29.woff) format('woff'), url(ad0c1b9dc2d8ec4e2fa0.ttf) format('truetype'), url(650c6c71d75bb6fca50d.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.E8Zvt_2h00ppHjnde1Ly {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 24px;
}

.tChu75tRyx9UmZUnb8im {
  background: #fff;
  color: #73c23a;
  border: none;
  border-radius: 6px;
  min-width: 24px;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  height: 24px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 749px) {
  .tChu75tRyx9UmZUnb8im,
  .AHcZpgl841LB7hPnIxbY {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
  }
  .tChu75tRyx9UmZUnb8im {
    background: none;
  }
}

.AHcZpgl841LB7hPnIxbY {
  background: none;
  color: #696969;
  border: none;
  border-radius: 6px;
  min-width: 24px;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  height: 24px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.tChu75tRyx9UmZUnb8im:hover {
  border: 1px solid #73c23a;
}

.tChu75tRyx9UmZUnb8im span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mEry8TCDKuNFwnNQ2K3B,
.rHgC4kBSg67LcWIVm1i1 {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  /* color: #34a7ff; */
  /* background-color: #fff; */
  /* font-size: 2em; */
  cursor: pointer;
}

.mEry8TCDKuNFwnNQ2K3B {
  margin-right: 7.5px;
}
.rHgC4kBSg67LcWIVm1i1 {
  margin-left: 7.5px;
}

@media screen and (max-width: 749px) {
  .mEry8TCDKuNFwnNQ2K3B,
  .rHgC4kBSg67LcWIVm1i1 {
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: none;
    cursor: pointer;
  }
}

.oibBLjTcBl0D1C68il7F,
.b_ZdkgL3p8x_NugmlpoG {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  height: 24px;
  /* color: #34a7ff; */
  background-color: none;
  /* font-size: 2em; */
  cursor: pointer;
}
.vfj96eM__5cnCz_OtVj2 > svg {
  color: #d9d9d9;
}
.mEry8TCDKuNFwnNQ2K3B:hover,
.rHgC4kBSg67LcWIVm1i1:hover {
  color: #000000;
}
.qbbJstZdDqLcqd5FkFDK {
  color: #fff;
  background-color: #73c23a;
  pointer-events: none;
  border-radius: 50%;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}

.ZxCiy5Cgq0GWDRXdzS2j {
  pointer-events: none;
  box-shadow: none;
  color: #696969;
  border-radius: 50%;
}

@media screen and (max-width: 900px) {
  .qbbJstZdDqLcqd5FkFDK,
  .tChu75tRyx9UmZUnb8im {
    font-size: 18px;
    line-height: 20px;
  }
  .tChu75tRyx9UmZUnb8im {
    font-weight: 400;
  }
  .ZxCiy5Cgq0GWDRXdzS2j {
    color: #7b7b7b;
  }
  .mEry8TCDKuNFwnNQ2K3B .rHgC4kBSg67LcWIVm1i1 {
    height: 24px;
    width: 24px;
  }
}

.O6LfzaAFb6cCCSDMfV0a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 24px;
}

.ZbRNNWyoAW_K_dEd2zyy {
  background: #fff;
  color: #7b7b7b;
  border: none;
  border-radius: 6px;
  min-width: 24px;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  height: 24px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 749px) {
  .ZbRNNWyoAW_K_dEd2zyy,
  .wDtn2pbHSkazWx970NOi {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
  }
  .ZbRNNWyoAW_K_dEd2zyy {
    background: none;
  }
}

.wDtn2pbHSkazWx970NOi {
  background: none;
  color: #696969;
  border: none;
  border-radius: 6px;
  min-width: 24px;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  height: 24px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.ZbRNNWyoAW_K_dEd2zyy:hover {
  border: 1px solid #73c23a;
}

.ZbRNNWyoAW_K_dEd2zyy span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.zXbT4g8hh8u47L2qOaOU,
.Pe6_ckDs71LEENftcoT_ {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  /* color: #34a7ff; */
  /* background-color: #fff; */
  /* font-size: 2em; */
  cursor: pointer;
}

.zXbT4g8hh8u47L2qOaOU {
  margin-right: 7.5px;
}
.Pe6_ckDs71LEENftcoT_ {
  margin-left: 7.5px;
}

@media screen and (max-width: 749px) {
  .zXbT4g8hh8u47L2qOaOU,
  .Pe6_ckDs71LEENftcoT_ {
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: none;
    cursor: pointer;
  }
}

.frlO70DJiDZbmJ61V48r,
.Kfo6fTShOIMH5cWgCcGs {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  height: 24px;
  /* color: #34a7ff; */
  background-color: none;
  /* font-size: 2em; */
  cursor: pointer;
}
.Ts4Kgov4_I5UG2f6KbcG > svg {
  color: #d9d9d9;
}
.zXbT4g8hh8u47L2qOaOU:hover,
.Pe6_ckDs71LEENftcoT_:hover {
  color: #000000;
}
.UQDfhvmLsUkkDPyxcerE {
  color: #fff;
  background-color: #73c23a;
  pointer-events: none;
  border-radius: 50%;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}

.b8FlS19Jizp67xYeQ3Fv {
  pointer-events: none;
  box-shadow: none;
  color: #696969;
  border-radius: 50%;
}

@media screen and (max-width: 900px) {
  .UQDfhvmLsUkkDPyxcerE,
  .ZbRNNWyoAW_K_dEd2zyy {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
  }
  .ZbRNNWyoAW_K_dEd2zyy {
    font-weight: 400;
  }
  .b8FlS19Jizp67xYeQ3Fv {
    color: #7b7b7b;
  }
  .zXbT4g8hh8u47L2qOaOU .Pe6_ckDs71LEENftcoT_ {
    height: 24px;
    width: 24px;
  }
}

.actionBtnWidth {
  width: -webkit-fill-available; /* For WebKit-based browsers */
  width: -moz-available; /* For Firefox */
  width: stretch; /* Use stretch as the new spec */
}

/**
 * Swiper 11.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 31, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

.JseVOGALLBj6xkW1O7vt {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 40px;
}

@media (min-width: 576px) {
  .JseVOGALLBj6xkW1O7vt {
    margin: 40px !important;
  }
}

.SKP_0zG3tk3Tf_wOiSFw {
  font-size: 28px !important;
  color: #262626 !important;
  font-weight: 700 !important;
  text-align: center;
}

.m8WIUAwTt1Q1lkg4Aowm {
  max-width: 80% !important;
  max-height: 280px;
  margin-bottom: 28px;
  object-fit: contain !important;
}

.lp6Afs1HG1BjIWJf7d2Q {
  margin-top: 16px;
  font-size: 24px !important;
  color: #262626 !important;
  text-align: center;
  font-weight: 400 !important;
}

.DJaBbUHtI8zN6BTAZwyd {
  min-width: 200px !important;
  width: auto !important;
  padding: auto 40px !important;
  margin: 24px auto !important;
}

.sjJiOWcibzdKAIIL4hrQ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  margin: auto;
  color: #262626;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.VZQ9vMd8gJwdpV6n2l8G {
  margin-top: 8px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
}
.ipzazOgKbwvvjAfotsx1 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
  display: flex;
  align-items: center;
}
.A4Uvxnqno2v6UPvr7Y6z {
  display: flex;
  width: 100%;
}
.KDfuf_4knvzDekH_ZnKf {
  margin-left: 4px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.itTk4VsdA81A87yU17DJ {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
}

.CdYLwzQ4ep20Nt48iR3h {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #73c23a;
}

.BL039c8io6KeOBgrpkC2 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #29685d;
  margin-right: 4px;
}

.VY8EL6Qqb8GZKKVanuEm {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #29685d;
}
.YZBpU7WjUwpJ7i0mZ7UU {
  padding: 16px 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #ffffff;
  border: 2px solid #d9d9d9;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  max-width: 411px;
  min-height: 140px;
  width: 100%;
}
.YZBpU7WjUwpJ7i0mZ7UU:hover {
  background: linear-gradient(#73c23a);
  cursor: pointer;
}

.hB23YdUHuPRlsNk78UhJ {
  background: linear-gradient(#eef8e8, #eef8e8) !important;
  border: 2px solid #73c23a;
  border-radius: 8px;
  width: 100%;
}

.aSmBOr76Mmr1Ka0jTWUS {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  padding: 6px 16px;
  color: #29685d;
  background: #e0efee;
  border-radius: 8px;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.BKKq1UUk0r1YZiRb2OZt {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-bottom: 0px;
  padding-left: 12px;
}
.XFG6eBoKJ6EzYFXxOO2C {
  padding: 56px 0px 56px 0px;
}
.W99NVOiWQ4pf75KC0ma0 {
  padding-left: 24px;
  display: flex;
  row-gap: 24px;
}

.Zclh_Cr5UTzVGEB9o1YG {
  padding: 0px;
  display: flex;
  width: 100%;
}

.ozdyPJMTaUYujQKR5pQP {
  cursor: pointer;
  padding: 12px;
  background: #ffffff;
  border: 2px solid #d9d9d9;
  border-radius: 8px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 411px;
  min-height: 128px;
}

.d4nUzzKbuv9KJ2ej3VyS {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
}

.ZN7vgz5eeRgPnJnFyAGd {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.y53ViYHrkM_FzSb5VJQj {
  display: inline-block;
  width: 120px;
  height: 28px;
  font-size: 24px;
  line-height: 28px;
  color: #84c0ba;
  flex-direction: column;
  margin-top: 8px;
  text-decoration: underline;
  cursor: "pointer";
}

.xU2ljEDDCcR7E2794_Xc {
  display: inline-block;
  width: 100px;
  height: 22px;
  font-size: 20px;
  line-height: 22px;
  color: #84c0ba;
  flex-direction: column;
  margin-top: 8px;
  cursor: "pointer";
}

.Q4omtIB_zjBvRH444Xoc {
  cursor: pointer;
  display: inline-block;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-decoration-line: underline;
  color: #73c23a;
  width: 35px;
  height: 28px;
  margin-left: 16px;
}

.QW3chH6G9D8W36D1QIK3 {
  cursor: pointer;
  display: inline-block;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  text-decoration-line: underline;
  color: #73c23a;
  width: 37px;
  height: 28px;
  margin-left: 2px;
}

.QImDm92pInMfG9nKLr06 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-start;
}
.xskxmjAnpxdkdmbuSBQI {
  overflow: hidden;
  padding-bottom: 16px;
}
._OU4BLTTRIk9bwtMGXUo {
  margin-left: 18px;
}
._OU4BLTTRIk9bwtMGXUo p {
  margin-left: 2px !important;
  padding-bottom: 0px !important;
}

.Uj0v1C1XEXwF3QB9BaBF {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.HYvOzdF6jpYpTZsApeY2 {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 900px) {
  .YZBpU7WjUwpJ7i0mZ7UU {
    padding: 16px 16px;
    min-width: unset;
  }
}

@media screen and (max-width: 900px) {
  .XFG6eBoKJ6EzYFXxOO2C {
    padding: 16px 0px 50px 0px;
  }
  .hB23YdUHuPRlsNk78UhJ {
    min-width: unset;
  }
}

@media screen and (max-width: 900px) {
  .sjJiOWcibzdKAIIL4hrQ {
    padding-left: 0px;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
  }
}
@media screen and (max-width: 900px) {
  .XFG6eBoKJ6EzYFXxOO2C {
    padding: 0px, 16px, 0px, 16px;
  }
}
@media screen and (max-width: 900px) {
  .FCNkWcK0ghq3QGLXXl5u {
    padding-top: 20px;
  }
}
@media screen and (max-width: 900px) {
  .itTk4VsdA81A87yU17DJ {
    margin-top: 16px;
    padding-left: 0px;
  }
  .CdYLwzQ4ep20Nt48iR3h {
    padding-left: 0px;
  }
  .ipzazOgKbwvvjAfotsx1 {
    flex: 1;
    font-size: 20px;
    line-height: 22px;
  }
}
@media screen and (max-width: 900px) {
  .W99NVOiWQ4pf75KC0ma0 {
    padding-left: 0px;
  }
}
@media screen and (max-width: 900px) {
  .VZQ9vMd8gJwdpV6n2l8G {
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
  }
}
@media screen and (max-width: 900px) {
  .QImDm92pInMfG9nKLr06 {
    padding: 8px 0px 0px 0px;
    align-items: center;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 900px) {
  .BKKq1UUk0r1YZiRb2OZt {
    font-size: 18px;
    line-height: 20px;
  }
  ._OU4BLTTRIk9bwtMGXUo {
    margin-left: 14px;
  }
  ._OU4BLTTRIk9bwtMGXUo span {
    margin-left: 4px;
  }
}
@media screen and (max-width: 900px) {
  .aSmBOr76Mmr1Ka0jTWUS {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 8px;
    height: 32px;
  }
  .VY8EL6Qqb8GZKKVanuEm {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
  }
}
@media screen and (max-width: 900px) {
  .BL039c8io6KeOBgrpkC2 {
    font-size: 14px;
    line-height: 14px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 900px) {
  .Zclh_Cr5UTzVGEB9o1YG {
    padding: 0px 0px 0px 0px;
  }
}

.NMojZDOTDdNWRmjZ6gQa {
  display: flex;
  align-items: center;
  justify-content: right;
}

.ivXDEvSB7NDwOY_I4F_v {
  background: transparent;
  color: #7b7b7b;
  border: none;
  border-radius: 6px;
  height: 24px;
  min-width: 24px;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
}
.ivXDEvSB7NDwOY_I4F_v:hover {
  border: 1px solid #73c23a;
}

.ivXDEvSB7NDwOY_I4F_v span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 20px;
}

.fVxCB0X_1zVEl_gC_8d0,
.XX5AGXWwmEPXlamuy52V {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  background-color: transparent;
  margin: 0 10px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}

.fVxCB0X_1zVEl_gC_8d0:hover,
.XX5AGXWwmEPXlamuy52V:hover {
  color: #000000;
}
._N8GaEx63aBLPOYDp6UA {
  color: #fff;
  background-color: #73c23a;
  pointer-events: none;
  border-radius: 50%;
  font-weight: 700;
}

.yUs07V3DTQVkW8qYswWv {
  pointer-events: none;
  box-shadow: none;
  color: #d9d9d9;
  border-radius: 50%;
}

@media screen and (max-width: 900px) {
  .NMojZDOTDdNWRmjZ6gQa {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ivXDEvSB7NDwOY_I4F_v {
    color: #7b7b7b;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
  }
  ._N8GaEx63aBLPOYDp6UA {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
  }
  .JBVKzRm2N2YLK4__Xq66 {
    width: 24px;
    height: 24px;
  }
}

.Sxwa1jn2XuMQTeKJxjPe {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 80px;
  margin-top: 24px;
}

.C_olJwoFWh5KNIPe0jRj {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 80px;
  margin-top: 24px;
}

.MOr3NXudNxxBdMfalgzw {
  padding: 0;
}

.ArwMVfLZFnzTOBypEUxg input {
  text-align: center;
  width: 80px;
}

.px1PJ2xvPt0NIPuy007E {
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 32px !important;
  color: #000000 !important;
  padding-bottom: 0px !important;
}

.yc1MaPdPZOXhJljkyeMs {
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 26px !important;
  color: #000000 !important;
}

.SlygfTaGOJOfKZTsMvif {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 28px !important;
  line-height: 28px;
  text-align: center;
  color: #262626 !important;
}

.SxIHys0GGIS0K2Yd3nRz {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 20px !important;
  line-height: 20px;
  text-align: center;
  color: #7b7b7b;
  height: 20px !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

#pX50dfIIFhUTvbmCixtq :focus {
  background-color: red !important;
}

.VMzkMY1V0vvmWDYwDoWv {
  color: #9d9d9d !important;
  margin-right: 20px;
  cursor: pointer;
}

.vkTtTX3fyr50nOmpEHWN {
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 20px !important;
  color: #7b7b7b !important;
}
.TPbrtv5fCeG43QqyuYEy {
  height: 5px;
}

.MTrqrSE6NxamdXXviG1W {
  margin-right: 0;
}

.jB2DuxlqMHzj1oViWIGu {
  margin-right: 10px;
}

.uJihfyUEyw3REjJfFjev {
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: flex-end;
  column-gap: 24px;
}

._0XT7t8Nz3whAWbqikJ4r {
  display: flex;
  flex-direction: row;
  width: 40px !important;
  height: 56px;
  margin: 0px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  color: "yellow" !important;
}

._Jq8pFOGmnvhustXGj0j {
  background-color: #f5f5f5;
  font-weight: 700px;
}

.d3JNS3Cs5sKgNclkJuUA {
  margin: 0px !important;
}

.mrL6OvLZtCaGfyUTleIN {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  justify-content: left;
}

._Jq8pFOGmnvhustXGj0j {
  min-width: 1440px;
  background-color: #f5f5f5;
  padding: 56px 80px;
  display: flex;
  justify-content: space-between;
  margin: 0 -80px;
  font-weight: 700px;
}

.oaHAQYkWt1K5c2HSxY1s {
  color: #73c23a !important;
  text-align: right !important;
}

.oaHAQYkWt1K5c2HSxY1s.COaG5glsCrl6L0nqVfT6 {
  background-color: "transparent";
  color: #19d5c6 !important;
}

.qCAiTTVZ6PO8iJ9wX0hp {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80px !important;
  margin: 2px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.OVivC6ylv0XXNn_wxVqK {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  gap: 10px;
  width: 30px;
  height: 46px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.Q4Nw7W2LsWFjZWmNHWRB {
  background: #73c23a;
  border-radius: 48px;
  width: 140px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  /* identical to box height, or 100% */
  margin-top: 20px;
  margin-left: 60px;
  padding: 8px 16px;
  text-align: center;

  /* Neutrals / White */

  color: #ffffff;
}

.hlDkYw0SnVszwO39QfmO {
  background-color: #f5f5f5;
  margin-top: 16px;
  margin-left: -80px;
  margin-right: -80px;
}

.vHt54VDb0fKQEpS4gi86 {
  display: flex;
  justify-content: flex-start;
}

.i_mWeSn5vToWUe6yAPb9 {
  display: flex;
  justify-content: flex-start;
}

.KdidmZWb84pc37TneNSI {
  display: block;
  width: 100%;
  border: none !important;
  border-radius: 4px !important;
  margin-top: 0px !important;
  width: inherit;
}

@media screen and (min-width: 900px) {
  .jrVlYL4EWvh6bKRuTMJk {
    margin-top: 24px;
    margin-bottom: 56px;
  }
}

.NWSNkHJ791XMIGuwbWgg {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  min-height: 96px;
}

.NWSNkHJ791XMIGuwbWgg:hover {
  background-color: #eef8e8 !important;
  cursor: pointer !important;
  border: 1px solid #73c23a;
  border-radius: 8px;
}
.cKgvfyxWMo4pfffX0XE9 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #eef8e8 !important;
  cursor: pointer !important;
  border: 2px solid #73c23a;
  border-radius: 8px;
  padding: 14px 24px;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
  min-height: 96px;
}

.k8xPPN_79PJwrqunlCS3 {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
}

.Edssoum4FpS0ew9Av1gc {
  height: 40px;
  width: 40px;
  background: #73c23a;
  border-radius: 52px;
  border: 1px solid #73c23a;
  color: white;
}

.xRq0yf5k4pHNcglrlJ3Y {
  width: 111px;
  height: 40px;
  align-self: center;
}

.tYpz7mcB0I1wa4ochToZ {
  width: 100%;
  height: 56px;
  background: #ffffff;
  border-radius: 4px;
  flex: none;
  order: 1;
  align-self: stretch;
  padding: 0 !important;
  flex-grow: 0;
  box-shadow: none !important;
  border: none !important;
  font-size: 24px !important;
  color: #7b7b7b !important;
}

.vnJA5VqUonDcrjOCqMIl {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 80px !important;
  height: 59px !important;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.QQ7MwGzyBYtwNNBSiEgo {
  display: flex;
  align-items: center;
  margin: 0px 10px 0px 2px;
}

.lzngyjRnpi10QyjWVlIc {
  padding: 56px 80px;
}

.j4QGPGDu073f5JT8gvlA {
  color: "green";
}

.bVwsIKNuxKsaZhyGi_2g {
  width: 100%;
}

.pXCzEi6QU6_pJuVyn385 {
  width: 968px;
  height: 28px;
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.rEtzBGskXBdryVbf9jtB {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.DZyEcQaADoplDfeW1RIY {
  background-color: "pink";
}

.MiSGCBpF7gLog_EPEccK {
  display: flex;
  flex-direction: row;
  margin-top: 9px;
}

.K4NWDz7rg0b497ahF389 {
  display: flex;
  flex-direction: row;
}

.om4AF8r6d8YR7G2iTzYr {
  display: flex;
  flex-direction: row;
}

.iG_ZhhPvB7HlIJ5fERrF > div > div,
.jmZmV4x0nTqxbndi4Rpg > div > div {
  margin-right: 8px !important;
  width: 40px;
}

.K4NWDz7rg0b497ahF389 > div > div {
  margin-right: 4px !important;
}

.om4AF8r6d8YR7G2iTzYr > div > div,
.BDHx9Ow1L0lHlupkrNtZ > div > div,
.K0zXEsJ2SvqhuOKrlXqD > div > div {
  margin-right: 2px;
}

.wIRRfLijBkDnkctnhA4Y {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: auto;
  color: #555555;
  margin-bottom: 4px;
  flex: none;
  order: 0;
}

.OhEP2hU9NuM0TzXFQupJ {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  margin: auto;
  color: #555555;
  margin-bottom: 8px;
  flex: none;
  order: 0;
}

.lCTHDtuLibcoCTqMZ9HD {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 10px;
  color: #555555;
}

.dXGhWwVx2CTiiGzI263k {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
  color: #7b7b7b;
  padding: 14px 16px !important;
}

.EiukeEn1RV_EdnJdoNul {
  display: "flex" !important;
  align-items: "end" !important;
  justify-content: baseline !important;
}

.AAhvrVFnDmrLjsVGC4hW {
  border: "1px solid #73C23A";
  border-radius: "52px";
  color: "#73C23A";
  text-transform: none !important;
}

.hhTZY7LdtwO07R_KAa4y {
}

#yn5i5qOl078PirWLInXU {
  border: 1px solid #73c23a;
  border-radius: 52px;
  color: #73c23a;
  min-width: 139px;
  text-align: center;
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  text-transform: none;
  height: 40px;
  float: right;
}

#dgkauTn8IjJnfTyeL6fx {
  background-color: #73c23a !important;
  border-radius: 52px !important;
  min-width: 139px;
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  height: 40px;
  color: #ffffff !important;
  text-align: center;
  text-transform: none !important;
  float: right;
  padding: 8px 42px;
}
.Q6m1qPQYq9W5PiVNjfF1 {
  margin-top: 0;
  margin-right: 0;
  width: 33%;
}
.aKmkegek0VNT6BbyxIZe {
  margin-left: -135px !important;
}
.FqBvehJdKNr6kgRvnNxp {
  color: #555555;
  font-size: 1rem !important;
}
.jwqHizPiiNsOmzxcGtUA,
.GaS2dTDiFZd3gA9eK_76 {
  margin-top: 0;
}

.jelBDUELo03txNm3tUkf {
  /* margin-top: 56px; */
}
.x7PkaYDfKIdvK4fsVvGJ {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  background: #ffffff;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  row-gap: 8px;
}
.fTN5BpuOm8PkEIGID22m {
  padding: 56px 0px;
}

.t7FdKWwJjFPfl9nIw9d7,
.DrLHKB04BPU4FZnU0iAp {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 72px;
  background-color: #f5f5f5;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  margin-left: -80px;
  margin-right: -80px;
  padding: 0px 80px 56px 80px;
}

.DrLHKB04BPU4FZnU0iAp {
  margin-top: 40px;
  color: #7b7b7b;
  background-color: white;
}

/* tab */
@media (max-width: 959px) {
  .MOr3NXudNxxBdMfalgzw {
    padding: 0 16px;
  }
  .hlDkYw0SnVszwO39QfmO {
    margin-left: -16px;
    margin-right: -16px;
  }
  ._Jq8pFOGmnvhustXGj0j {
    background-color: #f5f5f5;
    padding: 16px;
    display: flex;
  }
  .MOr3NXudNxxBdMfalgzw {
    padding: 0 16px;
  }
  .QQ7MwGzyBYtwNNBSiEgo {
    margin: 0;
  }
  .Sxwa1jn2XuMQTeKJxjPe {
    padding-left: 16px;
    margin-bottom: 0 !important;
  }
  .qCAiTTVZ6PO8iJ9wX0hp {
    max-width: 57px !important;
  }
  .jrVlYL4EWvh6bKRuTMJk {
    padding: 0px 16px;
  }
  .uJihfyUEyw3REjJfFjev {
    display: flex;
    align-items: center;
    margin-top: 30px !important;
    justify-content: center;
  }
  .K4NWDz7rg0b497ahF389 {
    display: flex;
    flex-direction: row;
  }
  .wIRRfLijBkDnkctnhA4Y {
    margin-top: 20px;
  }
  .lzngyjRnpi10QyjWVlIc {
    padding-left: 16px;
    padding-right: 16px;
  }
  .Q6m1qPQYq9W5PiVNjfF1 {
    margin-top: 16px;
  }
  .Q6m1qPQYq9W5PiVNjfF1 {
    margin-top: 32px;
  }
  .AAhvrVFnDmrLjsVGC4hW {
    border: "1px solid #73C23A";
    border-radius: "52px";
    color: "#73C23A";
    width: "3vw";
    height: 42px !important;
  }
  #yn5i5qOl078PirWLInXU {
    border: 1px solid #73c23a;
    border-radius: 52px;
    color: #73c23a;
    width: 159px !important;
    height: 42px !important;
  }
  ._0XT7t8Nz3whAWbqikJ4r {
    margin: 0px;
    width: 1px;
  }
  .OhEP2hU9NuM0TzXFQupJ {
    margin-bottom: 8px;
  }
  .ArwMVfLZFnzTOBypEUxg input {
    width: 57px;
  }
}

/* mobile */
@media (max-width: 600px) {
  ._Jq8pFOGmnvhustXGj0j {
    background-color: #f5f5f5;
  }
  .lzngyjRnpi10QyjWVlIc {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
  }
  .jrVlYL4EWvh6bKRuTMJk {
    padding: 0px 16px;
    padding-bottom: 26px !important;
  }
  .i_mWeSn5vToWUe6yAPb9 {
    padding: 0px;
  }
  ._0XT7t8Nz3whAWbqikJ4r {
    padding: 9px;
    margin: 0px;
    width: 1px;
  }
  .Sxwa1jn2XuMQTeKJxjPe {
    margin-left: 0px !important;
  }
  .qCAiTTVZ6PO8iJ9wX0hp {
    width: 57px !important;
  }
  .QQ7MwGzyBYtwNNBSiEgo {
    margin: 0;
  }
  .K4NWDz7rg0b497ahF389 {
    display: flex;
    flex-direction: row;
  }
  .EiukeEn1RV_EdnJdoNul {
    display: "flex";
    align-items: "center";
  }
  .uJihfyUEyw3REjJfFjev {
    display: flex;
    align-items: center;
    margin-top: 0px !important;
    margin-left: 0% !important;
  }
  .AAhvrVFnDmrLjsVGC4hW {
    border: "1px solid #73C23A";
    border-radius: "52px";
    color: "#73C23A";
    width: "3vw";
  }
  .Q6m1qPQYq9W5PiVNjfF1 {
    margin-top: 16px;
  }
  .hhTZY7LdtwO07R_KAa4y {
  }
  .aKmkegek0VNT6BbyxIZe {
    margin-left: 0px !important;
    margin-top: 4px !important;
  }
  .tYpz7mcB0I1wa4ochToZ {
    height: 52px !important;
    margin-bottom: 16px;
  }
  .jwqHizPiiNsOmzxcGtUA {
    margin-top: 32px;
  }
  .GaS2dTDiFZd3gA9eK_76 {
    margin-top: 16px;
  }
  #yn5i5qOl078PirWLInXU {
    border: 1px solid #73c23a;
    border-radius: 52px;
    color: #73c23a;
    float: left !important;
  }

  #dgkauTn8IjJnfTyeL6fx {
    width: 159px !important;
    height: 42px !important;
  }
  .t7FdKWwJjFPfl9nIw9d7,
  .DrLHKB04BPU4FZnU0iAp {
    margin: 0px;
    padding: 20px 0px 40px;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }
  .DrLHKB04BPU4FZnU0iAp strong {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
  }
  .SxIHys0GGIS0K2Yd3nRz {
    font-size: 16px !important;
    height: 20px;
  }
  .SlygfTaGOJOfKZTsMvif {
    font-size: 22px !important;
  }
  .v4_LOcFhob2x4Zdwt01q {
    margin-bottom: 8px;
  }
}

@media (max-width: 376px) {
  ._Jq8pFOGmnvhustXGj0j {
    background-color: #f5f5f5;
  }
  .vHt54VDb0fKQEpS4gi86 {
    display: flex;
    justify-content: flex-start;
  }
  .jrVlYL4EWvh6bKRuTMJk {
    padding: 26px 0px 26px 0px !important;
  }
  ._0XT7t8Nz3whAWbqikJ4r {
    margin: 0px;
    width: 1px;
  }
  .Sxwa1jn2XuMQTeKJxjPe {
    margin-left: 0 !important;
  }
  .qCAiTTVZ6PO8iJ9wX0hp {
    width: 57px !important;
  }
  .QQ7MwGzyBYtwNNBSiEgo {
    margin: 0;
  }
  .K4NWDz7rg0b497ahF389 {
    display: flex;
    flex-direction: column;
  }
  .wIRRfLijBkDnkctnhA4Y {
    margin-top: 20px;
  }
  .lzngyjRnpi10QyjWVlIc {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
  }
  .cKgvfyxWMo4pfffX0XE9 {
    padding: 16px;
  }
}

@media (max-width: 1135px) {
  .jwqHizPiiNsOmzxcGtUA {
    margin-top: 32px;
  }
  .GaS2dTDiFZd3gA9eK_76 {
    margin-top: 16px;
  }
}

@media screen and (max-width: 899px) {
  .NWSNkHJ791XMIGuwbWgg {
    padding: 16px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1280px) {
  .NWSNkHJ791XMIGuwbWgg {
    padding: 14px 18px;
  }
}

.wrapper-recommended {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  width: 100%;
  height: auto;
  background: #f5f5f5;
  border-radius: 8px;
}
.left-box {
  width: 30%;
}
.right-box {
  width: 70%;
}
.postpaid-plan {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
}
.plan-name {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  margin-top: 8px;
}
.price-card {
  margin-top: 24px;
}
.plan-details {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  margin-left: 15px;
  text-align: left;
}
.additional-services {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
}
.each-service {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  height: auto;
  margin: 10px;
}
.title-and-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
}
.service-icon {
  margin-top: 10px;
}
.title {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: left;
}
.description {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  align-items: flex-start;
  text-align: left;
  padding-bottom: 0;
}

@media screen and (max-width: 798px) {
  .wrapper {
    flex-direction: column;
    width: 100%;
    padding: 15px;
    gap: 10px;
    height: auto;
    padding: 15px;
  }
  .left-box {
    width: 100%;
  }
  .right-box {
    width: 100%;
  }
  .postpaid-plan {
    font-size: 18px;
    line-height: 20px;
    margin-top: 5px;
  }
  .plan-name {
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
  }
  .plan-details {
    margin-left: 0px;
  }
  .each-service {
    gap: 10px;
    margin-top: 20px;
  }
  .service-icon {
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: 40px;
  }
  .title {
    font-size: 20px;
    line-height: 22px;
  }
  .description {
    font-size: 18px;
    line-height: 20px;
  }
}

.msUhk3ZWZbB95nWlVHb1 {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 80px;
  margin-top: 24px;
}

.w3sxrv0CzN7aUyFLWEO2 {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 80px;
  margin-top: 24px;
}

.Lf9mb9TVTVNN8k0lYEfe {
  padding: 0;
}

.Kob0cTcLlvo1SHraj23o input {
  text-align: center;
  width: 80px;
}

.VJCT3o2KQCc54OAhJ6eA {
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 32px !important;
  color: #000000 !important;
  padding-bottom: 0px !important;
}

.AVJnuGQGcYDxm45KKVsl {
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 26px !important;
  color: #000000 !important;
}

.gdBkLhPtnoye0cJXCSGi {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 28px !important;
  line-height: 28px;
  text-align: center;
  color: #262626 !important;
}

.CoUSayGo8emeCLO2VFGQ {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 20px !important;
  line-height: 20px;
  text-align: center;
  color: #7b7b7b;
  height: 20px !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

#WKlG4psGDqOJaVtZej1j :focus {
  background-color: red !important;
}

.IfOPRN99zk1_rTKA4o5u {
  color: #9d9d9d !important;
  margin-right: 20px;
  cursor: pointer;
}

.EZdoQOthXF0boTSHYXZw {
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 20px !important;
  color: #7b7b7b !important;
}
.wXQlJwHxUAY1imzJ_zEp {
  height: 5px;
}

.j_dcCzDrjW1fIep9XBhe {
  margin-right: 0;
}

.wmOYQEKlA5kXhNdj76at {
  margin-right: 10px;
}

.Dxa0U6jh7hkOJ9c4MzNg {
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: flex-end;
  column-gap: 24px;
}

.Z_bFC8aBH0IkF65pWwsH {
  display: flex;
  flex-direction: row;
  margin: 0px;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  flex: none;
  order: 0;
  flex-grow: 0;
  color: "yellow" !important;
}

.lCuQz6xFNHAh9c0PZO_2 {
  background-color: #f5f5f5;
  font-weight: 700px;
}

.jhfDcvafAf1DSYVbLkzD {
  margin: 0px !important;
}

.aialaMt0fTa0YYC36XE8 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  justify-content: left;
}

.lCuQz6xFNHAh9c0PZO_2 {
  min-width: 1440px;
  background-color: #f5f5f5;
  padding: 56px 80px;
  display: flex;
  justify-content: space-between;
  margin: 0 -80px;
  font-weight: 700px;
}

.XX8tH9DlBg6VzmLZhTHm {
  color: #73c23a !important;
  text-align: right !important;
}

.XX8tH9DlBg6VzmLZhTHm.jgmu1AQ4Av_LlFPwHJV_ {
  background-color: "transparent";
  color: #19d5c6 !important;
}

.fQcEZmHIj3xjP5BWx3BL {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.JfOZE67ZDdkNa5RokpCE {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  gap: 10px;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.MQhZEQAtqitZjGeCtwil {
  background: #73c23a;
  border-radius: 48px;
  width: 140px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  /* identical to box height, or 100% */
  margin-top: 20px;
  margin-left: 60px;
  padding: 8px 16px;
  text-align: center;

  /* Neutrals / White */

  color: #ffffff;
}

.gkaxEY0K6iEpyY74TSFi {
  background-color: #f5f5f5;
  margin-top: 16px;
  margin-left: -80px;
  margin-right: -80px;
}

.v97jzXvm8UOgKVaNYn6O {
  display: flex;
  justify-content: flex-start;
}

.VTeecM2pGw49igtk8ZbA {
  display: flex;
  justify-content: flex-start;
}

.eDQDZjNXDgQBb5xzK70C {
  display: block;
  width: 100%;
  border: none !important;
  border-radius: 4px !important;
  margin-top: 0px !important;
  width: inherit;
  background-color: #ffffff;
}

@media screen and (min-width: 900px) {
  .Q8_POcnMtc85S3AjdPuP {
    margin-top: 24px;
    /* margin-bottom: 30px; */
  }
}

.RxMq2cgMT9SbbPsv4T1w {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  min-height: 96px;
}

.RxMq2cgMT9SbbPsv4T1w:hover {
  background-color: #eef8e8 !important;
  cursor: pointer !important;
  border: 1px solid #73c23a;
  border-radius: 8px;
}
.JatU6vRddRlyK4aaG3Jg {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #eef8e8 !important;
  cursor: pointer !important;
  border: 2px solid #73c23a;
  border-radius: 8px;
  padding: 14px 24px;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
  min-height: 96px;
}

.zUVLllw6xpiplZ5XSJpQ {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
}

.zFB4DEZnZLIhWppsVu36 {
  height: 40px;
  width: 40px;
  background: #73c23a;
  border-radius: 52px;
  border: 1px solid #73c23a;
  color: white;
}

.hxZBK5H3lnNP5e9gQUMr {
  width: 111px;
  height: 40px;
  align-self: center;
}

.EMffUVXNV06UWc_w_4L0 {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  flex: none;
  order: 1;
  align-self: stretch;
  padding: 0 !important;
  flex-grow: 0;
  box-shadow: none !important;
  border: none !important;
  font-size: 24px !important;
  color: #7b7b7b !important;
}

.fgCm6zXjXWi9RCnbs3m1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.mpOS4tyczGf2kX0N9ahk {
  flex: 0;
  display: flex;
  align-items: center;
  /* margin: 0px 10px 0px 2px; */
}

.uvJGZurVZNKkX0Gpw2ob {
  padding: 56px 80px;
}

.v_fZ1xQd2BBTExOHuRf2 {
  color: "green";
}

.Yiof1ec5KJDMU6xVw8Tw {
  width: 100%;
}

.TpJU0Qf6WITiSoo6W7bL {
  width: 968px;
  height: 28px;
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.j7YsCc2qxBJRINhdE6Ca {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.SrIav1UUQtbDdBgrWYBt {
  background-color: "pink";
}

.TDW8iIFSYWxxqRf0vjAF {
  display: flex;
  flex-direction: row;
  margin-top: 9px;
}

.vRbKrdeCExQtOd2RHEiB,
.Ts8gyHEL7FzRCpbgozpx,
.BeZNuH3u7PPtqqCATGTP,
.zoHHe404cnzOkwW2S7ZB,
.VX9yUuLbT5qCP6CmQC9s,
.fUWc_P5mtD5PS23hmygJ {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  height: 45px;
  /* min-width: 35px; */
}

.VX9yUuLbT5qCP6CmQC9s {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  height: 45px;
}

.zoHHe404cnzOkwW2S7ZB > div > div,
.Ts8gyHEL7FzRCpbgozpx > div > div {
  /* margin-right: 8px !important; */
  /* width: 40px; */
}

.fUWc_P5mtD5PS23hmygJ > div > div {
  /* margin-right: 4px !important; */
}

.VX9yUuLbT5qCP6CmQC9s > div > div,
.BeZNuH3u7PPtqqCATGTP > div > div,
.vRbKrdeCExQtOd2RHEiB > div > div {
  /* margin-right: 2px; */
}

.hlg8DMXceCoTHAryzmyB {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: auto;
  color: #555555;
  margin-bottom: 4px;
  flex: none;
  order: 0;
}

.Gy435XbMYghr4POBedpe {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  margin: auto;
  color: #555555;
  flex: none;
  order: 0;
}

.Rx5CeGkNXdjRxT4flhvP {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 10px;
  color: #555555;
}

.AGPDJNK3sScZ1f6C_b49 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
  color: #7b7b7b;
  padding: 14px 16px !important;
}

.Iy7XS_W6dkIchIxjrf0s {
  display: "flex" !important;
  align-items: "end" !important;
  justify-content: baseline !important;
}

.UN6I9FeMLOaBpOqUzWwW {
  border: "1px solid #73C23A";
  border-radius: "52px";
  color: "#73C23A";
  text-transform: none !important;
}

.eTA1mxW5yhbuJrtrq9YL {
}

#BgmA6G2IS1sN1CpN7Llh {
  border: 1px solid #73c23a;
  border-radius: 52px;
  color: #73c23a;
  min-width: 129px;
  text-align: center;
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  text-transform: none;
  height: 40px;
  float: right;
}

#TYOQ3KMM5ikvcwLQQKfD {
  border: 1px solid #73c23a;
  background-color: #73c23a !important;
  border-radius: 52px !important;
  min-width: 129px;
  font-family: "DB Heavent" !important;
  font-style: normal !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  height: 40px;
  color: #ffffff !important;
  text-align: center;
  text-transform: none !important;
  float: right;
  padding: 8px 16px;
}
.w0YvwqpIRLvZs76DZvZ8 {
  margin-top: 0;
  margin-right: 0;
  width: 33%;
}
.FVskLUtSgX3wD5Zk43m1 {
  margin-left: -135px !important;
}
.F1cIPWbri3f3tx1I3Aqj {
  color: #555555;
  font-size: 0.5rem !important;
}
.kJU9JXwh8Y1Wx9U_5Qga,
.RrUD7AAxYA1iDrfBPIa9 {
  margin-top: 0;
}

#atXasd1ZSrK353UeJ7r4 {
  color: White !important;
  background-color: #73c23a !important;
  border-radius: 40px !important;
  min-width: 129px;
  height: 40px;
  font-size: 20px !important;
  font-weight: 700 !important;
  padding: 8px 16px;
}
.cDQhfyB_BVeXkZcsTveQ {
  /* margin-top: 56px; */
}
.Vjg2wkph_khY6_9qdfxj {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  background: #ffffff;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  row-gap: 8px;
}
.xTz8ipkAM0Lo_QbuK7Fp {
  padding: 56px 0px;
}

.V2iNnSJcOodWxVfDUIco {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  padding-top: 40px;
  gap: 16px;
  flex-direction: column;
}

/* tab */
@media (max-width: 959px) {
  .Lf9mb9TVTVNN8k0lYEfe {
    /* padding: 0 16px; */
    padding: 0;
  }
  .gkaxEY0K6iEpyY74TSFi {
    margin-left: -16px;
    margin-right: -16px;
  }
  .lCuQz6xFNHAh9c0PZO_2 {
    background-color: #f5f5f5;
    padding: 16px;
    display: flex;
  }
  .Lf9mb9TVTVNN8k0lYEfe {
    /* padding: 0 16px; */
    padding: 0;
  }
  .mpOS4tyczGf2kX0N9ahk {
    margin: 0;
    flex: 0;
  }
  .msUhk3ZWZbB95nWlVHb1 {
    padding-left: 16px;
    margin-bottom: 0 !important;
  }
  .fQcEZmHIj3xjP5BWx3BL {
    max-width: 57px !important;
  }
  .Q8_POcnMtc85S3AjdPuP {
    /* padding: 0px 16px; */
    /* padding-bottom: 26px !important; */
  }
  .Dxa0U6jh7hkOJ9c4MzNg {
    display: flex;
    align-items: center;
    /* margin-top: 30px !important; */
    justify-content: center;
  }
  .fUWc_P5mtD5PS23hmygJ {
    display: flex;
    flex-direction: row;
  }
  .hlg8DMXceCoTHAryzmyB {
    /* margin-top: 20px; */
  }
  .uvJGZurVZNKkX0Gpw2ob {
    padding-left: 16px;
    padding-right: 16px;
  }
  .w0YvwqpIRLvZs76DZvZ8 {
    margin-top: 16px;
  }
  .w0YvwqpIRLvZs76DZvZ8 {
    margin-top: 32px;
  }
  .UN6I9FeMLOaBpOqUzWwW {
    border: "1px solid #73C23A";
    border-radius: "52px";
    color: "#73C23A";
    width: "3vw";
    height: 42px !important;
  }
  #BgmA6G2IS1sN1CpN7Llh {
    border: 1px solid #73c23a;
    border-radius: 52px;
    color: #73c23a;
    width: unset !important;
    height: 42px !important;
  }
  .Z_bFC8aBH0IkF65pWwsH {
    margin: 0px;
    width: 1px;
  }
}

/* mobile */
@media (max-width: 992px) {
  .lCuQz6xFNHAh9c0PZO_2 {
    background-color: #f5f5f5;
  }
  .uvJGZurVZNKkX0Gpw2ob {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
  }
  .VTeecM2pGw49igtk8ZbA {
    padding: 0px;
  }
  .Z_bFC8aBH0IkF65pWwsH {
    padding: 9px;
    margin: 0px;
    width: 1px;
  }
  .msUhk3ZWZbB95nWlVHb1 {
    margin-left: 0px !important;
  }
  .fQcEZmHIj3xjP5BWx3BL {
    width: 57px !important;
  }
  .mpOS4tyczGf2kX0N9ahk {
    margin: 0;
  }
  .fUWc_P5mtD5PS23hmygJ {
    display: flex;
    flex-direction: row;
  }
  .Iy7XS_W6dkIchIxjrf0s {
    display: "flex";
    align-items: "center";
  }
  .Dxa0U6jh7hkOJ9c4MzNg {
    display: flex;
    align-items: center;
    margin-top: 0px !important;
    margin-left: 0% !important;
  }
  .UN6I9FeMLOaBpOqUzWwW {
    border: "1px solid #73C23A";
    border-radius: "52px";
    color: "#73C23A";
    width: "3vw";
  }
  .w0YvwqpIRLvZs76DZvZ8 {
    margin-top: 16px;
  }
  .FVskLUtSgX3wD5Zk43m1 {
    margin: 0px !important;
  }
  .EMffUVXNV06UWc_w_4L0 {
    height: 52px !important;
    margin-bottom: 16px;
  }
  .kJU9JXwh8Y1Wx9U_5Qga {
    margin-top: 32px;
  }
  .RrUD7AAxYA1iDrfBPIa9 {
    margin-top: 16px;
  }
  #BgmA6G2IS1sN1CpN7Llh {
    border: 1px solid #73c23a;
    border-radius: 52px;
    color: #73c23a;
    float: left !important;
  }

  #TYOQ3KMM5ikvcwLQQKfD {
    width: unset !important;
    height: 42px !important;
  }

  .V2iNnSJcOodWxVfDUIco {
    margin: 0px;
    padding-top: 32px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }
  .V2iNnSJcOodWxVfDUIco strong {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
  }
  .CoUSayGo8emeCLO2VFGQ {
    font-size: 16px !important;
    height: 20px;
  }
  .gdBkLhPtnoye0cJXCSGi {
    font-size: 22px !important;
  }
  .WkRlkKgACsRj1S0wVFID {
    margin-bottom: 8px;
  }
}

@media (max-width: 376px) {
  .lCuQz6xFNHAh9c0PZO_2 {
    background-color: #f5f5f5;
  }
  .v97jzXvm8UOgKVaNYn6O {
    display: flex;
    justify-content: flex-start;
  }
  .Z_bFC8aBH0IkF65pWwsH {
    margin: 0px;
    width: 1px;
  }
  .msUhk3ZWZbB95nWlVHb1 {
    margin-left: 0 !important;
  }
  .fQcEZmHIj3xjP5BWx3BL {
    width: 57px !important;
  }
  .mpOS4tyczGf2kX0N9ahk {
    margin: 0;
  }
  .fUWc_P5mtD5PS23hmygJ {
    display: flex;
    flex-direction: column;
  }
  .uvJGZurVZNKkX0Gpw2ob {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
  }
  .JatU6vRddRlyK4aaG3Jg {
    padding: 16px;
  }
}

@media (max-width: 1135px) {
  .kJU9JXwh8Y1Wx9U_5Qga {
    margin-top: 32px;
  }
  .RrUD7AAxYA1iDrfBPIa9 {
    margin-top: 16px;
  }
}

@media screen and (max-width: 899px) {
  .RxMq2cgMT9SbbPsv4T1w {
    padding: 16px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1280px) {
  .RxMq2cgMT9SbbPsv4T1w {
    padding: 14px 18px;
  }
}

@font-face{font-family:"revicons";fallback:fallback;src:url(5a9d8912eb8bb313bd17.woff) format('woff'),url(1b5424ac964bcadb9d6a.ttf) format('ttf'),url(2ed21a13a69e65532d35.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}
.ULUCcRDaJEiRXjE8nsOR ul {
  column-gap: 32px;
}
.akJxtKvrttlYcrHPxOIe {
  font-size: 56px;
  font-weight: 700;
  line-height: 56px;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 900px) {
  .akJxtKvrttlYcrHPxOIe {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
  }
}


.z7ILSs0UkeVL5lAUX2m5 {
  justify-content: space-around;
  height: 100%;
  align-items: center;
  width: fit-content;
  margin: auto;
}

.op4z8eviYfJkQI1_aoi6 {
  background-color: #25584f;
  height: 60px;
  overflow-x: hidden;
}

.Fsp7lSZ6ErEXOOpRnNaA {
  position: relative;
  top: -8px;
  color: #73c23a;
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  text-decoration: none;
}

.oHIVLJrXgSQHPwkwYVcF {
  background-color: #29685d;
}
.tiIeUvnuXEhliWcuUd4h:hover {
  color: #73c23a;
  border-bottom: 5px solid #73c23a;
}
.op4z8eviYfJkQI1_aoi6 nav {
  height: 60px;
}

.tiIeUvnuXEhliWcuUd4h {
  color: white;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-decoration: none;
}

.p6Xg2W09C0Cc_iJX06VC {
  display: flex;
  position: absolute;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  top: 16px;
  height: 44px;
  z-index: 15;
  background: #29685d;
  border-radius: 80px;
  flex-grow: 1;
  padding: 15px;
}

.ByAVytaPDWFNkn4YQNP1 {
  left: calc((100% - 1000px) / 2);
  right: calc((100% - 1000px) / 2);
}

.yklH6Cw5tm7q_K8izogf {
  left: 20px;
  right: 20px;
  top: 10px;
  height: 50px;
}

.zmmkF3sVdq_TLGyIpDH5 {
  margin-left: 16px;
  width: 24px;
  height: 24px;
}

.z7ILSs0UkeVL5lAUX2m5 ul {
  justify-content: space-around;
  list-style-type: none;
  height: 100%;
  align-items: center;
  display: flex;
  gap: 25px;
  padding-left: 6px;
}

.upR9OfSNDHtmjDoFEM7Z ul {
  list-style-type: none;
}

.z7ILSs0UkeVL5lAUX2m5 ul > a.t1yEYjjDHoZkfEbe4Xji {
  border-bottom: 5px solid #73c23a;
  font-weight: 700;
}

.DRNs3dGxGdH5tnZHcEqA {
  display: flex;
}

.DRNs3dGxGdH5tnZHcEqA > a:hover {
  font-weight: 700;
}

.DRNs3dGxGdH5tnZHcEqA a:active {
  border-bottom: 5px solid #73c23a;
}

.tiIeUvnuXEhliWcuUd4h a:active {
  border-bottom: 5px solid #73c23a;
}

.Cbyb00d3DVFjohIJA6B5 {
  width: 87%;
  background: #29685d;
  border: none;
  color: white;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.Cbyb00d3DVFjohIJA6B5:focus {
  outline: none;
}

.NHaGJ_Vr1muYimSMBBy0 {
  /* margin-left: 25px; */
}

.AV5lQjyFm3f2Uc2PjIhn {
  margin-right: 12px;
}

.P26rPd_rWqVjQYm56lN7 {
  display: none;
}

.gRzKu9rVCcEE37cjRK6J {
  background: transparent;
  color: white;
  border: none;
}

@media (min-width: 992px) {
  .ByAVytaPDWFNkn4YQNP1 {
    top: 25%;
    left: calc((100% - 660px) / 2);
    right: calc((100% - 940px) / 2);
  }
}

@media (min-width: 1200px) {
  .ByAVytaPDWFNkn4YQNP1 {
    left: calc((100% - 860px) / 2);
    right: calc((100% - 1000px) / 2);
  }
}

.mFr_p9lGnWZ5WUAx_lDj {
  display: flex;
  position: absolute;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  top: 16px;
  height: 44px;
  z-index: 15;
  background: #555555;
  border-radius: 80px;
  flex-grow: 1;
  padding: 15px;
}

.L_SGrWoYLA5BPdiOE0Pf {
  width: 87%;
  background: #555555;
  border: none;
  color: white;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.quick-link__header {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #262626;
  margin-bottom: 24px;
}

.quick-link__header-mobile {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #262626;
  padding: 16px 16px 8px 16px;
}

.image-mobile {
  height: 32px;
  width: 32px;
  min-height: auto;
}

.items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  order: 1;
  align-self: stretch;
}

.items-mobile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  row-gap: 8px;
  padding: 16px;
}

.link-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
}

.link-box-mobile {
  display: flex;
  width: 100%;
  gap: 10px;
}

.quick-link__title {
  padding-bottom: 0px;
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #73c23a;
  text-decoration-line: underline;
}

.quick-link__title-mobile {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  text-decoration-line: underline;
  color: #73c23a;
}

.desciption-text {
  height: 20px;
  margin-top: -5px;
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #7b7b7b;
  order: 1;
}

.description-text-mobile {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7b7b7b;
}

.title-and-description {
  margin-top: 12px;
}

.title-and-description-mobile {
  margin-left: 10px;
}

.title:hover {
  color: darkolivegreen;
}

.big-box {
  display: grid;
  grid-template-columns: auto 50%;
  align-items: flex-start;
  gap: 40px;
}

.big-box-mobile {
  display: grid;
  width: 100%;
  gap: 16px;
}

.box1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 473.5px;
}

.box1-mobile {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 16px;
  row-gap: 8px;
}

.box2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 473.5px;
  order: 1;
}

.box2-mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0 16px;
  width: 100%;
}

.suggested-text {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #262626;
  padding: 0 0 24px 0;
}

.suggested-text-mobile {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #262626;
  height: auto;
}

.related-text {
  height: 24px;
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #262626;
}

.related-text-mobile {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #262626;
}

.suggested-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-top: -13px;
  order: 1;
}

.suggested-items-mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
  height: auto;
}

.single-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex: none;
  align-self: stretch;
}

.search-icon {
  width: 24px;
  height: 24px;
}

.search-icon-mobile {
  width: 20px;
  height: 20px;
}

.item-text {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin-top: -8px;
  text-decoration-line: underline;
  color: #64b232;
  border: none;
  background: none;
  text-align: left;
}

.item-text-mobile {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  text-decoration-line: underline;
  color: #73c23a;
  border: none;
  background: none;
  text-align: left;
  line-break: anywhere;
}

.each-product {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  max-width: 473.5px;
  flex: none;
  align-self: stretch;
}

.each-product-mobile {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}

.related-product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  order: 1;
  flex-grow: 1;
}

.related-img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 8px;
}

.related-img-mobile {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.description-text {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #7b7b7b;
}

.description-text-mobile {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7b7b7b;
}

.related-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  min-height: 160px;
  order: 1;
  align-self: stretch;
}

.related-items-mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.item-text:hover {
  color: darkolivegreen;
}

.title-text {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-decoration-line: underline;
  color: #64b232;
}

.title-text-mobile {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  text-decoration-line: underline;
  color: #73c23a;
  padding-top: 4px;
}

.title-text:hover {
  color: darkolivegreen;
}

.divider-line {
  width: 95%;
  height: 1px;
  background: #d9d9d9;
}

.box-view {
  display: flex;
  flex-direction: column;
  padding: 30px 24px;
  gap: 24px;
  position: absolute;
  height: auto;
  left: calc((100% - 1000px) / 2);
  right: calc((100% - 1000px) / 2);
  background: #ffffff;
  box-shadow: 0px 7px 16px rgba(217, 217, 217, 0.4);
  border-radius: 8px;
  z-index: 10;
  top: 65px;
}

.box-view-searchResult {
  display: flex;
  flex-direction: column;
  padding: 30px 24px;
  gap: 24px;
  position: absolute;
  height: auto;
  left: 24%;
  right: 6%;
  background: #ffffff;
  box-shadow: 0px 7px 16px rgba(217, 217, 217, 0.4);
  border-radius: 8px;
  z-index: 10;
  top: 120px;
  max-width: 1035px;
}

.box-view-mobile {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 10;
  background: #ffffff;
  left: 0px;
  margin-top: 20px;
}

.divider-line {
  margin-top: 25px;
  width: 95%;
  height: 1px;
  background: #d9d9d9;
}

.divider-line-mobile {
  height: 1px;
  background: #d9d9d9;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 10px;
}
.not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.not-found-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
.not-found-image {
  align-items: center;
  width: 120px;
  height: 107px;
}
.not-found-text {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #7b7b7b;
  height: auto;
  margin-bottom: -5px;
}

@media (min-width: 992px) {
  .box-view {
    top: 25%;
    left: calc((100% - 660px) / 2);
    right: calc((100% - 940px) / 2);
    top: calc(25% + 44px);
  }
}

@media (min-width: 1200px) {
  .box-view {
    left: calc((100% - 860px) / 2);
    right: calc((100% - 1000px) / 2);
  }
}

.r29aQpvjfzcmCmLIz19l {
  margin: 12px 0px;
  display: block;
  width: 100%;
}

.vQgN2qlSGDWYK_DGnKcm {
  width: auto;
  /* Auto layout */
  cursor: pointer;
  align-items: center;
  padding: 8px 16px;
  align-items: center;
  justify-content: center;
  position: static;
  height: 36px;
  display: inline-flex;
  /* Neutrals / Grey */

  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 48px;
  background-color: #ffffff;

  /* Inside auto layout */

  flex: none;
  order: 0;
  flex-grow: 0;
  margin-right: 8px;
  margin-bottom: 16px;

  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  /* identical to box height, or 111% */

  text-align: center;

  /* Secondary / 900 */

  display: inline-flex;
  color: #1e3d35;
}

.ecXs313vgyCyIS8jhaYk {
  /* Primary / 50 */

  background: #eef8e8;
  /* Primary/500 */

  border: 2px solid #73c23a;
}

.formControl .MuiInputBase-root .MuiInput-underline {
  border-bottom: 0px solid rgba(0, 0, 0, 0.42) !important;
}

.indeterminateColor {
  color: #eef8e8;
}

.selectAllText {
  font-weight: 500;
}

.selectedAll {
  background-color: #ffff;
}

.selectedAll:hover {
  background-color: #ffff;
}

.selectOptions li {
  border-radius: 0;
  border-top: 1px solid #dfdada;
}

.selectOptions li:first-child {
  border-top: none;
}

.selectOptions li:last-child {
  border-radius: 0 0 4px 4px;
}

.selectOptions .MuiListItem-root {
  border-top: green;
}

.selectOptions .MuiListItem-root.Mui-selected,
.selectOptions .MuiListItem-root.Mui-selected:hover {
  background-color: white;
}

.selectOptions {
  background-color: white;
}

.selectOptions .MuiCheckbox-root {
  color: #555555;
}

.selectOptions .Mui-checked .MuiSvgIcon-fontSizeMedium {
  color: #73c23a;
}

.selectOptions .MuiListItem-button:hover {
  background-color: white;
}

.selectOptions .MuiMenu-list {
  padding: 0;
}

.selectOptions .MuiTypography-body1 {
  font-family: "DB Heavent";
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectOptions .MuiListItemIcon-root {
  min-width: auto;
}

.truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectedItem {
  background-color: white !important;
}

.selectedItem:hover {
  background-color: white !important;
}

.lAamX7NyftCW30P6YgPD,
.pMqYqDp2MeBmhPAPmgCf {
  /* Primary / 100 */
  border-radius: 24px 24px 0px 0px;
  display: grid;
  grid-template-columns: 28% auto;
  align-items: center;
  min-height: 72px;
  text-align: left;
  gap: 32px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin: 0px;
}
.lAamX7NyftCW30P6YgPD {
  background: #d6edc5;
  color: #1e3d35;
}
.pMqYqDp2MeBmhPAPmgCf {
  background: #fff2ce;
  color: #6c3d02;
}
.vQyyYZsNLAH7u0ffJZmJ {
  grid-template-columns: repeat(auto-fit, minmax(min(136.5px, 100%), 1fr)) 210px;
  font-weight: bold;
  display: grid;
  text-align: left;
  gap: 16px;
  /* padding: 12px 0 12px 40px; */
}
.S2Z7kY0hf25BcjFTjupo {
  width: 100px;
}
.eFpzfJxrrvCndV3RO2Z9 {
  margin-left: 0;
}
.ksINsQdcksovS_WHOFdw {
  display: flex;
  grid-template-columns: 136.5px 136.5px 136.5px;
  grid-gap: 16px;
  justify-content: space-around;
  /* margin: 0px 8px; */
}
.ksINsQdcksovS_WHOFdw div div {
  min-width: auto;
}
.ksINsQdcksovS_WHOFdw div {
  display: grid;
  float: left;
}

@media screen and (min-width: 750px) and (max-width: 1320px) {
}

.c2qgPOLW5pCMex_WexHO {
  margin: 24px 18px;
  display: flex;
}

.oteuCPe2FBW1d9wGXcLd {
  display: block;
  position: static;
  font-family: "DB Heavent";
  font-style: normal;
}

.BCmPJN949vWVnMZcGhK8 {
  min-width: 120px;
  height: 120px;
  background-color: #ffffff;
  margin-right: 16px;
  border-radius: 8px;
}

.Yn3SG2sR6yw6SktakmyA {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #262626;
}

.ZaDIOLPghOXU6jm2yRz0 {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #262626;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0px 0px;
  white-space: normal;
}

.oRHP_y7DxCAa5U8Vcfc0 {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #9d9d9d;
  margin-top: 16px;
}

.xzqmb_653FQwjjK9kDrb {
  top: 20px;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #555555;

  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0px 0px;
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
  .c2qgPOLW5pCMex_WexHO {
    /* margin: 24px 24px; */
    display: flex;
    gap: 16px;
  }

  .BCmPJN949vWVnMZcGhK8 {
    margin: 0px 0px;
    min-width: 87px;
    height: 87px;
    background-color: #f5f5f5;
    border-radius: 8px;
  }

  .Yn3SG2sR6yw6SktakmyA {
    line-height: 22px;
  }
  .Set9aJENLVyPGhLeZ92D {
    padding-bottom: 16px;
  }

  .ZaDIOLPghOXU6jm2yRz0 {
    font-size: 28px;
    line-height: 28px;
  }

  .oRHP_y7DxCAa5U8Vcfc0 {
    font-size: 16px;
    line-height: 16px;
    color: #7b7b7b;
    margin-top: 8px;
  }

  .xzqmb_653FQwjjK9kDrb {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #262626;
  }
  .ZaDIOLPghOXU6jm2yRz0 {
    width: 170px;
  }
  .c2qgPOLW5pCMex_WexHO {
    margin: 0px;
    display: flex;
  }
}

.qzCEX7fvWrzgIS1_yAxR {
  align-items: center;
  display: flex;
  gap: 9px;
}

.dnEjFGzz4FI3Oiu6SiNU {
  height: 40px;
  width: 40px;
  background: #73c23a;
  border-radius: 52px;
  border: 1px solid #73c23a;
  color: white;
  cursor: pointer;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 111px;
  height: 40px;
  background: #73c23a;
  border-radius: 52px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.HIEYGTGLxknWHG9NURo9 {
  width: auto;
  padding: 8px 7%;
}

.HIEYGTGLxknWHG9NURo9 svg {
  margin: 0 0 0 4px;
}

.VL8ul0MRb95Z1Me5ajr_,
.XC1APG036CviTFL8iFtW {
  display: table-cell;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  gap: 10px;
  width: 40px;
  height: 40px;
  background: #73c23a;
  border-radius: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.VL8ul0MRb95Z1Me5ajr_ {
  background: #ffffff;
  cursor: default;
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
  .HIEYGTGLxknWHG9NURo9 {
    margin-left: 0px;
  }
}

.hbjGHPEMF7GMZ8qF0vgs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(136.5px, 100%), 1fr)) 210px;
  text-align: left;
  align-items: center;
  gap: 16px;
  border-radius: 12px;
}

.vmIrc6F9LWkIzn4FfqyK {
  background-size: cover;
  border-radius: 8px;
  background-image: "url(/content/dam/ais/en/generic/images/media/RegularBackground.png)";
}

.LmMpD4OamTu7ffaXOGq_ {
  display: flex;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
}
.nvYjIrfeBCBrNzSlEJVe {
  gap: 36px;
  display: flex;
  flex-direction: column;
}
.LmMpD4OamTu7ffaXOGq_ div {
  min-width: 100px;
}

.Gww5geD8tehh2l5vHFXU {
  margin: 8px 0px;
  height: 1px;
  background-color: #d9d9d9;
  border: none;
  opacity: 1;
}
.PAxDdj5UY4Q0VvNB92WW {
  font-weight: bold;
  margin-left: 8px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #555555;
}

.kQekI3a1QMa68gMyYBWZ {
  height: 50px;
  background-color: burlywood;
  border: 0px;
  border-radius: 5px;
}

.qE555TjAxihBYJYZc93s {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
}
.qE555TjAxihBYJYZc93s div div {
  width: 100px;
}
.qE555TjAxihBYJYZc93s div {
  display: grid;
  float: left;
}

@media screen and (min-width: 0) and (max-width: 750px) {
  .hbjGHPEMF7GMZ8qF0vgs {
    display: block;
    margin: 0 -16px;
    padding: 16px 16px;
  }
}

.LOzbnB4aZzZvzcnEaT09 {
  display: grid;
  grid-template-columns: 28% auto;
  margin: 32px 0px;
  gap: 32px;
}
.LOzbnB4aZzZvzcnEaT09:last-child {
  margin-bottom: 0;
}
.rtmxEK8Zd1xjY_mLfdTE {
  background: #f5f5f5;
  border-radius: 8px;
}
.mL9SAovV7ofV9hMkgrZA {
  height: max-content;
  background: #ffffff;
  margin: auto 0;
}

.Dyqu2pDOqn_zGfRWt2S_ {
  background: #ffffff;
  color: #7b7b7b;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  padding-top: 8px;
}

.mL9SAovV7ofV9hMkgrZA div:last-child hr:last-child {
  /* display: none; */

  margin: 0px;
}

.s4Ax0J7HpM6UA7fMLrDs {
  padding: 16px 0;
}

@media screen and (min-width: 750px) and (max-width: 1320px) {
}

@media screen and (min-width: 0) and (max-width: 750px) {
  .LOzbnB4aZzZvzcnEaT09 {
    display: block;
    padding: 16px;
  }
}

.DnyzGq0OSPlQk0V1YivG {
  display: grid;
  grid-template-columns: 136.5px auto 210px;
  text-align: left;
  align-items: center;
  gap: 16px;
  padding: 16px 0px 16px;
}

.oWBokBYFCjRWGugR5fI8 {
  background-size: cover;
  border-radius: 8px;
  background-image: "url(/content/dam/ais/en/generic/images/media/mobile_special_pack_image.png)";
}

.KtmH4ObetOkYMD8Q5Z1j {
  display: flex;
  grid-gap: 10px;
  justify-content: space-around;
  margin: 8px;
}

.KtmH4ObetOkYMD8Q5Z1j div {
  min-width: 95px;
}

.pS9MD2rIDr8s6fWBO2r2 {
  margin: 8px 0px;
  height: 1px;
  background-color: #d9d9d9;
  border: none;
}

.GLuitXJUNJHrv9usByDm {
  font-weight: bold;
  padding-bottom: 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #555555;
}

.SiPJoUxFMUfJvG3juCRY {
  align-items: center;
  display: flex;
}

.WlEyR98uR0x5PC_SEhWm {
  font-weight: 500;
  font-size: 18px;
  line-height: 16px;
  color: #1e3d35;
  padding: 8px 0px;
}

.YYWF33mpF6W_2FvBCYCs {
  font-size: 16px;
  line-height: 1;
  padding: 16px 0 12px 0;
  color: #7b7b7b;
  font-weight: 400;
}

.kAY6N3d5MnoJKWMn4uDC {
  height: 40px;
  width: 40px;
  background: #73c23a;
  border-radius: 52px;
  border: 1px solid #73c23a;
  color: white;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

.X85fmc0i8I4x5e_MqROD {
  width: auto;
}

.X85fmc0i8I4x5e_MqROD svg {
  margin: 0 0 0 4px;
}

.aGxcNQyCbherKnVBPLdO {
  height: 50px;
  background-color: burlywood;
  border: 0px;
  border-radius: 5px;
}

.ytWy3I3NdXID98ZYCVqX {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
}

.ytWy3I3NdXID98ZYCVqX div div {
  width: 100px;
}

.ytWy3I3NdXID98ZYCVqX div {
  display: grid;
  float: left;
}

.DWPFxcW97sboORmqFoQJ,
.Azy6kE95JRV1nqKlVJDc {
  margin-left: 9px;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  gap: 10px;
  width: 40px;
  height: 40px;
  background: #73c23a;
  border-radius: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
}

.DWPFxcW97sboORmqFoQJ {
  background: #ffffff;
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
  .DnyzGq0OSPlQk0V1YivG {
    display: block;
  }
  .X85fmc0i8I4x5e_MqROD {
    margin-left: 0px;
  }
}

.s49jGX3Y3YS3RjX6XU5x {
  gap: 16px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}

.ji2CN0kDOTw4RC6dPFLo {
  display: flex;
  flex-direction: column;
  padding: 16px;
  min-width: 311px;
  background: #ffffff;
  border: 2px solid #e9e9e9;
  border-radius: 10px;
  padding-bottom: 0px;
}

.ac03h7uLy6CVW16ytGMT {
  border-radius: 8px;
}
.EffosG7m2vZJRpfRwMLg {
  width: 100%;
  height: max-content;
  background: #ffffff;
  display: flex;
  gap: 16px;
  flex-direction: column;
  /* margin: 20px; */
}

.EffosG7m2vZJRpfRwMLg div:last-child hr:last-child {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
  .ac03h7uLy6CVW16ytGMT {
    width: 300px;
    border-radius: 8px;
  }
}

@media screen and (min-width: 300px) and (max-width: 750px) {
}

.VoPeaQgQJIg2OH6hoyT0 {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  padding-top: 64px;
  padding-bottom: 80px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
}
.VX1qCNt7TxbQe1Nom0sc {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
  gap: 16px;
}
.avtquXvgXaRWnFysOzfG {
  margin: 56px 0 0 0;
}
.LWBQ_ASFJOc5ORdYDplp {
  color: #555555;
  margin: 40px 0 0;
}
.YvfYqeAxngXB5QqGyQaQ {
  color: #555555;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  border: 1px solid rgba(0, 0, 0, 0.87);
}
@media screen and (min-width: 0px) and (max-width: 750px) {
  .LWBQ_ASFJOc5ORdYDplp {
    margin: 0;
  }
  .VX1qCNt7TxbQe1Nom0sc {
    padding: 24px 0px !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
  }
  .avtquXvgXaRWnFysOzfG {
    margin: 40px 0 0 0;
  }
}

@media screen and (min-width: 751px) and (max-width: 1280px) {
  .LWBQ_ASFJOc5ORdYDplp {
    padding: 0 80px;
  }
}

.Y9nhXKGiRJGDnvknkiLL {
  border-bottom: 1px solid #d9d9d9;
}

.RpcGKvpCNEp3Gp7tBe9I,
.tQUP3mDiW96rCgxHE04P > .RpcGKvpCNEp3Gp7tBe9I,
.LuA3VjVD44S7BqlfzsD0 > .RpcGKvpCNEp3Gp7tBe9I,
.M2GCQQThhPskBT5gXel_ > .RpcGKvpCNEp3Gp7tBe9I,
.lXbphVRbiPUJYgtNBf5i > .RpcGKvpCNEp3Gp7tBe9I {
  /* text-align: center; */
  justify-content: space-around;
  height: 100%;
  align-items: center;
  width: fit-content;
  padding: 0 24px;
  margin: auto;
  box-sizing: border-box;
}

.TNoEklY2PcqiU_c2CWm3 {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}

.fch_96GOmo9gnlG72P6G {
  position: fixed;
  width: 100%;
  top: 60px;
  z-index: 10;
}

.E01uILVc2QK_oRBP6ubi {
  background-color: var(--cms-secondary-navbar-bg);
  height: 60px;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.dQztj3USXHXRmMnLNAmA {
  background-color: var(--cms-secondary-navbar-sub-bg);
}

.tQUP3mDiW96rCgxHE04P {
  background-color: #c49128;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.LuA3VjVD44S7BqlfzsD0 {
  background-color: #ebcd78;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.M2GCQQThhPskBT5gXel_ {
  background-color: #555555;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.KJY1RnYLCW42DtiYqjIM {
  background-color: #f5f5f5;
  color: #9d9d9d !important;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.wP3pxGztDXc5n1cEjsan {
  background-color: #e9e9e9;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.lXbphVRbiPUJYgtNBf5i {
  background-color: #e9e9e9;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.E01uILVc2QK_oRBP6ubi nav,
.tQUP3mDiW96rCgxHE04P nav,
.LuA3VjVD44S7BqlfzsD0 nav,
.M2GCQQThhPskBT5gXel_ nav,
.lXbphVRbiPUJYgtNBf5i nav {
  height: 60px;
}

.UBIF9JpdFisgaF2E4NyV {
  color: white;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.575px;
  text-decoration: none;
}

.KfjPb6ul72CtO6KU6vgS {
  color: #9d9d9d;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.575px;
  text-decoration: none;
}

.KfjPb6ul72CtO6KU6vgS:hover {
  color: #73c23a;
  border-bottom: 5px solid #73c23a;
}

.UBIF9JpdFisgaF2E4NyV:hover {
  color: var(--cms-secondary-navbar-text-active);
  border-bottom: 5px solid var(--cms-secondary-navbar-text-active);
}

.OxjSDeMIzz8RBf_qdua3 nav ul .UBIF9JpdFisgaF2E4NyV:hover {
  color: var(--cms-secondary-navbar-sub-text-active);
  border-bottom: 5px solid var(--cms-secondary-navbar-sub-text-active);
}

.OxjSDeMIzz8RBf_qdua3 nav ul .Kgd9jxnhRrVvERbKQf5v .UBIF9JpdFisgaF2E4NyV {
  color: var(--cms-secondary-navbar-sub-text);
}

.OxjSDeMIzz8RBf_qdua3 nav ul .Kgd9jxnhRrVvERbKQf5v .UBIF9JpdFisgaF2E4NyV:hover {
  color: var(--cms-secondary-navbar-sub-text-active);
}

.Qn5cT0RDpaj_4sCzACV_ {
  color: var(--cms-secondary-navbar-text-active);
  font-weight: 700;
}

.OxjSDeMIzz8RBf_qdua3 nav ul .UBIF9JpdFisgaF2E4NyV.Qn5cT0RDpaj_4sCzACV_ {
  color: var(--cms-secondary-navbar-sub-text-active);
  font-weight: 700;
}

/*code to change background color*/

.RpcGKvpCNEp3Gp7tBe9I ul,
.tQUP3mDiW96rCgxHE04P > .RpcGKvpCNEp3Gp7tBe9I ul,
.LuA3VjVD44S7BqlfzsD0 > .RpcGKvpCNEp3Gp7tBe9I ul,
.M2GCQQThhPskBT5gXel_ > .RpcGKvpCNEp3Gp7tBe9I ul,
.lXbphVRbiPUJYgtNBf5i > .RpcGKvpCNEp3Gp7tBe9I ul {
  justify-content: space-around;
  list-style-type: none;
  height: 100%;
  align-items: center;
  display: flex;
  gap: 40px;
  padding: 16px 0px;
  margin: 0px;
}

.OxjSDeMIzz8RBf_qdua3 ul {
  list-style-type: none;
}

.RpcGKvpCNEp3Gp7tBe9I ul > a.fv2Bm0aAwYjFjwZLhlFz {
  border-bottom: 5px solid var(--cms-secondary-navbar-sub-text-active);
  font-weight: 700;
}

.Kgd9jxnhRrVvERbKQf5v > a:hover {
  font-weight: 700;
}

.Kgd9jxnhRrVvERbKQf5v a:active,
.UBIF9JpdFisgaF2E4NyV a:active {
  border-bottom: 5px solid var(--cms-secondary-navbar-sub-text-active);
}

.tQUP3mDiW96rCgxHE04P > .RpcGKvpCNEp3Gp7tBe9I nav ul .UBIF9JpdFisgaF2E4NyV.Qn5cT0RDpaj_4sCzACV_ {
  color: #ffffff;
  font-weight: 700;
}

.LuA3VjVD44S7BqlfzsD0 > .OxjSDeMIzz8RBf_qdua3 nav ul .Kgd9jxnhRrVvERbKQf5v .UBIF9JpdFisgaF2E4NyV {
  color: #555555;
}

.M2GCQQThhPskBT5gXel_ > .RpcGKvpCNEp3Gp7tBe9I nav ul .UBIF9JpdFisgaF2E4NyV.Qn5cT0RDpaj_4sCzACV_ {
  color: #73c23a;
  font-weight: 700;
}

.lXbphVRbiPUJYgtNBf5i > .OxjSDeMIzz8RBf_qdua3 nav ul .Kgd9jxnhRrVvERbKQf5v .UBIF9JpdFisgaF2E4NyV {
  color: #7b7b7b;
}

.lXbphVRbiPUJYgtNBf5i > .OxjSDeMIzz8RBf_qdua3 nav ul .Kgd9jxnhRrVvERbKQf5v .UBIF9JpdFisgaF2E4NyV.Qn5cT0RDpaj_4sCzACV_ {
  color: #555555;
}

/* .wrapperBrown > .navbarNav nav ul,
.wrapperBrownSub > .navbarNav nav ul,
.wrapperGrey > .navbarNav nav ul,
.wrapperGreySub > .navbarNav nav ul {
  margin-bottom: 0;
  padding-right: 2rem;
} */

.tQUP3mDiW96rCgxHE04P > .RpcGKvpCNEp3Gp7tBe9I nav ul .Kgd9jxnhRrVvERbKQf5v > a:hover,
.M2GCQQThhPskBT5gXel_ > .RpcGKvpCNEp3Gp7tBe9I nav ul .Kgd9jxnhRrVvERbKQf5v > a:hover {
  font-weight: 700;
}

@media screen and (max-width: 750px) {
  .RpcGKvpCNEp3Gp7tBe9I ul,
  .tQUP3mDiW96rCgxHE04P > .RpcGKvpCNEp3Gp7tBe9I ul,
  .LuA3VjVD44S7BqlfzsD0 > .RpcGKvpCNEp3Gp7tBe9I ul,
  .M2GCQQThhPskBT5gXel_ > .RpcGKvpCNEp3Gp7tBe9I ul,
  .lXbphVRbiPUJYgtNBf5i > .RpcGKvpCNEp3Gp7tBe9I ul {
    gap: 24px;
  }

  .E01uILVc2QK_oRBP6ubi,
  .tQUP3mDiW96rCgxHE04P,
  .LuA3VjVD44S7BqlfzsD0,
  .M2GCQQThhPskBT5gXel_,
  .lXbphVRbiPUJYgtNBf5i {
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .UBIF9JpdFisgaF2E4NyV {
    color: white;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
  }

  .Qn5cT0RDpaj_4sCzACV_ {
    color: var(--cms-secondary-navbar-text-active);
    font-weight: 700;
  }

  .Qn5cT0RDpaj_4sCzACV_ .OxjSDeMIzz8RBf_qdua3 {
    color: var(--cms-secondary-navbar-sub-text-active);
    font-weight: 700;
  }
}

@media screen and (max-width: 480px) {
  .E01uILVc2QK_oRBP6ubi nav,
  .tQUP3mDiW96rCgxHE04P nav,
  .LuA3VjVD44S7BqlfzsD0 nav,
  .M2GCQQThhPskBT5gXel_ nav,
  .lXbphVRbiPUJYgtNBf5i nav {
    height: 56px;
  }

  .tQUP3mDiW96rCgxHE04P > .RpcGKvpCNEp3Gp7tBe9I ul,
  .LuA3VjVD44S7BqlfzsD0 > .RpcGKvpCNEp3Gp7tBe9I ul,
  .M2GCQQThhPskBT5gXel_ > .RpcGKvpCNEp3Gp7tBe9I ul,
  .lXbphVRbiPUJYgtNBf5i > .RpcGKvpCNEp3Gp7tBe9I ul {
    padding-left: 8px;
  }

  .E01uILVc2QK_oRBP6ubi {
    background-color: var(--cms-secondary-navbar-bg);
    height: 56px;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .fch_96GOmo9gnlG72P6G {
    position: fixed;
    width: 100%;
    top: 56px;
    z-index: 10;
    pointer-events: auto;
  }

  .dQztj3USXHXRmMnLNAmA {
    background-color: var(--cms-secondary-navbar-sub-bg);
  }
}

.back-to-home {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 80px;
  gap: 8px;
  width: 100%;
  height: 60px;
  background: #eef8e8;
  order: 1;
  color: black;
  font-size: 24px;
}

.chevron {
  margin-top: 8px;
}
.chevron-mobile {
  height: 9px;
  width: 13px;
  margin-top: 1px;
  margin-left: -60px;
  margin-right: 10px;
}

.back-to-home-text {
  margin: -2px;
}

.search-text {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #555555;
}

.search-input {
  margin-top: 54px;
}

.search-input-mobile {
  margin: 16px 0 0;
}

.form-style {
  display: grid;
  grid-template-columns: 90% auto;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  gap: 10px;
  width: 100%;
  height: 56px;
  background: #ffffff;
  border: 1px solid #9d9d9d;
  border-radius: 4px;
  order: 1;
  align-self: stretch;
}

.form-style-mobile {
  display: grid;
  grid-template-columns: 90% auto;
  align-items: center;
  padding: 14px 16px;
  gap: 8px;
  width: 100%;
  height: 52px;
  background: #ffffff;
  border: 1px solid #9d9d9d;
  border-radius: 4px;
  justify-content: space-between;
}

.input-box,
.input-box-mobile {
  border: none;
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
}

.input-box:focus {
  outline: none;
}

.input-box-mobile {
  font-size: 20px;
  line-height: 22px;
}

.see-result-text {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  width: 269px;
  height: 28px;
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  margin-top: 10px;
}

.see-result-text-mobile {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
}
.business-text {
  text-decoration-line: underline;
  color: #73c23a;
  cursor: pointer;
}

.suggested-keyword-text {
  max-width: 1103px;
  height: 24px;
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  align-self: stretch;
  margin-top: 40px;
}

.suggested-keyword-text-mobile {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
}

.list-of-keywords {
  margin-top: 0px !important;
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 8px;
}

.list-of-keywords-mobile {
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
}

.suggested-items1 {
  align-items: center;
  float: left;
}

.suggested-items1-mobile {
  display: inline-block;
  margin-top: 0px !important;
}

.search-input-button {
  display: flex;
  gap: 24px;
  margin-top: 8px;
}

.search-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  width: 168px;
  height: 56px;
  background: #73c23a;
  border-radius: 80px;
  order: 1;
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
}

.suggested-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  gap: 16px;
  width: 100%;
  overflow: hidden;
}

.search-result-found {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 898px;
  height: 60px;
  margin-top: 50px !important;
}

.view-more {
  border: none;
  background-color: white;
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-decoration-line: underline;
  color: #73c23a;
}

.search-enter {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px;
  gap: 8px;
  width: 42px;
  height: 42px;
  background: #73c23a;
  border-radius: 48px;
  margin-top: 5px;
}
.search-enter img {
  height: 20px;
  width: 20px;
}

.search-round-button {
  border-radius: 48px !important;
  padding: 8px 16px;
  border: 1px solid #262626 !important;
  font-family: "DB Heavent" !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  margin-right: 10px !important;
  color: #262626 !important;
}

.productFilterWrapper {
  display: flex;
  column-gap: 24px;
}
#search-check-box {
  margin: 0;
}

.productFilterWrapperMobile {
  display: flex;
  flex-direction: column;
}

.search-result-page-bar {
  top: 0px;
  left: 0;
  right: 0;
}

.search-bar-wrapper {
  position: relative;
}

.productDropdown {
  margin-top: 40px;
  margin-bottom: 2%;
  font-weight: 700;
  font-size: 19px;
  line-height: 20px;
  color: #555555;
}
.productDropdownText {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #7b7b7b;
}

@media screen and (max-width: 1200px) {
  .search-wrapper {
    max-width: 1140px;
  }
}

@media screen and (max-width: 992px) {
  .search-wrapper {
    max-width: 960px;
  }
  .search-input-button {
    gap: 8px;
  }
}

@media screen and (max-width: 768px) {
  .search-input-wrapper > div:not(#suggest-slide) {
    padding: 0 16px;
  }
  #suggest-slide {
    padding: 16px 0 0 16px;
  }
  .productDropdown {
    margin: 16px 0 0;
  }
}

@media only screen and (max-width: 650px) {
  .search-enter {
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 576px) {
  .search-wrapper {
    max-width: 540px;
    margin: 0 0 0 16px;
  }
}

.search-wrapper {
  margin: auto;
  max-width: 1280px;
}

.search-page__pagination {
  display: inline-flex;
  justify-content: flex-end;
  width: 50%;
  float: right;
}

.search-page__header {
  padding: 40px 0;
}

.search-page__header-mobile {
  margin-top: 24px;
}

.search-page__header span:first-child,
.search-page__header-mobile span:first-child {
  display: block;
  font-family: DB Heavent;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
}

.search-page__header-mobile span:first-child {
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.search-page__header span:nth-child(2),
.search-page__header-mobile span:nth-child(2) {
  display: block;
  font-family: DB Heavent;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  color: #7b7b7b;
}

.search-page__header-mobile span:nth-child(2) {
  font-size: 20px;
  line-height: 22px;
}

.search-page__pagination-wrapper,
.search-page__pagination-wrapper span:nth-child(2) span {
  font-family: DB Heavent;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0em;
  color: #7b7b7b;
  text-transform: capitalize;
  padding: 56px 0 72px 0;
}

.search-page__Tab {
  padding: 0px;
  display: flex;
  border-bottom: 1px solid #d9d9d9;
}

.MuiTabs-flexContainer {
  /* Commented because it's impacting other component */
  /* justify-content: center; */
  /* border-bottom: 2px solid #eee;*/
}

.MuiTabs-flexContainer button {
  font-family: DB Heavent;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: center;
  /* color: #262626 !important; */
}

@media screen and (max-width: 1200px) {
  .search-wrapper {
    max-width: 1140px;
  }
}

@media screen and (max-width: 992px) {
  .search-wrapper {
    max-width: 960px;
  }
}

@media only screen and (max-width: 768px) {
  .search-page_bottom_wrapper {
    padding: 0 16px;
  }
  .search-wrapper {
    max-width: 720px;
  }
  .search-page__pagination-wrapper {
    padding: 20px 0px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
  }
  .search-page__pagination {
    display: block;
    margin-bottom: 10px;
  }
  .MuiTabs-flexContainer {
    justify-content: unset;
  }
  .search-tab-btn {
    width: auto;
  }
  .Mui-selected {
    color: #000000 !important;
  }
}

@media screen and (max-width: 576px) {
  .search-wrapper {
    max-width: 540px;
    margin: 0 0 0 16px;
  }
}

.search-result {
  margin-top: 40px;
  min-height: 275px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.search-result__no-products {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.search-result__no-products span {
  display: block;
  text-align: center;
}
.search-result__path {
  font-family: DB Heavent;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  color: #64b232;
  text-decoration-line: underline;
  cursor: pointer;
  margin-bottom: 8px;
}
.search-result__description {
  font-family: DB Heavent;
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #7b7b7b;
}
.search-result__wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
}
.search-result__wrapper img {
  height: 72px;
  width: 72px;
  object-fit: contain;
}
.search-result__text-wrapper {
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .search-result {
    margin-top: 16px;
    row-gap: 8px;
  }
}
@media only screen and (max-width: 650px) {
  .search-result__wrapper {
    margin-bottom: 16px;
  }
}

.pac-container {
  font-family: "DB Heavent" !important;
  font-style: normal;
  box-shadow: unset;
}
.pac-item {
  padding: 14px 16px;
}
.pac-item::after,
.pac-icon {
  display: none;
}
.pac-item-query,
.pac-matched,
.pac-item span {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.dJH2fYwAX8QU75coKad2 {
  display: flex;
  gap: 40px;
  flex-direction: column;
  padding: 5.5%;
}

.BQKe9TqowReeZ2CLxoAh {
  display: flex;
  gap: 0.55%;
  flex-direction: column;
}

.SK7aLh3HkDWj2FyVLAWe {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 56px;
  text-align: center;
  color: #1e3d35;
  padding: 0px 24px;
}
.UHq5D6yJrq9yQ1p9H7RE {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #7b7b7b;
}
.EsadZtKYRpd3AnZmFDV_ {
  display: grid;
  grid-template-columns: 200px auto 200px;
}
@media screen and (max-width: 900px) {
  .EsadZtKYRpd3AnZmFDV_ {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }
}
@media screen and (max-width: 600px) {
  .SK7aLh3HkDWj2FyVLAWe {
    font-size: 40px;
    line-height: 40px;
  }
  .EsadZtKYRpd3AnZmFDV_ {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }
}

.HEFJsda8MMxPjX09PfID {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 0px 12px 0px;
}

.mvfxcK063_NlMbBAqcOn {
  padding: 16px 24px;
  height: 100%;
  background: #eef8e8;
  border: 2px solid #73c23a;
  border-radius: 8px;
  width: 68%;
}

.LGORNCbIq_jmu39NcKoF {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.bVmChjkfZCKpawF9RtRj {
  font-family: "DB Heavent" !important;
  font-weight: 700 !important;
  font-size: 40px !important;
  line-height: 40px !important;
  color: #262626 !important;
}
.SVGOxeL6FUqnBC8uQIiT {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #262626;
  margin-top: 8px;
}
.ZhuQtnO2SCuXpWetmb7l {
  font-family: "DB Heavent";
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 20px !important;
  color: #555555 !important;
  margin-bottom: 5px;
}
.qqYg78yaZCI4ZvSWaDj2 {
  margin-top: 24px;
  margin-bottom: 40px;
}
.hTUlGin4fS2oZnejIhOb {
  padding: 16px 40px !important;
  width: 238px !important;
  height: 56px !important;
  background: #73c23a !important;
  border-radius: 80px !important;
  font-family: "DB Heavent" !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  text-align: center !important;
  color: #ffffff !important;
}
.Vk0Hm1y9W0t0GiyaXQ0_ {
  text-align: center !important;
  justify-content: center !important;
  align-items: center;
  align-content: center;
  margin-left: 28px;
}

.Ybc1AH0X7N0V5Fw8mBZ2 {
  text-align: right;
}

.L5RBmfcLiOvvgA130oq1 {
  color: #3a8a1f;
  width: 56px;
  height: auto;
  margin-bottom: 20px;
}

._Rn54cqW6Xm1QeyNY3Ih {
  color: #555555;
  margin-top: 9px;
  width: 21.8px;
  height: 25px;
}

.hZcDILduqsNTRsCa3mCT {
  color: #3a8a1f;
}

.INKm6ru1K6Ctse8DtlbP::after {
  border-color: #3a8a1f !important;
}

.qcxGfMzorOH7CgknsrUX {
  font-family: "DB Heavent";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #7b7b7b;
  margin-top: 28px;
  margin-bottom: 40px;
}

._f9S1FFgjf4r5IB6JpV6 {
  font-family: "DB Heavent";
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #3a8a1f;
}

.l7ZbEUIhK_a66gs3JqEl {
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  width: 238px;
  height: 56px;
  background: #9d9d9d;
  border-radius: 80px !important;
}

.eFo3EefmZdQ0quEM9XTQ {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  /* identical to box height, or 100% */

  /* Neutrals / White */

  color: #ffffff;
}

.KlHpl3nWrffcOv8BfJnv {
  padding: 16px 80px;
}

.EQL7sJa0zBQFX8NmJqli {
  display: block;
}

.EQL7sJa0zBQFX8NmJqli .RzDHQSAcnad_frcktBp9 {
  box-sizing: "border-box";
  width: 100%;
  height: 88px;
  background-color: #1e3d35;
  position: "absolute";
  top: 90%;
}

.HGlg0RAOLaih0rKM2F8a {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #73c23a;
}

.yrwPsPBQOsSeNiYceVyw {
  padding: 16px 40px !important;
  width: 122px !important;
  height: 40px !important;
  background: #73c23a !important;
  border-radius: 80px !important;
  font-family: "DB Heavent" !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  text-align: center !important;
  color: #ffffff !important;
}

.oopepEf2Hv4UFMa5gIKY {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: left !important;
  margin-left: 24px !important;
}

.Fq25qTZx7MIn9VVUQuqM {
  text-align: right;
}

.yo5sMc9fH_TiS1a1Dc__ {
  margin-left: 26px !important;
}

.WUybyef2jw1ozzjEgwB_ {
  width: 24px;
  margin-left: 24px !important;
  border-right: 1px solid #2d786c;
}

@media screen and (min-width: 750px) {
  .EQL7sJa0zBQFX8NmJqli {
    display: none;
  }
}

.GgwIUELxqFj2beaBxXVR {
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.OZ1uNkHy1mO12N45A3G3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 305px;
  background: #f5f5f5;
  border-radius: 8px;
}

.HjZfmHNXMqHEb6FT3WEr {
  padding: 0px 6.18% 6.18%;
}

.iROnuxubpc1zj8w0QeYu {
  display: grid;
  gap: 1.875%;
  grid-template-columns: 66% auto;
}

.sjqUXn7u09UpXw301FKK {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.WrsG8Mu4EXzktMJxAZvO {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
}

.gpohvWESWnPnpNc_gzfi {
  font-family: "DB Heavent";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #000000;
  margin: 16px 0px;
}

@media screen and (max-width: 900px) {
  .iROnuxubpc1zj8w0QeYu {
    display: flex;
    flex-direction: column;
  }
}

.vrIqwMXCyWcSU6AKPI0V {
  display: flex;
  flex-direction: column;
}

.OGkY8d4kiBYnyHOH_LmD {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 24px;
}
.LwECINkF7jzoitSOqAY0 {
  width: 100%;
  height: 100%;
  display: grid;
  text-align: center;
  vertical-align: middle;
  justify-content: space-evenly;
}
.KXJhr_wG4C6NcnoeF6WL {
  margin: auto;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: white;
  color: black;
  border: 2px solid #4caf50;
  border-radius: 10px;
  height: fit-content;
  width: fit-content;
}

.KXJhr_wG4C6NcnoeF6WL:hover {
  background-color: #4caf50;
  color: white;
}
.VVeqKYFDuOCxnNAdyrYd {
  text-align: center;
  font-size: 28px;
  font-family: "DB Heavent";
  font-weight: 700;
  padding: 16px;
}

@font-face {
  font-family: "DB Heavent";
  src:
    local("DB Heavent"),
    url(abee91af9e6f1e5017c9.ttf) format("truetype");
}

/* @font-face {
  font-family: "DB Heavent";
  font-weight: bold;
  font-style: normal;
  src: url(./assets/fonts/DB\ Heavent\ Bd\ v3.2.ttf) format("truetype");
} */

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  margin: 0 auto;
  min-height: 100vh;
  font-family:
    "DB Heavent",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow-x: hidden; /* Hide horizontal scrollbar */
  padding-right: 0 !important;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

#backdrop-root {
  z-index: 1;
  position: absolute;
}
#overlay-root {
  z-index: 2;
  position: absolute;
}