@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-inline {
  display: inline !important;
}
.d-none-xs {
  display: none !important;
}
.d-block-xs {
  display: block !important;
}
.d-flex-xs {
  display: flex !important;
}
.d-grid-xs {
  display: grid !important;
}
.d-inline-block-xs {
  display: inline-block !important;
}
.d-inline-flex-xs {
  display: inline-flex !important;
}
.d-inline-xs {
  display: inline !important;
}
@media (min-width: 375px) {
  .d-none-sm {
    display: none !important;
  }
  .d-block-sm {
    display: block !important;
  }
  .d-flex-sm {
    display: flex !important;
  }
  .d-grid-sm {
    display: grid !important;
  }
  .d-inline-block-sm {
    display: inline-block !important;
  }
  .d-inline-flex-sm {
    display: inline-flex !important;
  }
  .d-inline-sm {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .d-none-md {
    display: none !important;
  }
  .d-block-md {
    display: block !important;
  }
  .d-flex-md {
    display: flex !important;
  }
  .d-grid-md {
    display: grid !important;
  }
  .d-inline-block-md {
    display: inline-block !important;
  }
  .d-inline-flex-md {
    display: inline-flex !important;
  }
  .d-inline-md {
    display: inline !important;
  }
}
@media (min-width: 1000px) {
  .d-none-lg {
    display: none !important;
  }
  .d-block-lg {
    display: block !important;
  }
  .d-flex-lg {
    display: flex !important;
  }
  .d-grid-lg {
    display: grid !important;
  }
  .d-inline-block-lg {
    display: inline-block !important;
  }
  .d-inline-flex-lg {
    display: inline-flex !important;
  }
  .d-inline-lg {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .d-none-xl {
    display: none !important;
  }
  .d-block-xl {
    display: block !important;
  }
  .d-flex-xl {
    display: flex !important;
  }
  .d-grid-xl {
    display: grid !important;
  }
  .d-inline-block-xl {
    display: inline-block !important;
  }
  .d-inline-flex-xl {
    display: inline-flex !important;
  }
  .d-inline-xl {
    display: inline !important;
  }
}
@media (min-width: 1600px) {
  .d-none-xxl {
    display: none !important;
  }
  .d-block-xxl {
    display: block !important;
  }
  .d-flex-xxl {
    display: flex !important;
  }
  .d-grid-xxl {
    display: grid !important;
  }
  .d-inline-block-xxl {
    display: inline-block !important;
  }
  .d-inline-flex-xxl {
    display: inline-flex !important;
  }
  .d-inline-xxl {
    display: inline !important;
  }
}
.color-dark {
  color: #000 !important;
}
.color-light {
  color: #fff !important;
}
.color-accent {
  color: #c9f73a !important;
}
.icon-account:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-burger:before {
  content: "";
}
.icon-lock:before {
  content: "";
}
.icon-card:before {
  content: "";
}
.icon-arr-down:before {
  content: "";
}
.icon-arr-up:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-fb:before {
  content: "";
}
.icon-in:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-x:before {
  content: "";
}
.icon-youtube:before {
  content: "";
}
.icon-arrow-12-tail:before {
  content: "";
}
.icon-arrow-12:before {
  content: "";
}
.icon-arrow-14-tail:before {
  content: "";
}
.icon-arrow-14:before {
  content: "";
}
.icon-arrow-15-tail:before {
  content: "";
}
.icon-arrow-15:before {
  content: "";
}
.icon-arrow-16-tail:before {
  content: "";
}
.icon-arrow-16:before {
  content: "";
}
.icon-arrow-18-tail:before {
  content: "";
}
.icon-arrow-18:before {
  content: "";
}
.icon-arrow-20-tail:before {
  content: "";
}
.icon-arrow-20:before {
  content: "";
}
.icon-arrow-21-tail:before {
  content: "";
}
.icon-arrow-21:before {
  content: "";
}
.icon-arrow-22-tail:before {
  content: "";
}
.icon-arrow-22:before {
  content: "";
}
.icon {
  font-size: var(--icon-size, 18px);
}
.icon__stack {
  display: flex;
  position: relative;
}
.icon__stack > *:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
}
.icon_animation-type_move-22 {
  display: inline-block;
  transition: transform 0.2s linear;
}
.icon__animation-trigger:hover .icon_animation-type_move-22 {
  transform: translate(-4px, -4px);
}
.icon_animation-type_move-16 {
  display: inline-block;
  transition: transform 0.2s linear;
}
.icon__animation-trigger:hover .icon_animation-type_move-16 {
  transform: translate(4px, 4px);
}
.icon_animation-type_move-15 {
  display: inline-block;
  transition: transform 0.2s linear;
}
.icon__animation-trigger:hover .icon_animation-type_move-15 {
  transform: translateX(4px);
}
.icon_animation-type_move-14 {
  display: inline-block;
  transition: transform 0.2s linear;
}
.icon__animation-trigger:hover .icon_animation-type_move-14 {
  transform: translate(4px, -4px);
}
.icon_animation-type_move-12 {
  display: inline-block;
  transition: transform 0.2s linear;
}
.icon__animation-trigger:hover .icon_animation-type_move-12 {
  transform: translateY(-4px);
}
.icon_animation-type_move-9 {
  display: inline-block;
  transition: transform 0.2s linear;
}
.icon__animation-trigger:hover .icon_animation-type_move-9 {
  transform: translateX(-4px);
}
.icon_animation-type_move-8 {
  display: inline-block;
  transition: transform 0.2s linear;
}
.icon__animation-trigger:hover .icon_animation-type_move-8 {
  transform: translate(-4px, 4px);
}
.icon_animation-type_move-6 {
  display: inline-block;
  transition: transform 0.2s linear;
}
.icon__animation-trigger:hover .icon_animation-type_move-6 {
  transform: translateY(4px);
}
.icon_animation-type_spinner {
  display: inline-block;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.text-bold {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-weight: 700 !important;
}
.text-semi-bold {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.m-0 {
  margin: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
@media (min-width: 375px) {
  .m-0-sm {
    margin: 0px !important;
  }
  .my-0-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-0-sm {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mt-0-sm {
    margin-top: 0px !important;
  }
  .mb-0-sm {
    margin-bottom: 0px !important;
  }
  .ml-0-sm {
    margin-left: 0px !important;
  }
  .mr-0-sm {
    margin-right: 0px !important;
  }
}
@media (min-width: 768px) {
  .m-0-md {
    margin: 0px !important;
  }
  .my-0-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-0-md {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mt-0-md {
    margin-top: 0px !important;
  }
  .mb-0-md {
    margin-bottom: 0px !important;
  }
  .ml-0-md {
    margin-left: 0px !important;
  }
  .mr-0-md {
    margin-right: 0px !important;
  }
}
@media (min-width: 1000px) {
  .m-0-lg {
    margin: 0px !important;
  }
  .my-0-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-0-lg {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mt-0-lg {
    margin-top: 0px !important;
  }
  .mb-0-lg {
    margin-bottom: 0px !important;
  }
  .ml-0-lg {
    margin-left: 0px !important;
  }
  .mr-0-lg {
    margin-right: 0px !important;
  }
}
@media (min-width: 1200px) {
  .m-0-xl {
    margin: 0px !important;
  }
  .my-0-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-0-xl {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mt-0-xl {
    margin-top: 0px !important;
  }
  .mb-0-xl {
    margin-bottom: 0px !important;
  }
  .ml-0-xl {
    margin-left: 0px !important;
  }
  .mr-0-xl {
    margin-right: 0px !important;
  }
}
@media (min-width: 1600px) {
  .m-0-xxl {
    margin: 0px !important;
  }
  .my-0-xxl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx-0-xxl {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mt-0-xxl {
    margin-top: 0px !important;
  }
  .mb-0-xxl {
    margin-bottom: 0px !important;
  }
  .ml-0-xxl {
    margin-left: 0px !important;
  }
  .mr-0-xxl {
    margin-right: 0px !important;
  }
}
.m-1 {
  margin: 2px !important;
}
.my-1 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.mx-1 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.mt-1 {
  margin-top: 2px !important;
}
.mb-1 {
  margin-bottom: 2px !important;
}
.ml-1 {
  margin-left: 2px !important;
}
.mr-1 {
  margin-right: 2px !important;
}
@media (min-width: 375px) {
  .m-1-sm {
    margin: 2px !important;
  }
  .my-1-sm {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mx-1-sm {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mt-1-sm {
    margin-top: 2px !important;
  }
  .mb-1-sm {
    margin-bottom: 2px !important;
  }
  .ml-1-sm {
    margin-left: 2px !important;
  }
  .mr-1-sm {
    margin-right: 2px !important;
  }
}
@media (min-width: 768px) {
  .m-1-md {
    margin: 2px !important;
  }
  .my-1-md {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mx-1-md {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mt-1-md {
    margin-top: 2px !important;
  }
  .mb-1-md {
    margin-bottom: 2px !important;
  }
  .ml-1-md {
    margin-left: 2px !important;
  }
  .mr-1-md {
    margin-right: 2px !important;
  }
}
@media (min-width: 1000px) {
  .m-1-lg {
    margin: 2px !important;
  }
  .my-1-lg {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mx-1-lg {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mt-1-lg {
    margin-top: 2px !important;
  }
  .mb-1-lg {
    margin-bottom: 2px !important;
  }
  .ml-1-lg {
    margin-left: 2px !important;
  }
  .mr-1-lg {
    margin-right: 2px !important;
  }
}
@media (min-width: 1200px) {
  .m-1-xl {
    margin: 2px !important;
  }
  .my-1-xl {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mx-1-xl {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mt-1-xl {
    margin-top: 2px !important;
  }
  .mb-1-xl {
    margin-bottom: 2px !important;
  }
  .ml-1-xl {
    margin-left: 2px !important;
  }
  .mr-1-xl {
    margin-right: 2px !important;
  }
}
@media (min-width: 1600px) {
  .m-1-xxl {
    margin: 2px !important;
  }
  .my-1-xxl {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mx-1-xxl {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mt-1-xxl {
    margin-top: 2px !important;
  }
  .mb-1-xxl {
    margin-bottom: 2px !important;
  }
  .ml-1-xxl {
    margin-left: 2px !important;
  }
  .mr-1-xxl {
    margin-right: 2px !important;
  }
}
.m-2 {
  margin: 4px !important;
}
.my-2 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.mx-2 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.mt-2 {
  margin-top: 4px !important;
}
.mb-2 {
  margin-bottom: 4px !important;
}
.ml-2 {
  margin-left: 4px !important;
}
.mr-2 {
  margin-right: 4px !important;
}
@media (min-width: 375px) {
  .m-2-sm {
    margin: 4px !important;
  }
  .my-2-sm {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-2-sm {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mt-2-sm {
    margin-top: 4px !important;
  }
  .mb-2-sm {
    margin-bottom: 4px !important;
  }
  .ml-2-sm {
    margin-left: 4px !important;
  }
  .mr-2-sm {
    margin-right: 4px !important;
  }
}
@media (min-width: 768px) {
  .m-2-md {
    margin: 4px !important;
  }
  .my-2-md {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-2-md {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mt-2-md {
    margin-top: 4px !important;
  }
  .mb-2-md {
    margin-bottom: 4px !important;
  }
  .ml-2-md {
    margin-left: 4px !important;
  }
  .mr-2-md {
    margin-right: 4px !important;
  }
}
@media (min-width: 1000px) {
  .m-2-lg {
    margin: 4px !important;
  }
  .my-2-lg {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-2-lg {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mt-2-lg {
    margin-top: 4px !important;
  }
  .mb-2-lg {
    margin-bottom: 4px !important;
  }
  .ml-2-lg {
    margin-left: 4px !important;
  }
  .mr-2-lg {
    margin-right: 4px !important;
  }
}
@media (min-width: 1200px) {
  .m-2-xl {
    margin: 4px !important;
  }
  .my-2-xl {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-2-xl {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mt-2-xl {
    margin-top: 4px !important;
  }
  .mb-2-xl {
    margin-bottom: 4px !important;
  }
  .ml-2-xl {
    margin-left: 4px !important;
  }
  .mr-2-xl {
    margin-right: 4px !important;
  }
}
@media (min-width: 1600px) {
  .m-2-xxl {
    margin: 4px !important;
  }
  .my-2-xxl {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx-2-xxl {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mt-2-xxl {
    margin-top: 4px !important;
  }
  .mb-2-xxl {
    margin-bottom: 4px !important;
  }
  .ml-2-xxl {
    margin-left: 4px !important;
  }
  .mr-2-xxl {
    margin-right: 4px !important;
  }
}
.m-3 {
  margin: 8px !important;
}
.my-3 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.mx-3 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.mt-3 {
  margin-top: 8px !important;
}
.mb-3 {
  margin-bottom: 8px !important;
}
.ml-3 {
  margin-left: 8px !important;
}
.mr-3 {
  margin-right: 8px !important;
}
@media (min-width: 375px) {
  .m-3-sm {
    margin: 8px !important;
  }
  .my-3-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-3-sm {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mt-3-sm {
    margin-top: 8px !important;
  }
  .mb-3-sm {
    margin-bottom: 8px !important;
  }
  .ml-3-sm {
    margin-left: 8px !important;
  }
  .mr-3-sm {
    margin-right: 8px !important;
  }
}
@media (min-width: 768px) {
  .m-3-md {
    margin: 8px !important;
  }
  .my-3-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-3-md {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mt-3-md {
    margin-top: 8px !important;
  }
  .mb-3-md {
    margin-bottom: 8px !important;
  }
  .ml-3-md {
    margin-left: 8px !important;
  }
  .mr-3-md {
    margin-right: 8px !important;
  }
}
@media (min-width: 1000px) {
  .m-3-lg {
    margin: 8px !important;
  }
  .my-3-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-3-lg {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mt-3-lg {
    margin-top: 8px !important;
  }
  .mb-3-lg {
    margin-bottom: 8px !important;
  }
  .ml-3-lg {
    margin-left: 8px !important;
  }
  .mr-3-lg {
    margin-right: 8px !important;
  }
}
@media (min-width: 1200px) {
  .m-3-xl {
    margin: 8px !important;
  }
  .my-3-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-3-xl {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mt-3-xl {
    margin-top: 8px !important;
  }
  .mb-3-xl {
    margin-bottom: 8px !important;
  }
  .ml-3-xl {
    margin-left: 8px !important;
  }
  .mr-3-xl {
    margin-right: 8px !important;
  }
}
@media (min-width: 1600px) {
  .m-3-xxl {
    margin: 8px !important;
  }
  .my-3-xxl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx-3-xxl {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mt-3-xxl {
    margin-top: 8px !important;
  }
  .mb-3-xxl {
    margin-bottom: 8px !important;
  }
  .ml-3-xxl {
    margin-left: 8px !important;
  }
  .mr-3-xxl {
    margin-right: 8px !important;
  }
}
.m-4 {
  margin: 12px !important;
}
.my-4 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.mx-4 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.mt-4 {
  margin-top: 12px !important;
}
.mb-4 {
  margin-bottom: 12px !important;
}
.ml-4 {
  margin-left: 12px !important;
}
.mr-4 {
  margin-right: 12px !important;
}
@media (min-width: 375px) {
  .m-4-sm {
    margin: 12px !important;
  }
  .my-4-sm {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-4-sm {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mt-4-sm {
    margin-top: 12px !important;
  }
  .mb-4-sm {
    margin-bottom: 12px !important;
  }
  .ml-4-sm {
    margin-left: 12px !important;
  }
  .mr-4-sm {
    margin-right: 12px !important;
  }
}
@media (min-width: 768px) {
  .m-4-md {
    margin: 12px !important;
  }
  .my-4-md {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-4-md {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mt-4-md {
    margin-top: 12px !important;
  }
  .mb-4-md {
    margin-bottom: 12px !important;
  }
  .ml-4-md {
    margin-left: 12px !important;
  }
  .mr-4-md {
    margin-right: 12px !important;
  }
}
@media (min-width: 1000px) {
  .m-4-lg {
    margin: 12px !important;
  }
  .my-4-lg {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-4-lg {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mt-4-lg {
    margin-top: 12px !important;
  }
  .mb-4-lg {
    margin-bottom: 12px !important;
  }
  .ml-4-lg {
    margin-left: 12px !important;
  }
  .mr-4-lg {
    margin-right: 12px !important;
  }
}
@media (min-width: 1200px) {
  .m-4-xl {
    margin: 12px !important;
  }
  .my-4-xl {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-4-xl {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mt-4-xl {
    margin-top: 12px !important;
  }
  .mb-4-xl {
    margin-bottom: 12px !important;
  }
  .ml-4-xl {
    margin-left: 12px !important;
  }
  .mr-4-xl {
    margin-right: 12px !important;
  }
}
@media (min-width: 1600px) {
  .m-4-xxl {
    margin: 12px !important;
  }
  .my-4-xxl {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx-4-xxl {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mt-4-xxl {
    margin-top: 12px !important;
  }
  .mb-4-xxl {
    margin-bottom: 12px !important;
  }
  .ml-4-xxl {
    margin-left: 12px !important;
  }
  .mr-4-xxl {
    margin-right: 12px !important;
  }
}
.m-5 {
  margin: 16px !important;
}
.my-5 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.mx-5 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.mt-5 {
  margin-top: 16px !important;
}
.mb-5 {
  margin-bottom: 16px !important;
}
.ml-5 {
  margin-left: 16px !important;
}
.mr-5 {
  margin-right: 16px !important;
}
@media (min-width: 375px) {
  .m-5-sm {
    margin: 16px !important;
  }
  .my-5-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-5-sm {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mt-5-sm {
    margin-top: 16px !important;
  }
  .mb-5-sm {
    margin-bottom: 16px !important;
  }
  .ml-5-sm {
    margin-left: 16px !important;
  }
  .mr-5-sm {
    margin-right: 16px !important;
  }
}
@media (min-width: 768px) {
  .m-5-md {
    margin: 16px !important;
  }
  .my-5-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-5-md {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mt-5-md {
    margin-top: 16px !important;
  }
  .mb-5-md {
    margin-bottom: 16px !important;
  }
  .ml-5-md {
    margin-left: 16px !important;
  }
  .mr-5-md {
    margin-right: 16px !important;
  }
}
@media (min-width: 1000px) {
  .m-5-lg {
    margin: 16px !important;
  }
  .my-5-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-5-lg {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mt-5-lg {
    margin-top: 16px !important;
  }
  .mb-5-lg {
    margin-bottom: 16px !important;
  }
  .ml-5-lg {
    margin-left: 16px !important;
  }
  .mr-5-lg {
    margin-right: 16px !important;
  }
}
@media (min-width: 1200px) {
  .m-5-xl {
    margin: 16px !important;
  }
  .my-5-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-5-xl {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mt-5-xl {
    margin-top: 16px !important;
  }
  .mb-5-xl {
    margin-bottom: 16px !important;
  }
  .ml-5-xl {
    margin-left: 16px !important;
  }
  .mr-5-xl {
    margin-right: 16px !important;
  }
}
@media (min-width: 1600px) {
  .m-5-xxl {
    margin: 16px !important;
  }
  .my-5-xxl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx-5-xxl {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mt-5-xxl {
    margin-top: 16px !important;
  }
  .mb-5-xxl {
    margin-bottom: 16px !important;
  }
  .ml-5-xxl {
    margin-left: 16px !important;
  }
  .mr-5-xxl {
    margin-right: 16px !important;
  }
}
.m-6 {
  margin: 24px !important;
}
.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.mx-6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.mt-6 {
  margin-top: 24px !important;
}
.mb-6 {
  margin-bottom: 24px !important;
}
.ml-6 {
  margin-left: 24px !important;
}
.mr-6 {
  margin-right: 24px !important;
}
@media (min-width: 375px) {
  .m-6-sm {
    margin: 24px !important;
  }
  .my-6-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-6-sm {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mt-6-sm {
    margin-top: 24px !important;
  }
  .mb-6-sm {
    margin-bottom: 24px !important;
  }
  .ml-6-sm {
    margin-left: 24px !important;
  }
  .mr-6-sm {
    margin-right: 24px !important;
  }
}
@media (min-width: 768px) {
  .m-6-md {
    margin: 24px !important;
  }
  .my-6-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-6-md {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mt-6-md {
    margin-top: 24px !important;
  }
  .mb-6-md {
    margin-bottom: 24px !important;
  }
  .ml-6-md {
    margin-left: 24px !important;
  }
  .mr-6-md {
    margin-right: 24px !important;
  }
}
@media (min-width: 1000px) {
  .m-6-lg {
    margin: 24px !important;
  }
  .my-6-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-6-lg {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mt-6-lg {
    margin-top: 24px !important;
  }
  .mb-6-lg {
    margin-bottom: 24px !important;
  }
  .ml-6-lg {
    margin-left: 24px !important;
  }
  .mr-6-lg {
    margin-right: 24px !important;
  }
}
@media (min-width: 1200px) {
  .m-6-xl {
    margin: 24px !important;
  }
  .my-6-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-6-xl {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mt-6-xl {
    margin-top: 24px !important;
  }
  .mb-6-xl {
    margin-bottom: 24px !important;
  }
  .ml-6-xl {
    margin-left: 24px !important;
  }
  .mr-6-xl {
    margin-right: 24px !important;
  }
}
@media (min-width: 1600px) {
  .m-6-xxl {
    margin: 24px !important;
  }
  .my-6-xxl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx-6-xxl {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mt-6-xxl {
    margin-top: 24px !important;
  }
  .mb-6-xxl {
    margin-bottom: 24px !important;
  }
  .ml-6-xxl {
    margin-left: 24px !important;
  }
  .mr-6-xxl {
    margin-right: 24px !important;
  }
}
.m-7 {
  margin: 32px !important;
}
.my-7 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.mx-7 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.mt-7 {
  margin-top: 32px !important;
}
.mb-7 {
  margin-bottom: 32px !important;
}
.ml-7 {
  margin-left: 32px !important;
}
.mr-7 {
  margin-right: 32px !important;
}
@media (min-width: 375px) {
  .m-7-sm {
    margin: 32px !important;
  }
  .my-7-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-7-sm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mt-7-sm {
    margin-top: 32px !important;
  }
  .mb-7-sm {
    margin-bottom: 32px !important;
  }
  .ml-7-sm {
    margin-left: 32px !important;
  }
  .mr-7-sm {
    margin-right: 32px !important;
  }
}
@media (min-width: 768px) {
  .m-7-md {
    margin: 32px !important;
  }
  .my-7-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-7-md {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mt-7-md {
    margin-top: 32px !important;
  }
  .mb-7-md {
    margin-bottom: 32px !important;
  }
  .ml-7-md {
    margin-left: 32px !important;
  }
  .mr-7-md {
    margin-right: 32px !important;
  }
}
@media (min-width: 1000px) {
  .m-7-lg {
    margin: 32px !important;
  }
  .my-7-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-7-lg {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mt-7-lg {
    margin-top: 32px !important;
  }
  .mb-7-lg {
    margin-bottom: 32px !important;
  }
  .ml-7-lg {
    margin-left: 32px !important;
  }
  .mr-7-lg {
    margin-right: 32px !important;
  }
}
@media (min-width: 1200px) {
  .m-7-xl {
    margin: 32px !important;
  }
  .my-7-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-7-xl {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mt-7-xl {
    margin-top: 32px !important;
  }
  .mb-7-xl {
    margin-bottom: 32px !important;
  }
  .ml-7-xl {
    margin-left: 32px !important;
  }
  .mr-7-xl {
    margin-right: 32px !important;
  }
}
@media (min-width: 1600px) {
  .m-7-xxl {
    margin: 32px !important;
  }
  .my-7-xxl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx-7-xxl {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mt-7-xxl {
    margin-top: 32px !important;
  }
  .mb-7-xxl {
    margin-bottom: 32px !important;
  }
  .ml-7-xxl {
    margin-left: 32px !important;
  }
  .mr-7-xxl {
    margin-right: 32px !important;
  }
}
.m-8 {
  margin: 48px !important;
}
.my-8 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.mx-8 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.mt-8 {
  margin-top: 48px !important;
}
.mb-8 {
  margin-bottom: 48px !important;
}
.ml-8 {
  margin-left: 48px !important;
}
.mr-8 {
  margin-right: 48px !important;
}
@media (min-width: 375px) {
  .m-8-sm {
    margin: 48px !important;
  }
  .my-8-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-8-sm {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mt-8-sm {
    margin-top: 48px !important;
  }
  .mb-8-sm {
    margin-bottom: 48px !important;
  }
  .ml-8-sm {
    margin-left: 48px !important;
  }
  .mr-8-sm {
    margin-right: 48px !important;
  }
}
@media (min-width: 768px) {
  .m-8-md {
    margin: 48px !important;
  }
  .my-8-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-8-md {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mt-8-md {
    margin-top: 48px !important;
  }
  .mb-8-md {
    margin-bottom: 48px !important;
  }
  .ml-8-md {
    margin-left: 48px !important;
  }
  .mr-8-md {
    margin-right: 48px !important;
  }
}
@media (min-width: 1000px) {
  .m-8-lg {
    margin: 48px !important;
  }
  .my-8-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-8-lg {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mt-8-lg {
    margin-top: 48px !important;
  }
  .mb-8-lg {
    margin-bottom: 48px !important;
  }
  .ml-8-lg {
    margin-left: 48px !important;
  }
  .mr-8-lg {
    margin-right: 48px !important;
  }
}
@media (min-width: 1200px) {
  .m-8-xl {
    margin: 48px !important;
  }
  .my-8-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-8-xl {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mt-8-xl {
    margin-top: 48px !important;
  }
  .mb-8-xl {
    margin-bottom: 48px !important;
  }
  .ml-8-xl {
    margin-left: 48px !important;
  }
  .mr-8-xl {
    margin-right: 48px !important;
  }
}
@media (min-width: 1600px) {
  .m-8-xxl {
    margin: 48px !important;
  }
  .my-8-xxl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx-8-xxl {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mt-8-xxl {
    margin-top: 48px !important;
  }
  .mb-8-xxl {
    margin-bottom: 48px !important;
  }
  .ml-8-xxl {
    margin-left: 48px !important;
  }
  .mr-8-xxl {
    margin-right: 48px !important;
  }
}
.m-9 {
  margin: 64px !important;
}
.my-9 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.mx-9 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.mt-9 {
  margin-top: 64px !important;
}
.mb-9 {
  margin-bottom: 64px !important;
}
.ml-9 {
  margin-left: 64px !important;
}
.mr-9 {
  margin-right: 64px !important;
}
@media (min-width: 375px) {
  .m-9-sm {
    margin: 64px !important;
  }
  .my-9-sm {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-9-sm {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .mt-9-sm {
    margin-top: 64px !important;
  }
  .mb-9-sm {
    margin-bottom: 64px !important;
  }
  .ml-9-sm {
    margin-left: 64px !important;
  }
  .mr-9-sm {
    margin-right: 64px !important;
  }
}
@media (min-width: 768px) {
  .m-9-md {
    margin: 64px !important;
  }
  .my-9-md {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-9-md {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .mt-9-md {
    margin-top: 64px !important;
  }
  .mb-9-md {
    margin-bottom: 64px !important;
  }
  .ml-9-md {
    margin-left: 64px !important;
  }
  .mr-9-md {
    margin-right: 64px !important;
  }
}
@media (min-width: 1000px) {
  .m-9-lg {
    margin: 64px !important;
  }
  .my-9-lg {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-9-lg {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .mt-9-lg {
    margin-top: 64px !important;
  }
  .mb-9-lg {
    margin-bottom: 64px !important;
  }
  .ml-9-lg {
    margin-left: 64px !important;
  }
  .mr-9-lg {
    margin-right: 64px !important;
  }
}
@media (min-width: 1200px) {
  .m-9-xl {
    margin: 64px !important;
  }
  .my-9-xl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-9-xl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .mt-9-xl {
    margin-top: 64px !important;
  }
  .mb-9-xl {
    margin-bottom: 64px !important;
  }
  .ml-9-xl {
    margin-left: 64px !important;
  }
  .mr-9-xl {
    margin-right: 64px !important;
  }
}
@media (min-width: 1600px) {
  .m-9-xxl {
    margin: 64px !important;
  }
  .my-9-xxl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx-9-xxl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .mt-9-xxl {
    margin-top: 64px !important;
  }
  .mb-9-xxl {
    margin-bottom: 64px !important;
  }
  .ml-9-xxl {
    margin-left: 64px !important;
  }
  .mr-9-xxl {
    margin-right: 64px !important;
  }
}
.p-0 {
  padding: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
@media (min-width: 375px) {
  .p-0-sm {
    padding: 0px !important;
  }
  .py-0-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-0-sm {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .px-0-sm {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt-0-sm {
    padding-top: 0px !important;
  }
  .pb-0-sm {
    padding-bottom: 0px !important;
  }
  .pl-0-sm {
    padding-left: 0px !important;
  }
  .pr-0-sm {
    padding-right: 0px !important;
  }
}
@media (min-width: 768px) {
  .p-0-md {
    padding: 0px !important;
  }
  .py-0-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-0-md {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .px-0-md {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt-0-md {
    padding-top: 0px !important;
  }
  .pb-0-md {
    padding-bottom: 0px !important;
  }
  .pl-0-md {
    padding-left: 0px !important;
  }
  .pr-0-md {
    padding-right: 0px !important;
  }
}
@media (min-width: 1000px) {
  .p-0-lg {
    padding: 0px !important;
  }
  .py-0-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-0-lg {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .px-0-lg {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt-0-lg {
    padding-top: 0px !important;
  }
  .pb-0-lg {
    padding-bottom: 0px !important;
  }
  .pl-0-lg {
    padding-left: 0px !important;
  }
  .pr-0-lg {
    padding-right: 0px !important;
  }
}
@media (min-width: 1200px) {
  .p-0-xl {
    padding: 0px !important;
  }
  .py-0-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-0-xl {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .px-0-xl {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt-0-xl {
    padding-top: 0px !important;
  }
  .pb-0-xl {
    padding-bottom: 0px !important;
  }
  .pl-0-xl {
    padding-left: 0px !important;
  }
  .pr-0-xl {
    padding-right: 0px !important;
  }
}
@media (min-width: 1600px) {
  .p-0-xxl {
    padding: 0px !important;
  }
  .py-0-xxl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .px-0-xxl {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .px-0-xxl {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt-0-xxl {
    padding-top: 0px !important;
  }
  .pb-0-xxl {
    padding-bottom: 0px !important;
  }
  .pl-0-xxl {
    padding-left: 0px !important;
  }
  .pr-0-xxl {
    padding-right: 0px !important;
  }
}
.p-1 {
  padding: 2px !important;
}
.py-1 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.px-1 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.pt-1 {
  padding-top: 2px !important;
}
.pb-1 {
  padding-bottom: 2px !important;
}
.pl-1 {
  padding-left: 2px !important;
}
.pr-1 {
  padding-right: 2px !important;
}
@media (min-width: 375px) {
  .p-1-sm {
    padding: 2px !important;
  }
  .py-1-sm {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .px-1-sm {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .px-1-sm {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pt-1-sm {
    padding-top: 2px !important;
  }
  .pb-1-sm {
    padding-bottom: 2px !important;
  }
  .pl-1-sm {
    padding-left: 2px !important;
  }
  .pr-1-sm {
    padding-right: 2px !important;
  }
}
@media (min-width: 768px) {
  .p-1-md {
    padding: 2px !important;
  }
  .py-1-md {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .px-1-md {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .px-1-md {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pt-1-md {
    padding-top: 2px !important;
  }
  .pb-1-md {
    padding-bottom: 2px !important;
  }
  .pl-1-md {
    padding-left: 2px !important;
  }
  .pr-1-md {
    padding-right: 2px !important;
  }
}
@media (min-width: 1000px) {
  .p-1-lg {
    padding: 2px !important;
  }
  .py-1-lg {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .px-1-lg {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .px-1-lg {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pt-1-lg {
    padding-top: 2px !important;
  }
  .pb-1-lg {
    padding-bottom: 2px !important;
  }
  .pl-1-lg {
    padding-left: 2px !important;
  }
  .pr-1-lg {
    padding-right: 2px !important;
  }
}
@media (min-width: 1200px) {
  .p-1-xl {
    padding: 2px !important;
  }
  .py-1-xl {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .px-1-xl {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .px-1-xl {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pt-1-xl {
    padding-top: 2px !important;
  }
  .pb-1-xl {
    padding-bottom: 2px !important;
  }
  .pl-1-xl {
    padding-left: 2px !important;
  }
  .pr-1-xl {
    padding-right: 2px !important;
  }
}
@media (min-width: 1600px) {
  .p-1-xxl {
    padding: 2px !important;
  }
  .py-1-xxl {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .px-1-xxl {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .px-1-xxl {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pt-1-xxl {
    padding-top: 2px !important;
  }
  .pb-1-xxl {
    padding-bottom: 2px !important;
  }
  .pl-1-xxl {
    padding-left: 2px !important;
  }
  .pr-1-xxl {
    padding-right: 2px !important;
  }
}
.p-2 {
  padding: 4px !important;
}
.py-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.px-2 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.pt-2 {
  padding-top: 4px !important;
}
.pb-2 {
  padding-bottom: 4px !important;
}
.pl-2 {
  padding-left: 4px !important;
}
.pr-2 {
  padding-right: 4px !important;
}
@media (min-width: 375px) {
  .p-2-sm {
    padding: 4px !important;
  }
  .py-2-sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-2-sm {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .px-2-sm {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pt-2-sm {
    padding-top: 4px !important;
  }
  .pb-2-sm {
    padding-bottom: 4px !important;
  }
  .pl-2-sm {
    padding-left: 4px !important;
  }
  .pr-2-sm {
    padding-right: 4px !important;
  }
}
@media (min-width: 768px) {
  .p-2-md {
    padding: 4px !important;
  }
  .py-2-md {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-2-md {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .px-2-md {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pt-2-md {
    padding-top: 4px !important;
  }
  .pb-2-md {
    padding-bottom: 4px !important;
  }
  .pl-2-md {
    padding-left: 4px !important;
  }
  .pr-2-md {
    padding-right: 4px !important;
  }
}
@media (min-width: 1000px) {
  .p-2-lg {
    padding: 4px !important;
  }
  .py-2-lg {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-2-lg {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .px-2-lg {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pt-2-lg {
    padding-top: 4px !important;
  }
  .pb-2-lg {
    padding-bottom: 4px !important;
  }
  .pl-2-lg {
    padding-left: 4px !important;
  }
  .pr-2-lg {
    padding-right: 4px !important;
  }
}
@media (min-width: 1200px) {
  .p-2-xl {
    padding: 4px !important;
  }
  .py-2-xl {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-2-xl {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .px-2-xl {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pt-2-xl {
    padding-top: 4px !important;
  }
  .pb-2-xl {
    padding-bottom: 4px !important;
  }
  .pl-2-xl {
    padding-left: 4px !important;
  }
  .pr-2-xl {
    padding-right: 4px !important;
  }
}
@media (min-width: 1600px) {
  .p-2-xxl {
    padding: 4px !important;
  }
  .py-2-xxl {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-2-xxl {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .px-2-xxl {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pt-2-xxl {
    padding-top: 4px !important;
  }
  .pb-2-xxl {
    padding-bottom: 4px !important;
  }
  .pl-2-xxl {
    padding-left: 4px !important;
  }
  .pr-2-xxl {
    padding-right: 4px !important;
  }
}
.p-3 {
  padding: 8px !important;
}
.py-3 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.px-3 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.pt-3 {
  padding-top: 8px !important;
}
.pb-3 {
  padding-bottom: 8px !important;
}
.pl-3 {
  padding-left: 8px !important;
}
.pr-3 {
  padding-right: 8px !important;
}
@media (min-width: 375px) {
  .p-3-sm {
    padding: 8px !important;
  }
  .py-3-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-3-sm {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .px-3-sm {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pt-3-sm {
    padding-top: 8px !important;
  }
  .pb-3-sm {
    padding-bottom: 8px !important;
  }
  .pl-3-sm {
    padding-left: 8px !important;
  }
  .pr-3-sm {
    padding-right: 8px !important;
  }
}
@media (min-width: 768px) {
  .p-3-md {
    padding: 8px !important;
  }
  .py-3-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-3-md {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .px-3-md {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pt-3-md {
    padding-top: 8px !important;
  }
  .pb-3-md {
    padding-bottom: 8px !important;
  }
  .pl-3-md {
    padding-left: 8px !important;
  }
  .pr-3-md {
    padding-right: 8px !important;
  }
}
@media (min-width: 1000px) {
  .p-3-lg {
    padding: 8px !important;
  }
  .py-3-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-3-lg {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .px-3-lg {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pt-3-lg {
    padding-top: 8px !important;
  }
  .pb-3-lg {
    padding-bottom: 8px !important;
  }
  .pl-3-lg {
    padding-left: 8px !important;
  }
  .pr-3-lg {
    padding-right: 8px !important;
  }
}
@media (min-width: 1200px) {
  .p-3-xl {
    padding: 8px !important;
  }
  .py-3-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-3-xl {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .px-3-xl {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pt-3-xl {
    padding-top: 8px !important;
  }
  .pb-3-xl {
    padding-bottom: 8px !important;
  }
  .pl-3-xl {
    padding-left: 8px !important;
  }
  .pr-3-xl {
    padding-right: 8px !important;
  }
}
@media (min-width: 1600px) {
  .p-3-xxl {
    padding: 8px !important;
  }
  .py-3-xxl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .px-3-xxl {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .px-3-xxl {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pt-3-xxl {
    padding-top: 8px !important;
  }
  .pb-3-xxl {
    padding-bottom: 8px !important;
  }
  .pl-3-xxl {
    padding-left: 8px !important;
  }
  .pr-3-xxl {
    padding-right: 8px !important;
  }
}
.p-4 {
  padding: 12px !important;
}
.py-4 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.px-4 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.pt-4 {
  padding-top: 12px !important;
}
.pb-4 {
  padding-bottom: 12px !important;
}
.pl-4 {
  padding-left: 12px !important;
}
.pr-4 {
  padding-right: 12px !important;
}
@media (min-width: 375px) {
  .p-4-sm {
    padding: 12px !important;
  }
  .py-4-sm {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-4-sm {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .px-4-sm {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pt-4-sm {
    padding-top: 12px !important;
  }
  .pb-4-sm {
    padding-bottom: 12px !important;
  }
  .pl-4-sm {
    padding-left: 12px !important;
  }
  .pr-4-sm {
    padding-right: 12px !important;
  }
}
@media (min-width: 768px) {
  .p-4-md {
    padding: 12px !important;
  }
  .py-4-md {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-4-md {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .px-4-md {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pt-4-md {
    padding-top: 12px !important;
  }
  .pb-4-md {
    padding-bottom: 12px !important;
  }
  .pl-4-md {
    padding-left: 12px !important;
  }
  .pr-4-md {
    padding-right: 12px !important;
  }
}
@media (min-width: 1000px) {
  .p-4-lg {
    padding: 12px !important;
  }
  .py-4-lg {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-4-lg {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .px-4-lg {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pt-4-lg {
    padding-top: 12px !important;
  }
  .pb-4-lg {
    padding-bottom: 12px !important;
  }
  .pl-4-lg {
    padding-left: 12px !important;
  }
  .pr-4-lg {
    padding-right: 12px !important;
  }
}
@media (min-width: 1200px) {
  .p-4-xl {
    padding: 12px !important;
  }
  .py-4-xl {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-4-xl {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .px-4-xl {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pt-4-xl {
    padding-top: 12px !important;
  }
  .pb-4-xl {
    padding-bottom: 12px !important;
  }
  .pl-4-xl {
    padding-left: 12px !important;
  }
  .pr-4-xl {
    padding-right: 12px !important;
  }
}
@media (min-width: 1600px) {
  .p-4-xxl {
    padding: 12px !important;
  }
  .py-4-xxl {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .px-4-xxl {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .px-4-xxl {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pt-4-xxl {
    padding-top: 12px !important;
  }
  .pb-4-xxl {
    padding-bottom: 12px !important;
  }
  .pl-4-xxl {
    padding-left: 12px !important;
  }
  .pr-4-xxl {
    padding-right: 12px !important;
  }
}
.p-5 {
  padding: 16px !important;
}
.py-5 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.px-5 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.pt-5 {
  padding-top: 16px !important;
}
.pb-5 {
  padding-bottom: 16px !important;
}
.pl-5 {
  padding-left: 16px !important;
}
.pr-5 {
  padding-right: 16px !important;
}
@media (min-width: 375px) {
  .p-5-sm {
    padding: 16px !important;
  }
  .py-5-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-5-sm {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .px-5-sm {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pt-5-sm {
    padding-top: 16px !important;
  }
  .pb-5-sm {
    padding-bottom: 16px !important;
  }
  .pl-5-sm {
    padding-left: 16px !important;
  }
  .pr-5-sm {
    padding-right: 16px !important;
  }
}
@media (min-width: 768px) {
  .p-5-md {
    padding: 16px !important;
  }
  .py-5-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-5-md {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .px-5-md {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pt-5-md {
    padding-top: 16px !important;
  }
  .pb-5-md {
    padding-bottom: 16px !important;
  }
  .pl-5-md {
    padding-left: 16px !important;
  }
  .pr-5-md {
    padding-right: 16px !important;
  }
}
@media (min-width: 1000px) {
  .p-5-lg {
    padding: 16px !important;
  }
  .py-5-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-5-lg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .px-5-lg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pt-5-lg {
    padding-top: 16px !important;
  }
  .pb-5-lg {
    padding-bottom: 16px !important;
  }
  .pl-5-lg {
    padding-left: 16px !important;
  }
  .pr-5-lg {
    padding-right: 16px !important;
  }
}
@media (min-width: 1200px) {
  .p-5-xl {
    padding: 16px !important;
  }
  .py-5-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-5-xl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .px-5-xl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pt-5-xl {
    padding-top: 16px !important;
  }
  .pb-5-xl {
    padding-bottom: 16px !important;
  }
  .pl-5-xl {
    padding-left: 16px !important;
  }
  .pr-5-xl {
    padding-right: 16px !important;
  }
}
@media (min-width: 1600px) {
  .p-5-xxl {
    padding: 16px !important;
  }
  .py-5-xxl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .px-5-xxl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .px-5-xxl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pt-5-xxl {
    padding-top: 16px !important;
  }
  .pb-5-xxl {
    padding-bottom: 16px !important;
  }
  .pl-5-xxl {
    padding-left: 16px !important;
  }
  .pr-5-xxl {
    padding-right: 16px !important;
  }
}
.p-6 {
  padding: 24px !important;
}
.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.pt-6 {
  padding-top: 24px !important;
}
.pb-6 {
  padding-bottom: 24px !important;
}
.pl-6 {
  padding-left: 24px !important;
}
.pr-6 {
  padding-right: 24px !important;
}
@media (min-width: 375px) {
  .p-6-sm {
    padding: 24px !important;
  }
  .py-6-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-6-sm {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .px-6-sm {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pt-6-sm {
    padding-top: 24px !important;
  }
  .pb-6-sm {
    padding-bottom: 24px !important;
  }
  .pl-6-sm {
    padding-left: 24px !important;
  }
  .pr-6-sm {
    padding-right: 24px !important;
  }
}
@media (min-width: 768px) {
  .p-6-md {
    padding: 24px !important;
  }
  .py-6-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-6-md {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .px-6-md {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pt-6-md {
    padding-top: 24px !important;
  }
  .pb-6-md {
    padding-bottom: 24px !important;
  }
  .pl-6-md {
    padding-left: 24px !important;
  }
  .pr-6-md {
    padding-right: 24px !important;
  }
}
@media (min-width: 1000px) {
  .p-6-lg {
    padding: 24px !important;
  }
  .py-6-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-6-lg {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .px-6-lg {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pt-6-lg {
    padding-top: 24px !important;
  }
  .pb-6-lg {
    padding-bottom: 24px !important;
  }
  .pl-6-lg {
    padding-left: 24px !important;
  }
  .pr-6-lg {
    padding-right: 24px !important;
  }
}
@media (min-width: 1200px) {
  .p-6-xl {
    padding: 24px !important;
  }
  .py-6-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-6-xl {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .px-6-xl {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pt-6-xl {
    padding-top: 24px !important;
  }
  .pb-6-xl {
    padding-bottom: 24px !important;
  }
  .pl-6-xl {
    padding-left: 24px !important;
  }
  .pr-6-xl {
    padding-right: 24px !important;
  }
}
@media (min-width: 1600px) {
  .p-6-xxl {
    padding: 24px !important;
  }
  .py-6-xxl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .px-6-xxl {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .px-6-xxl {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pt-6-xxl {
    padding-top: 24px !important;
  }
  .pb-6-xxl {
    padding-bottom: 24px !important;
  }
  .pl-6-xxl {
    padding-left: 24px !important;
  }
  .pr-6-xxl {
    padding-right: 24px !important;
  }
}
.p-7 {
  padding: 32px !important;
}
.py-7 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.px-7 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.pt-7 {
  padding-top: 32px !important;
}
.pb-7 {
  padding-bottom: 32px !important;
}
.pl-7 {
  padding-left: 32px !important;
}
.pr-7 {
  padding-right: 32px !important;
}
@media (min-width: 375px) {
  .p-7-sm {
    padding: 32px !important;
  }
  .py-7-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-7-sm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .px-7-sm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .pt-7-sm {
    padding-top: 32px !important;
  }
  .pb-7-sm {
    padding-bottom: 32px !important;
  }
  .pl-7-sm {
    padding-left: 32px !important;
  }
  .pr-7-sm {
    padding-right: 32px !important;
  }
}
@media (min-width: 768px) {
  .p-7-md {
    padding: 32px !important;
  }
  .py-7-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-7-md {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .px-7-md {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .pt-7-md {
    padding-top: 32px !important;
  }
  .pb-7-md {
    padding-bottom: 32px !important;
  }
  .pl-7-md {
    padding-left: 32px !important;
  }
  .pr-7-md {
    padding-right: 32px !important;
  }
}
@media (min-width: 1000px) {
  .p-7-lg {
    padding: 32px !important;
  }
  .py-7-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-7-lg {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .px-7-lg {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .pt-7-lg {
    padding-top: 32px !important;
  }
  .pb-7-lg {
    padding-bottom: 32px !important;
  }
  .pl-7-lg {
    padding-left: 32px !important;
  }
  .pr-7-lg {
    padding-right: 32px !important;
  }
}
@media (min-width: 1200px) {
  .p-7-xl {
    padding: 32px !important;
  }
  .py-7-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-7-xl {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .px-7-xl {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .pt-7-xl {
    padding-top: 32px !important;
  }
  .pb-7-xl {
    padding-bottom: 32px !important;
  }
  .pl-7-xl {
    padding-left: 32px !important;
  }
  .pr-7-xl {
    padding-right: 32px !important;
  }
}
@media (min-width: 1600px) {
  .p-7-xxl {
    padding: 32px !important;
  }
  .py-7-xxl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .px-7-xxl {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .px-7-xxl {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .pt-7-xxl {
    padding-top: 32px !important;
  }
  .pb-7-xxl {
    padding-bottom: 32px !important;
  }
  .pl-7-xxl {
    padding-left: 32px !important;
  }
  .pr-7-xxl {
    padding-right: 32px !important;
  }
}
.p-8 {
  padding: 48px !important;
}
.py-8 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.px-8 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.pt-8 {
  padding-top: 48px !important;
}
.pb-8 {
  padding-bottom: 48px !important;
}
.pl-8 {
  padding-left: 48px !important;
}
.pr-8 {
  padding-right: 48px !important;
}
@media (min-width: 375px) {
  .p-8-sm {
    padding: 48px !important;
  }
  .py-8-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-8-sm {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .px-8-sm {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .pt-8-sm {
    padding-top: 48px !important;
  }
  .pb-8-sm {
    padding-bottom: 48px !important;
  }
  .pl-8-sm {
    padding-left: 48px !important;
  }
  .pr-8-sm {
    padding-right: 48px !important;
  }
}
@media (min-width: 768px) {
  .p-8-md {
    padding: 48px !important;
  }
  .py-8-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-8-md {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .px-8-md {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .pt-8-md {
    padding-top: 48px !important;
  }
  .pb-8-md {
    padding-bottom: 48px !important;
  }
  .pl-8-md {
    padding-left: 48px !important;
  }
  .pr-8-md {
    padding-right: 48px !important;
  }
}
@media (min-width: 1000px) {
  .p-8-lg {
    padding: 48px !important;
  }
  .py-8-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-8-lg {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .px-8-lg {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .pt-8-lg {
    padding-top: 48px !important;
  }
  .pb-8-lg {
    padding-bottom: 48px !important;
  }
  .pl-8-lg {
    padding-left: 48px !important;
  }
  .pr-8-lg {
    padding-right: 48px !important;
  }
}
@media (min-width: 1200px) {
  .p-8-xl {
    padding: 48px !important;
  }
  .py-8-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-8-xl {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .px-8-xl {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .pt-8-xl {
    padding-top: 48px !important;
  }
  .pb-8-xl {
    padding-bottom: 48px !important;
  }
  .pl-8-xl {
    padding-left: 48px !important;
  }
  .pr-8-xl {
    padding-right: 48px !important;
  }
}
@media (min-width: 1600px) {
  .p-8-xxl {
    padding: 48px !important;
  }
  .py-8-xxl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .px-8-xxl {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .px-8-xxl {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .pt-8-xxl {
    padding-top: 48px !important;
  }
  .pb-8-xxl {
    padding-bottom: 48px !important;
  }
  .pl-8-xxl {
    padding-left: 48px !important;
  }
  .pr-8-xxl {
    padding-right: 48px !important;
  }
}
.p-9 {
  padding: 64px !important;
}
.py-9 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.px-9 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.pt-9 {
  padding-top: 64px !important;
}
.pb-9 {
  padding-bottom: 64px !important;
}
.pl-9 {
  padding-left: 64px !important;
}
.pr-9 {
  padding-right: 64px !important;
}
@media (min-width: 375px) {
  .p-9-sm {
    padding: 64px !important;
  }
  .py-9-sm {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-9-sm {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .px-9-sm {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .pt-9-sm {
    padding-top: 64px !important;
  }
  .pb-9-sm {
    padding-bottom: 64px !important;
  }
  .pl-9-sm {
    padding-left: 64px !important;
  }
  .pr-9-sm {
    padding-right: 64px !important;
  }
}
@media (min-width: 768px) {
  .p-9-md {
    padding: 64px !important;
  }
  .py-9-md {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-9-md {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .px-9-md {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .pt-9-md {
    padding-top: 64px !important;
  }
  .pb-9-md {
    padding-bottom: 64px !important;
  }
  .pl-9-md {
    padding-left: 64px !important;
  }
  .pr-9-md {
    padding-right: 64px !important;
  }
}
@media (min-width: 1000px) {
  .p-9-lg {
    padding: 64px !important;
  }
  .py-9-lg {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-9-lg {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .px-9-lg {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .pt-9-lg {
    padding-top: 64px !important;
  }
  .pb-9-lg {
    padding-bottom: 64px !important;
  }
  .pl-9-lg {
    padding-left: 64px !important;
  }
  .pr-9-lg {
    padding-right: 64px !important;
  }
}
@media (min-width: 1200px) {
  .p-9-xl {
    padding: 64px !important;
  }
  .py-9-xl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-9-xl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .px-9-xl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .pt-9-xl {
    padding-top: 64px !important;
  }
  .pb-9-xl {
    padding-bottom: 64px !important;
  }
  .pl-9-xl {
    padding-left: 64px !important;
  }
  .pr-9-xl {
    padding-right: 64px !important;
  }
}
@media (min-width: 1600px) {
  .p-9-xxl {
    padding: 64px !important;
  }
  .py-9-xxl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .px-9-xxl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .px-9-xxl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .pt-9-xxl {
    padding-top: 64px !important;
  }
  .pb-9-xxl {
    padding-bottom: 64px !important;
  }
  .pl-9-xxl {
    padding-left: 64px !important;
  }
  .pr-9-xxl {
    padding-right: 64px !important;
  }
}
.w-auto {
  width: auto !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-fit-content {
  width: fit-content !important;
}
@media (min-width: 375px) {
  .w-auto-sm {
    width: auto !important;
  }
  .w-25-sm {
    width: 25% !important;
  }
  .w-50-sm {
    width: 50% !important;
  }
  .w-75-sm {
    width: 75% !important;
  }
  .w-100-sm {
    width: 100% !important;
  }
  .w-fit-content-sm {
    width: fit-content !important;
  }
}
@media (min-width: 768px) {
  .w-auto-md {
    width: auto !important;
  }
  .w-25-md {
    width: 25% !important;
  }
  .w-50-md {
    width: 50% !important;
  }
  .w-75-md {
    width: 75% !important;
  }
  .w-100-md {
    width: 100% !important;
  }
  .w-fit-content-md {
    width: fit-content !important;
  }
}
@media (min-width: 1000px) {
  .w-auto-lg {
    width: auto !important;
  }
  .w-25-lg {
    width: 25% !important;
  }
  .w-50-lg {
    width: 50% !important;
  }
  .w-75-lg {
    width: 75% !important;
  }
  .w-100-lg {
    width: 100% !important;
  }
  .w-fit-content-lg {
    width: fit-content !important;
  }
}
@media (min-width: 1200px) {
  .w-auto-xl {
    width: auto !important;
  }
  .w-25-xl {
    width: 25% !important;
  }
  .w-50-xl {
    width: 50% !important;
  }
  .w-75-xl {
    width: 75% !important;
  }
  .w-100-xl {
    width: 100% !important;
  }
  .w-fit-content-xl {
    width: fit-content !important;
  }
}
@media (min-width: 1600px) {
  .w-auto-xxl {
    width: auto !important;
  }
  .w-25-xxl {
    width: 25% !important;
  }
  .w-50-xxl {
    width: 50% !important;
  }
  .w-75-xxl {
    width: 75% !important;
  }
  .w-100-xxl {
    width: 100% !important;
  }
  .w-fit-content-xxl {
    width: fit-content !important;
  }
}
@keyframes simpleFadeIn {
  to {
    opacity: 1;
  }
}
@keyframes scaleIn {
  to {
    scale: 1;
  }
}
@keyframes fadeInAndTranslateY {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInAndTranslateX {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@font-face {
  font-family: "Nekst Bold";
  src: url(../fonts/Nekst-Bold-Desktop.otf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Nekst SemiBold";
  src: url(../fonts/Nekst-SemiBold-Desktop.otf) format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "unl3";
  src: url(../fonts/unl3.eot);
  src: url(../fonts/unl3.woff) format("woff"),
    url(../fonts/unl3.eot#iefix) format("embedded-opentype"),
    url(../fonts/unl3.ttf) format("truetype"),
    url(../images/unl3.svg#iconsstable) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  font-family: "unl3" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root {
  --additional-menu-offset: 0;
  --scrollbar-width: 0px;
  --base-font-size: 16px;
  --device-padding-x: 16px;
  --device-spacing-flex-s: 16px;
  --device-spacing-flex-m: 40px;
  --device-spacing-flex-l: 60px;
}
@media (min-width: 375px) {
  :root {
    --device-padding-x: 16px;
    --device-spacing-flex-s: 16px;
    --device-spacing-flex-m: 40px;
    --device-spacing-flex-l: 60px;
  }
}
@media (min-width: 768px) {
  :root {
    --device-padding-x: 40px;
    --device-spacing-flex-s: 40px;
    --device-spacing-flex-m: 60px;
    --device-spacing-flex-l: 80px;
  }
}
@media (min-width: 1000px) {
  :root {
    --device-padding-x: 40px;
    --device-spacing-flex-s: 60px;
    --device-spacing-flex-m: 80px;
    --device-spacing-flex-l: 120px;
  }
}
@media (min-width: 1200px) {
  :root {
    --device-padding-x: 60px;
    --device-spacing-flex-s: 60px;
    --device-spacing-flex-m: 80px;
    --device-spacing-flex-l: 120px;
  }
}
@media (min-width: 1600px) {
  :root {
    --device-padding-x: 60px;
    --device-spacing-flex-s: 60px;
    --device-spacing-flex-m: 80px;
    --device-spacing-flex-l: 120px;
  }
}
html {
  font-size: var(--base-font-size);
  background: #fff;
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
  scrollbar-gutter: stable;
}
html.overflow-hidden {
  overflow: hidden;
}
html.overflow-x-hidden {
  overflow-x: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font: 400 1.125rem/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI,
    Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji,
    sans-serif;
  color: #000;
  background-color: #fff;
  overflow-x: hidden;
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
a {
  text-decoration: none;
  color: #000;
}
button {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
*:focus-visible {
  outline-color: #7fb100;
}
.frc-captcha {
  display: none;
}
.cky-banner-element {
  cursor: pointer;
}
.hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
#wpadminbar {
  position: fixed;
}
.page {
  --navbar-height: 64px;
}
.page_pt_0 {
  padding-top: 0;
}
.page__main_bg_geometry {
  background: bottom -440px right/contain url(../images/triangle2.svg) no-repeat,
    bottom left/contain url(../images/triangle1.svg) no-repeat,
    bottom left 278px/842px url(../images/dot-matrix.svg) no-repeat;
}
@media (min-width: 768px) {
  .page__main_bg_geometry {
    background: bottom right url(../images/triangle2.svg) no-repeat,
      bottom -90px left/contain url(../images/triangle1.svg) no-repeat,
      bottom left 278px/842px url(../images/dot-matrix.svg) no-repeat;
  }
}
@media (min-width: 1000px) {
  .page__main_bg_geometry {
    background: bottom right url(../images/triangle2.svg) no-repeat,
      bottom -90px left/contain url(../images/triangle1.svg) no-repeat,
      bottom left 278px/842px url(../images/dot-matrix.svg) no-repeat;
  }
}
@media (min-width: 1200px) {
  .page__main_bg_geometry {
    background: bottom right url(../images/triangle2.svg) no-repeat,
      bottom -200px left/contain url(../images/triangle1.svg) no-repeat,
      bottom left calc(50% + 330px) / 842px url(../images/dot-matrix.svg)
        no-repeat;
  }
}
@media (min-width: 1600px) {
  .page__main_bg_geometry {
    background: bottom -450px right/contain url(../images/triangle2.svg) no-repeat,
      bottom -240px left/contain url(../images/triangle1.svg) no-repeat,
      bottom left calc(50% + 606px) / 842px url(../images/dot-matrix.svg)
        no-repeat;
  }
}
.page__main_navbar-offset {
  padding-top: calc(var(--navbar-height) + var(--additional-menu-offset));
}
.page__main_overflow-clip {
  overflow: clip;
}
.page_overflow-hidden {
  overflow: hidden;
}
.page__navbar {
  position: fixed;
  width: 100%;
  top: var(--additional-menu-offset);
  z-index: 100;
  transition: transform 150ms ease-out;
}
.page__section {
  display: flex;
  justify-content: center;
}
.page__section-container {
  padding-left: var(--device-padding-x);
  padding-right: var(--device-padding-x);
  width: 100%;
  max-width: 1920px;
  flex: 1;
}
.page__section-container_no-max-width {
  max-width: 100%;
}
.page__section-container_no-paddings {
  padding-left: 0;
  padding-right: 0;
}
.page__section-container_multi {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (min-width: 768px) {
  .page__section-container_multi {
    gap: 200px;
  }
}
[data-animate-on-entry] {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: opacity 0.6s, transform 0.6s ease-out;
}
[data-animate-on-entry][aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.css-animation-paused {
  animation-play-state: paused;
}
.unl-btn {
  --btn-border-radius: 8px;
  --btn-padding: calc(var(--padding-button-m, 16px) - 3px)
    calc(var(--padding-button-l, 20px) - 3px);
  --btn-gap: 24px;
  --btn-icon-size: 24px;
  --btn-label-vertical-padding: 3px;
  --btn-border-focus-color: #4064ff;
  --btn-text-color: #fff;
  --btn-text-disabled-color: #b3b3b3;
  --btn-thirdy-text-color: #000;
  --btn-thirdy-disabled-text-color: #b3b3b3;
  --btn-bg-color: #000;
  --btn-bg-hover-color: #4d4d4d;
  --btn-bg-active-color: #000;
  --btn-bg-disabled-color: #f5f5f5;
  --btn-border-disabled-color: #e6e6e6;
  --btn-mini-disabled-icon-color: #fff;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  text-align: left;
  gap: var(--btn-gap);
  padding: var(--btn-padding);
  width: var(--btn-width, fit-content);
  height: fit-content;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: var(--btn-border-radius);
  cursor: pointer;
  background: var(--btn-bg-color);
  color: var(--btn-text-color);
  transition: 0.2s;
}
@media (hover: hover) {
  .unl-btn:not(.unl-btn_variant_thirdy):hover {
    background: var(--btn-bg-hover-color);
  }
}
.unl-btn:not(.unl-btn_variant_thirdy).unl-btn_hovered {
  background: var(--btn-bg-hover-color);
}
.unl-btn:not(.unl-btn_variant_thirdy):active {
  background: var(--btn-bg-active-color);
}
.unl-btn:not(.unl-btn_variant_thirdy).disabled,
.unl-btn:not(.unl-btn_variant_thirdy)[disabled] {
  background: var(--btn-bg-disabled-color);
  border: 1px solid;
  border-color: var(--btn-border-disabled-color);
  cursor: not-allowed;
}
.unl-btn:focus-visible {
  border-color: var(--btn-border-focus-color);
  outline: none;
}
.unl-btn.disabled,
.unl-btn[disabled] {
  color: var(--btn-text-disabled-color);
  pointer-events: none;
}
.unl-btn__content {
  display: flex;
  min-height: 24px;
  text-align: left;
  gap: inherit;
}
.unl-btn__icon {
  aspect-ratio: 1;
  font-size: var(--btn-icon-size);
  height: 24px;
}
.unl-btn__icon-stack {
  font-size: var(--btn-icon-size);
  margin-left: auto;
}
.unl-btn_variant_extra {
  min-width: 200px;
  min-height: 96px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.unl-btn_variant_extra .unl-btn__label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}
.unl-btn_variant_extra.disabled,
.unl-btn_variant_extra[disabled] {
  --btn-padding: calc(var(--padding-button-m, 16px) - 1px)
    calc(var(--padding-button-l, 20px) - 1px);
}
.unl-btn_variant_primary .unl-btn__content {
  align-items: center;
}
.unl-btn_variant_primary .unl-btn__label {
  min-width: 116px;
}
.unl-btn_variant_primary.disabled,
.unl-btn_variant_primary[disabled] {
  --btn-padding: calc(var(--padding-button-m, 16px) - 1px)
    calc(var(--padding-button-l, 20px) - 1px);
}
.unl-btn_variant_primary-s {
  --btn-padding: calc(var(--padding-button-s, 12px) - 3px)
    calc(var(--padding-button-m, 16px) - 3px);
  --btn-gap: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
}
.unl-btn_variant_primary-s .unl-btn__content {
  align-items: center;
}
.unl-btn_variant_primary-s .unl-btn__label {
  min-width: 116px;
}
.unl-btn_variant_primary-s.disabled,
.unl-btn_variant_primary-s[disabled] {
  --btn-padding: calc(var(--padding-button-m, 16px) - 1px)
    calc(var(--padding-button-l, 20px) - 1px);
}
.unl-btn_variant_primary-m {
  --btn-padding: calc(var(--padding-button-m, 16px) - 3px)
    calc(var(--padding-button-l, 20px) - 3px);
  --btn-gap: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1;
}
.unl-btn_variant_primary-m .unl-btn__content {
  align-items: center;
}
.unl-btn_variant_primary-m .unl-btn__label {
  min-width: 116px;
}
.unl-btn_variant_primary-m.disabled,
.unl-btn_variant_primary-m[disabled] {
  --btn-padding: calc(var(--padding-button-m, 16px) - 1px)
    calc(var(--padding-button-l, 20px) - 1px);
}
.unl-btn_variant_primary-responsive {
  --btn-padding: calc(var(--padding-button-s, 12px) - 3px)
    calc(var(--padding-button-m, 16px) - 3px);
  --btn-gap: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
}
@media (min-width: 1000px) {
  .unl-btn_variant_primary-responsive {
    --btn-padding: calc(var(--padding-button-m, 16px) - 3px)
      calc(var(--padding-button-l, 20px) - 3px);
    --btn-gap: 20px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
  }
}
.unl-btn_variant_primary-responsive .unl-btn__content {
  align-items: center;
}
.unl-btn_variant_primary-responsive .unl-btn__label {
  min-width: 116px;
}
.unl-btn_variant_primary-responsive.disabled,
.unl-btn_variant_primary-responsive[disabled] {
  --btn-padding: calc(var(--padding-button-m, 16px) - 1px)
    calc(var(--padding-button-l, 20px) - 1px);
}
.unl-btn_variant_secondary {
  --btn-padding: calc(var(--padding-button-m, 16px) - 3px);
  align-items: flex-start;
}
.unl-btn_variant_secondary.disabled,
.unl-btn_variant_secondary[disabled] {
  --btn-padding: calc(var(--padding-button-m, 16px) - 1px);
}
.unl-btn_variant_thirdy {
  --btn-padding: calc(var(--padding-button-s, 12px) - 3px)
    calc(var(--padding-button-2xs, 4px) - 3px);
  color: var(--btn-thirdy-text-color);
  min-width: 160px;
  background: none;
}
.unl-btn_variant_thirdy:hover {
  color: var(--btn-thirdy-hover-text-color);
}
.unl-btn_variant_thirdy.disabled,
.unl-btn_variant_thirdy[disabled] {
  color: var(--btn-thirdy-disabled-text-color);
}
.unl-btn_variant_thirdy.disabled .unl-btn__icon,
.unl-btn_variant_thirdy[disabled] .unl-btn__icon {
  opacity: 0.5;
}
.unl-btn_variant_thirdy .unl-btn__content {
  flex: 1 0 0;
  display: flex;
  min-width: 120px;
  align-items: center;
  gap: var(--spacing-constant-s, 16px);
}
.unl-btn_variant_thirdy .unl-btn__language-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  outline: 1px solid var(--btn-thirdy-text-color);
  outline-offset: -2px;
}
.unl-btn_variant_mini {
  --btn-padding: calc(var(--padding-button-xs, 8px) - 3px);
  --btn-border-radius: 50%;
}
.unl-btn_variant_mini.disabled,
.unl-btn_variant_mini[disabled] {
  --btn-padding: calc(var(--padding-button-xs, 8px) - 1px);
  color: var(--btn-mini-disabled-icon-color);
}
.unl-btn[theme="light-default"],
[theme="light"] .unl-btn,
[theme="light-default"] .unl-btn,
.unl-btn_theme_light-default {
  --btn-text-color: #fff;
  --btn-text-disabled-color: #b3b3b3;
  --btn-thirdy-text-color: #000;
  --btn-thirdy-disabled-text-color: #b3b3b3;
  --btn-bg-color: #000;
  --btn-bg-hover-color: #4d4d4d;
  --btn-bg-active-color: #000;
  --btn-bg-disabled-color: #f5f5f5;
  --btn-border-disabled-color: #e6e6e6;
  --btn-mini-disabled-icon-color: #fff;
}
.unl-btn[theme="light-accent"],
[theme="light-accent"] .unl-btn,
.unl-btn_theme_light-accent {
  --btn-text-color: #000;
  --btn-thirdy-text-color: #000;
  --btn-thirdy-hover-text-color: #000;
  --btn-thirdy-disabled-text-color: #a4dd05;
  --btn-bg-color: #c9f73a;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #beef25;
  --btn-bg-disabled-color: #fcffe5;
  --btn-border-disabled-color: #e6e6e6;
  --btn-mini-disabled-icon-color: #000;
}
.unl-btn[theme="dark-default"],
[theme="dark"] .unl-btn,
[theme="dark-default"] .unl-btn,
.unl-btn_theme_dark-default {
  --btn-text-color: #000;
  --btn-text-disabled-color: #999999;
  --btn-thirdy-text-color: #fff;
  --btn-thirdy-hover-text-color: #c9f73a;
  --btn-thirdy-disabled-text-color: #999999;
  --btn-bg-color: #fff;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #fff;
  --btn-bg-disabled-color: #1a1a1a;
  --btn-border-disabled-color: #333333;
  --btn-mini-disabled-icon-color: #000;
}
.unl-btn[theme="dark-accent"],
[theme="dark-accent"] .unl-btn,
.unl-btn_theme_dark-accent {
  --btn-text-color: #000;
  --btn-thirdy-text-color: #c9f73a;
  --btn-thirdy-hover-text-color: #fff;
  --btn-thirdy-disabled-text-color: #4d690b;
  --btn-text-disabled-color: #999999;
  --btn-bg-color: #c9f73a;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #beef25;
  --btn-bg-disabled-color: #213201;
  --btn-border-disabled-color: #4d690b;
  --btn-mini-disabled-icon-color: #000;
}
.interface-btn {
  --btn-border-radius: 8px;
  --btn-padding: calc(var(--padding-button-s, 12px) - 3px)
    calc(var(--padding-button-l, 20px) - 3px);
  --btn-icon-size: 24px;
  --btn-border-focus-color: #7fb100;
  --btn-text-color: #fff;
  --btn-text-disabled-color: #b3b3b3;
  --btn-secondary-text-color: #000;
  --btn-secondary-hover-text-color: #90c703;
  --btn-secondary-disabled-text-color: #b3b3b3;
  --btn-bg-color: #000;
  --btn-bg-hover-color: #4d4d4d;
  --btn-bg-active-color: #000;
  --btn-bg-disabled-color: #f5f5f5;
  --btn-border-disabled-color: #e6e6e6;
  --btn-mini-disabled-icon-color: #fff;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1;
  display: inline-flex;
  gap: var(--gap, 20px);
  padding: var(--btn-padding);
  width: var(--btn-width, fit-content);
  height: fit-content;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: var(--btn-border-radius);
  background: var(--btn-bg-color);
  color: var(--btn-text-color);
  transition: 0.2s;
}
.interface-btn__content {
  display: flex;
  min-height: 24px;
  text-align: left;
  align-items: center;
}
.interface-btn__label {
  padding-block: var(--btn-label-vertical-padding, 0);
  font-weight: 600;
}
.interface-btn__icon {
  font-size: var(--btn-icon-size);
  width: var(--btn-icon-size);
  height: var(--btn-icon-size);
}
.interface-btn__icon-stack {
  font-size: var(--btn-icon-size);
  margin-left: auto;
}
.interface-btn:focus-visible {
  border-color: var(--btn-border-focus-color);
  outline: none;
}
.interface-btn.disabled,
.interface-btn[disabled] {
  color: var(--btn-text-disabled-color);
  pointer-events: none;
}
.interface-btn_variant_primary {
  --btn-border-radius: 30px;
}
.interface-btn_variant_primary:hover {
  background: var(--btn-bg-hover-color);
}
.interface-btn_variant_primary:active {
  background: var(--btn-bg-active-color);
}
.interface-btn_variant_primary.disabled,
.interface-btn_variant_primary[disabled] {
  --btn-padding: calc(var(--padding-button-s, 12px) - 1px)
    calc(var(--padding-button-l, 20px) - 1px);
  background: var(--btn-bg-disabled-color);
  border: 1px solid;
  border-color: var(--btn-border-disabled-color);
}
.interface-btn_variant_secondary {
  --btn-padding: calc(var(--padding-button-s, 12px) - 3px)
    calc(var(--padding-button-2xs, 4px) - 3px);
  --btn-label-vertical-padding: 3px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1;
}
.interface-btn_variant_thirdy {
  --btn-padding: calc(var(--padding-button-xs, 8px) - 3px)
    calc(var(--padding-button-2xs, 4px) - 3px);
  --btn-label-vertical-padding: 4px;
}
.interface-btn_variant_fourth {
  --btn-padding: calc(var(--padding-button-2xs, 4px) - 3px);
  --btn-label-vertical-padding: 4px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
}
.interface-btn_variant_primary,
.interface-btn_variant_thirdy {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
}
.interface-btn_variant_secondary,
.interface-btn_variant_thirdy,
.interface-btn_variant_fourth {
  --gap: 16px;
  color: var(--btn-secondary-text-color);
  background: none;
}
.interface-btn_variant_secondary .interface-btn__content,
.interface-btn_variant_thirdy .interface-btn__content,
.interface-btn_variant_fourth .interface-btn__content {
  display: flex;
  gap: var(--gap, 16px);
}
.interface-btn_variant_secondary:hover,
.interface-btn_variant_thirdy:hover,
.interface-btn_variant_fourth:hover {
  color: var(--btn-secondary-hover-text-color);
}
.interface-btn_variant_secondary.disabled,
.interface-btn_variant_secondary[disabled],
.interface-btn_variant_thirdy.disabled,
.interface-btn_variant_thirdy[disabled],
.interface-btn_variant_fourth.disabled,
.interface-btn_variant_fourth[disabled] {
  color: var(--btn-secondary-disabled-text-color);
}
.interface-btn_variant_secondary.disabled .interface-btn__icon,
.interface-btn_variant_secondary[disabled] .interface-btn__icon,
.interface-btn_variant_thirdy.disabled .interface-btn__icon,
.interface-btn_variant_thirdy[disabled] .interface-btn__icon,
.interface-btn_variant_fourth.disabled .interface-btn__icon,
.interface-btn_variant_fourth[disabled] .interface-btn__icon {
  opacity: 0.5;
}
.interface-btn[theme="light-default"],
[theme="light-default"] .interface-btn,
.interface-btn_theme_light-default {
  --btn-text-color: #000;
  --btn-secondary-text-color: #000;
  --btn-secondary-hover-text-color: #90c703;
  --btn-secondary-disabled-text-color: #a4dd05;
  --btn-bg-color: #c9f73a;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #beef25;
  --btn-bg-disabled-color: #fcffe5;
  --btn-border-disabled-color: #e6e6e6;
  --btn-mini-disabled-icon-color: #000;
}
.interface-btn[theme="light-accent"],
[theme="light-accent"] .interface-btn,
.interface-btn_theme_light-accent {
  --btn-text-color: #fff;
  --btn-text-disabled-color: #b3b3b3;
  --btn-secondary-text-color: #000;
  --btn-secondary-hover-text-color: #90c703;
  --btn-secondary-disabled-text-color: #b3b3b3;
  --btn-bg-color: #000;
  --btn-bg-hover-color: #4d4d4d;
  --btn-bg-active-color: #000;
  --btn-bg-disabled-color: #f5f5f5;
  --btn-border-disabled-color: #e6e6e6;
  --btn-mini-disabled-icon-color: #fff;
}
.interface-btn[theme="dark-default"],
[theme="dark"] .interface-btn,
[theme="dark-default"] .interface-btn,
.interface-btn_theme_dark-default {
  --btn-text-color: #000;
  --btn-text-disabled-color: #999999;
  --btn-secondary-text-color: #fff;
  --btn-secondary-hover-text-color: #c9f73a;
  --btn-secondary-disabled-text-color: #999999;
  --btn-bg-color: #fff;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #fff;
  --btn-bg-disabled-color: #1a1a1a;
  --btn-border-disabled-color: #333333;
  --btn-mini-disabled-icon-color: #000;
}
.interface-btn[theme="dark-accent"],
[theme="dark-accent"] .interface-btn,
.interface-btn_theme_dark-accent {
  --btn-text-color: #000;
  --btn-secondary-text-color: #c9f73a;
  --btn-secondary-hover-text-color: #fff;
  --btn-secondary-disabled-text-color: #4d690b;
  --btn-text-disabled-color: #999999;
  --btn-bg-color: #c9f73a;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #beef25;
  --btn-bg-disabled-color: #213201;
  --btn-border-disabled-color: #4d690b;
  --btn-mini-disabled-icon-color: #000;
}
.unl-link {
  --link-padding-x: 3px;
  --link-margin-x: -3px;
  --link-border-radius: 4px;
  height: fit-content;
  text-decoration: none;
  font-family: inherit;
  font-weight: 600;
  border-radius: var(--link-border-radius);
  color: var(--link-text-color, #7fb100);
  background: var(--link-bg-color, transparent);
  padding-inline: var(--link-padding-x);
  margin-inline: var(--link-margin-x);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background 0.2s, color 0.2s;
}
.unl-link:focus-visible {
  outline: 2px solid var(--link-focused-border-color);
  outline-offset: -2px;
}
.unl-link[tabindex="-1"],
.unl-link.disabled {
  pointer-events: none;
}
[theme="light"] .unl-link:visited,
.unl-link_theme_light:visited,
.unl-link:visited {
  --link-text-color: #5d1aaf;
}
@media (hover: hover) {
  [theme="light"] .unl-link:hover,
  .unl-link_theme_light:hover,
  .unl-link:hover {
    --link-text-color: #4d690b;
    --link-bg-color: #d8ff57;
  }
}
[theme="light"] .unl-link:focus-visible,
.unl-link_theme_light:focus-visible,
.unl-link:focus-visible {
  --link-focused-border-color: rgba(127, 177, 0, 0.6);
}
[theme="light"] .unl-link:active,
.unl-link_theme_light:active,
.unl-link:active {
  --link-text-color: #4d690b;
  --link-bg-color: #beef25;
}
[theme="light"] .unl-link[tabindex="-1"],
[theme="light"] .unl-link.disabled,
.unl-link_theme_light[tabindex="-1"],
.unl-link_theme_light.disabled,
.unl-link[tabindex="-1"],
.unl-link.disabled {
  --link-text-color: #999999;
}
[theme="dark"] .unl-link,
.unl-link_theme_dark {
  --link-text-color: #c9f73a;
}
[theme="dark"] .unl-link:visited,
.unl-link_theme_dark:visited {
  --link-text-color: #b480ff;
}
@media (hover: hover) {
  [theme="dark"] .unl-link:hover,
  .unl-link_theme_dark:hover {
    --link-text-color: #213201;
    --link-bg-color: #a4dd05;
  }
}
[theme="dark"] .unl-link:focus-visible,
.unl-link_theme_dark:focus-visible {
  --link-focused-border-color: rgba(127, 177, 0, 0.6);
}
[theme="dark"] .unl-link:active,
.unl-link_theme_dark:active {
  --link-text-color: #213201;
  --link-bg-color: #a4dd05;
}
[theme="dark"] .unl-link[tabindex="-1"],
[theme="dark"] .unl-link.disabled,
.unl-link_theme_dark[tabindex="-1"],
.unl-link_theme_dark.disabled {
  --link-text-color: #999999;
}
@property --bgColor {
  syntax: "<color>";
  initial-value: transparent;
  inherits: true;
}
@property --logoColor {
  syntax: "<color>";
  initial-value: #000;
  inherits: true;
}
.navbar {
  --logoWidth: 86px;
  --logoV2Width: 85px;
  --logoColor: #000;
  --bgColor: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 100;
  transition: background-color 200ms ease-out;
}
@media (min-width: 1000px) {
  .navbar {
    background-color: var(--bgColor);
  }
}
@media (min-width: 1400px) {
  .navbar {
    --logoWidth: 103px;
    --logoV2Width: 102px;
  }
}
.navbar_accent {
  --bgColor: #c9f73a;
}
.navbar_white {
  --bgColor: #fff;
}
.navbar_dark {
  --bgColor: #000;
}
.navbar_dark .unl-btn {
  --btn-text-color: #000;
  --btn-text-disabled-color: #999999;
  --btn-thirdy-text-color: #fff;
  --btn-thirdy-hover-text-color: #c9f73a;
  --btn-thirdy-disabled-text-color: #999999;
  --btn-bg-color: #fff;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #fff;
  --btn-bg-disabled-color: #1a1a1a;
  --btn-border-disabled-color: #333333;
  --btn-mini-disabled-icon-color: #000;
}
.navbar_dark .interface-btn {
  --btn-text-color: #000;
  --btn-text-disabled-color: #999999;
  --btn-secondary-text-color: #fff;
  --btn-secondary-hover-text-color: #c9f73a;
  --btn-secondary-disabled-text-color: #999999;
  --btn-bg-color: #fff;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #fff;
  --btn-bg-disabled-color: #1a1a1a;
  --btn-border-disabled-color: #333333;
  --btn-mini-disabled-icon-color: #000;
}
.navbar_dark-transparent {
  --bgColor: transparent;
}
.navbar_dark-transparent .unl-btn {
  --btn-text-color: #000;
  --btn-text-disabled-color: #999999;
  --btn-thirdy-text-color: #fff;
  --btn-thirdy-hover-text-color: #c9f73a;
  --btn-thirdy-disabled-text-color: #999999;
  --btn-bg-color: #fff;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #fff;
  --btn-bg-disabled-color: #1a1a1a;
  --btn-border-disabled-color: #333333;
  --btn-mini-disabled-icon-color: #000;
}
.navbar_dark-transparent .interface-btn {
  --btn-text-color: #000;
  --btn-text-disabled-color: #999999;
  --btn-secondary-text-color: #fff;
  --btn-secondary-hover-text-color: #c9f73a;
  --btn-secondary-disabled-text-color: #999999;
  --btn-bg-color: #fff;
  --btn-bg-hover-color: #d8ff57;
  --btn-bg-active-color: #fff;
  --btn-bg-disabled-color: #1a1a1a;
  --btn-border-disabled-color: #333333;
  --btn-mini-disabled-icon-color: #000;
}
.navbar__container {
  display: flex;
  align-items: center;
  max-width: 1618px;
  justify-content: space-between;
  padding: 0 16px;
}
@media (min-width: 576px) {
  .navbar__container {
    padding: 0 40px;
  }
}
@media (min-width: 1000px) {
  .navbar__container {
    padding: 0 60px;
    gap: 30px;
  }
}
@media (min-width: 1400px) {
  .navbar__container {
    gap: 80px;
  }
}
.navbar__container:first-child {
  flex: 0 0 64px;
  width: 100%;
  transition: background-color 200ms ease-out;
  background-color: var(--bgColor);
}
@media (min-width: 576px) {
  .navbar__container:first-child {
    flex: 0 0 64px;
  }
}
@media (min-width: 1400px) {
  .navbar__container:first-child {
    background-color: rgba(0, 0, 0, 0);
  }
}
.navbar_sticky .navbar__container:first-child {
  padding-top: 0;
  transition: padding-top 200ms ease-out;
}
.navbar_sticky.navbar_has-offset .navbar__container:first-child {
  padding-top: 16px;
}
.navbar__container_submenu {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: height 150ms ease-out;
}
.navbar__menu {
  flex: 1 0 0;
  align-items: center;
  display: none;
}
@media (min-width: 576px) {
  .navbar__menu {
    display: flex;
  }
}
.navbar__main-menu {
  margin-bottom: 0;
  display: none;
  align-items: center;
  list-style: none;
}
@media (min-width: 1000px) {
  .navbar__main-menu {
    display: flex;
  }
}
.navbar__main-menu-link {
  --btn-padding: 17px 11px;
}
.navbar_new-logo .navbar__main-menu-link {
  --btn-padding: 19px 13px 15px;
}
.navbar__main-menu-link_active:not([data-hover-target="login"]) {
  color: #c9f73a;
}
.navbar__main-menu-link_active[data-hover-target="login"] button,
.navbar__main-menu-link_active[data-hover-target="region"] button {
  background: #c9f73a;
}
.navbar__actions {
  display: flex;
  gap: 20px;
  align-items: center;
}
.navbar__login-action {
  display: none;
  align-items: center;
}
@media (min-width: 1000px) {
  .navbar__login-action {
    display: flex;
  }
}
@media (min-width: 1000px) {
  .navbar__burger-action {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar__login-link {
    padding: 0 12px;
    font-size: 16px;
    color: #fff;
    background-color: #000;
    border-radius: 40px;
    transition: background-color 0.3s ease-out, border-color 0.3s ease-out,
      color 0.3s ease-out;
  }
  [theme="dark"] .navbar__login-link {
    color: #000;
    background-color: #fff;
  }
}
[theme="dark"] .navbar {
  --bgColor: #000;
}
[theme="dark"] .navbar:hover,
[theme="dark"] .navbar_opened-submenu {
  --bgColor: #000;
}

/* Logo wrapper */
.navbar__logo-link {
  display: flex;
  align-items: center;
  gap: 30px;
  text-decoration: none;
}

/* Logo image */
.navbar__logo-img {
  height: 36px;
  width: auto;
  object-fit: contain;
  transition: 0.3s ease;
}


/* PREMIUM LOGO TEXT */
.navbar__logo-text {
  font-size: 28px;
  font-weight: 800;
  font-family: "Poppins", "Playfair Display", serif;
  font-style: italic;

  /* Light Mode Gradient */
  background: linear-gradient(90deg, #003b19, #0ea700);
  -webkit-background-clip: text;
  color: transparent;

  letter-spacing: 0.6px;
  position: relative;
  transition: 0.4s ease;
}

/* GLOW + ANIMATED BORDER ON HOVER */
.navbar__logo-text:hover {
  text-shadow: 0 0 8px rgba(0, 255, 100, 0.7), 0 0 16px rgba(0, 255, 100, 0.5),
    0 0 24px rgba(0, 255, 100, 0.3);
  transform: scale(1.03);
}

/* Moving border effect */
.navbar__logo-text::after {
  content: "";
  position: absolute;
  left: -4px;
  bottom: -3px;
  width: 0%;
  height: 3px;

  background: linear-gradient(90deg, #00ff66, #70ffb0, #00ff66);
  border-radius: 50px;

  animation: borderMove 3s linear infinite;
  transition: width 0.4s ease;
}

/* On hover → underline expands */
.navbar__logo-text:hover::after {
  width: 100%;
}

/* DARK MODE THEME */
[theme="dark"] .navbar__logo-text {
  background: linear-gradient(90deg, #00ff88, #009943);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 0 0 6px rgba(0, 255, 130, 0.3);
}

/* HOVER IN DARK MODE — stronger neon */
[theme="dark"] .navbar__logo-text:hover {
  text-shadow: 0 0 10px rgba(0, 255, 150, 0.8), 0 0 20px rgba(0, 255, 150, 0.6),
    0 0 28px rgba(0, 255, 150, 0.4);
}

.navbar__logo-link:hover .navbar__logo-img {
  transform: scale(1.05);
}

/*  */

.navbar__main-submenu-wrapper {
  display: none;
}
@media (min-width: 1000px) {
  .navbar__main-submenu-wrapper {
    display: flex;
    width: inherit;
  }
}
.navbar__main-submenu {
  gap: var(--spacing-l, 40px);
  flex: 1 0 100%;
  display: none;
}
@media (min-width: 576px) {
  .navbar__main-submenu {
    padding: 5px 0 100px 0;
    padding-left: calc(var(--logoWidth) + 230px + 11px);
  }
}
@media (min-width: 1400px) {
  .navbar__main-submenu {
    padding-left: calc(var(--logoWidth) + 80px + 11px);
  }
}
.navbar__main-submenu_login {
  padding: 40px 0 75px;
}
.navbar__main-submenu_region {
  padding-block: 4px 32px;
}
.navbar__main-submenu_showed {
  display: flex;
}

.navbar__main-submenu-section,
.navbar__main-submenu-section-list {
  display: grid !important;
  grid-template-columns: repeat(4, auto);
  gap: 5px 20px;
  flex-direction: unset !important;
}

@media (max-width: 768px) {
  .navbar__main-submenu-section-list {
    grid-template-columns: repeat(2, auto);
  }
}

/* Mobile - 1 per row */
@media (max-width: 480px) {
  .navbar__main-submenu-section-list {
    grid-template-columns: repeat(1, auto);
  }
}

@media (min-width: 1400px) {
  .navbar__main-submenu-section br,
  .navbar__main-submenu-section-list br {
    display: none;
  }
}

.navbar__mobile-menu-container,
.navbar__location-menu-container {
  height: 100vh;
  height: 100dvh;
  width: 100%;
  position: absolute;
  top: -100vh;
  top: -100dvh;
  left: 0;
  overflow: auto;
  z-index: -1;
  background-color: #000;
  transition: top 200ms ease-out;
}

.navbar__mobile-menu-container_showed,
.navbar__location-menu-container_showed {
  top: 0;
}

@media (min-width: 1000px) {
  .navbar__mobile-menu-container,
  .navbar__location-menu-container {
    display: none !important;
  }
}

.unl-logo {
  --logoColor: #000;
  width: var(--logoWidth);
  height: auto;
  transition: color 200ms ease-out;
  color: var(--logoColor);
}
.navbar_dark .unl-logo,
[theme="dark"] .unl-logo {
  --logoColor: #fff;
}
.navbar_dark-transparent .unl-logo {
  --logoColor: #fff;
}
.unl-logo_new {
  width: var(--logoV2Width);
}
.region-menu {
  --region-menu-gap: 16px 32px;
  --region-menu-languages-gap: 4px;
  --region-menu-region-link-inline-padding: 4px;
  --region-menu-region-link-block-padding: 8px;
  --region-menu-lang-link-inline-padding: 10px;
  --region-menu-lang-link-block-padding: 4px;
  --region-menu-link-gap: 16px;
  --region-menu-link-icon-size: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--region-menu-gap);
  padding: var(--region-menu-padding);
}
@media (max-width: 999.98px) {
  .region-menu {
    --region-menu-padding: 72px 40px 32px;
    --region-menu-gap: 16px 48px;
  }
}
@media (max-width: 575.98px) {
  .region-menu {
    --region-menu-padding: 72px 16px 32px;
  }
}
@media (max-width: 999.98px) {
  .navbar_v1 .region-menu {
    padding: 72px 40px 32px;
  }
}
@media (max-width: 767.98px) {
  .navbar_v1 .region-menu {
    padding: 72px 16px 32px;
  }
}

/* .region-menu__base-region {
  width: fit-content;
}
.region-menu__other-regions {
  display: grid;
  grid-template-columns: repeat(auto-fill, 224px);
  gap: var(--region-menu-gap);
}
@media (max-width: 999.98px) {
  .region-menu__other-regions {
    grid-template-columns: repeat(auto-fill, 240px);
  }
}
@media (max-width: 575.98px) {
  .region-menu__other-regions {
    grid-template-columns: repeat(auto-fill, 100%);
  }
}
.region-menu__location {
  position: relative;
  display: flex;
  flex-direction: column;
}
.region-menu__location:hover .region-menu__link_region,
.region-menu__location_active .region-menu__link_region {
  --region-menu-link-color: #dafe03;
}
.region-menu__languages {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--region-menu-languages-gap);
  padding-left: calc(
    var(--region-menu-link-icon-size) + var(--region-menu-link-gap) -
      var(--region-menu-region-link-inline-padding)
  );
  z-index: 1;
}
.region-menu__link {
  display: inline-flex;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  outline: 1px solid var(--region-menu-link-outline-color, transparent);
  outline-offset: -1px;
  border-radius: var(--region-menu-link-border-radius, 0);
  background-color: var(--region-menu-link-bg-color, transparent);
  transition: 0.25s;
}
.region-menu__link-content {
  display: inline-flex;
  align-items: center;
  gap: var(--region-menu-link-gap);
}
.region-menu__link-label {
  color: var(--region-menu-link-color);
  white-space: nowrap;
  transition: 0.25s;
}
.region-menu__link-icon {
  width: var(--region-menu-link-icon-size);
  height: var(--region-menu-link-icon-size);
}
.region-menu__link_region {
  --region-menu-link-color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: var(--region-menu-region-link-block-padding)
    var(--region-menu-region-link-inline-padding);
}
.region-menu__link_region_active,
.region-menu__link_region:active,
.region-menu__link_region:hover {
  --region-menu-link-color: #dafe03;
}
.region-menu__link_region::before {
  content: "";
  position: absolute;
  inset: 0;
}
.region-menu__link_lang {
  --region-menu-link-color: #999999;
  --region-menu-link-border-radius: 40px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.2px;
  padding: var(--region-menu-lang-link-block-padding)
    var(--region-menu-lang-link-inline-padding);
}
.region-menu__link_lang_active,
.region-menu__link_lang:active {
  --region-menu-link-color: #000;
  --region-menu-link-bg-color: #dafe03;
}
.region-menu__link_lang:hover:not(.region-menu__link_lang_active) {
  --region-menu-link-color: #fff;
  --region-menu-link-outline-color: #dafe03;
} */


/* 
.footer {
  background: #000;
  display: flex;
  justify-content: center;
}
.footer__container {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
  max-width: 1618px;
  padding: 80px 16px;
}
.navbar__main-mobile-menu-wrapper .footer__container {
  padding-top: 112px;
}
@media (min-width: 576px) {
  .footer__container {
    padding: 80px 40px;
  }
}
@media (min-width: 1000px) {
  .footer__container {
    padding: 80px 60px;
    gap: 80px;
  }
}
.footer__logo a {
  display: inline-flex;
  --logoWidth: 86px;
}
@media (min-width: 1400px) {
  .footer__logo a {
    --logoWidth: 103px;
  }
}
.footer__sitemap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l, 40px);
}
.footer__actions {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.footer__action-row {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 60px) var(--spacing-s, 16px);
}
@media (min-width: 576px) {
  .footer__action-row {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1000px) {
  .footer__action-row {
    justify-content: flex-end;
  }
}
.footer__locale-control {
  display: flex;
  flex-direction: column;
  gap: var(--padding-button-m, 16px);
}
.footer__locale-control > .interface-btn {
  min-width: 160px;
}
@media (min-width: 576px) {
  .footer__locale-control {
    flex-direction: row;
  }
}
.footer__bottom-row {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.footer__socials {
  --icon-size: 24px;
}
.footer__subscribe {
  background-color: #1a1a1a;
  border-radius: 24px;
  padding: var(--padding-constant-s, 32px) var(--spacing-constant-m, 20px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
@media (min-width: 576px) {
  .footer__subscribe {
    padding: 32px;
    gap: 48px;
  }
}
.footer__subscribe-head,
.footer__subscribe-form-container {
  flex: 1;
  min-width: 248px;
}
.footer__subscribe-title {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
  color: #fff;
  margin-bottom: 12px;
}
.footer__subscribe-description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #999;
}
.footer__subscribe-description a {
  --link-padding-x: 3px;
  --link-margin-x: -3px;
  --link-border-radius: 4px;
  height: fit-content;
  text-decoration: none;
  font-family: inherit;
  font-weight: 600;
  border-radius: var(--link-border-radius);
  color: var(--link-text-color, #7fb100);
  background: var(--link-bg-color, transparent);
  padding-inline: var(--link-padding-x);
  margin-inline: var(--link-margin-x);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background 0.2s, color 0.2s;
}
.footer__subscribe-description a:focus-visible {
  outline: 2px solid var(--link-focused-border-color);
  outline-offset: -2px;
}
.footer__subscribe-description a[tabindex="-1"],
.footer__subscribe-description a.disabled {
  pointer-events: none;
}
[theme="light"] .footer__subscribe-description a:visited,
.footer__subscribe-description a_theme_light:visited,
.footer__subscribe-description a:visited {
  --link-text-color: #5d1aaf;
}
@media (hover: hover) {
  [theme="light"] .footer__subscribe-description a:hover,
  .footer__subscribe-description a_theme_light:hover,
  .footer__subscribe-description a:hover {
    --link-text-color: #4d690b;
    --link-bg-color: #d8ff57;
  }
}
[theme="light"] .footer__subscribe-description a:focus-visible,
.footer__subscribe-description a_theme_light:focus-visible,
.footer__subscribe-description a:focus-visible {
  --link-focused-border-color: rgba(127, 177, 0, 0.6);
}
[theme="light"] .footer__subscribe-description a:active,
.footer__subscribe-description a_theme_light:active,
.footer__subscribe-description a:active {
  --link-text-color: #4d690b;
  --link-bg-color: #beef25;
}
[theme="light"] .footer__subscribe-description a[tabindex="-1"],
[theme="light"] .footer__subscribe-description a.disabled,
.footer__subscribe-description a_theme_light[tabindex="-1"],
.footer__subscribe-description a_theme_light.disabled,
.footer__subscribe-description a[tabindex="-1"],
.footer__subscribe-description a.disabled {
  --link-text-color: #999999;
}
[theme="dark"] .footer__subscribe-description a,
.footer__subscribe-description a_theme_dark {
  --link-text-color: #c9f73a;
}
[theme="dark"] .footer__subscribe-description a:visited,
.footer__subscribe-description a_theme_dark:visited {
  --link-text-color: #b480ff;
}
@media (hover: hover) {
  [theme="dark"] .footer__subscribe-description a:hover,
  .footer__subscribe-description a_theme_dark:hover {
    --link-text-color: #213201;
    --link-bg-color: #a4dd05;
  }
}
[theme="dark"] .footer__subscribe-description a:focus-visible,
.footer__subscribe-description a_theme_dark:focus-visible {
  --link-focused-border-color: rgba(127, 177, 0, 0.6);
}
[theme="dark"] .footer__subscribe-description a:active,
.footer__subscribe-description a_theme_dark:active {
  --link-text-color: #213201;
  --link-bg-color: #a4dd05;
}
[theme="dark"] .footer__subscribe-description a[tabindex="-1"],
[theme="dark"] .footer__subscribe-description a.disabled,
.footer__subscribe-description a_theme_dark[tabindex="-1"],
.footer__subscribe-description a_theme_dark.disabled {
  --link-text-color: #999999;
}
@media (min-width: 1000px) {
  .footer__subscribe-description br {
    display: none;
  }
}
.footer__legal-docs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  list-style: none;
}
@media (min-width: 576px) {
  .footer__legal-docs {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.footer__copyright-message {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #999;
  display: flex;
  margin-top: 12px;
  align-items: center;
}
.footer__disclaimer {
  --text-color: #999999;
  --border-color: #1a1a1a;
  display: flex;
  justify-content: center;
  width: 100%;
}
.footer__disclaimer-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 600px;
  padding-top: 40px;
}
.footer__disclaimer-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: var(--border-color);
}
.footer__disclaimer-text {
  text-align: center;
}
.footer__disclaimer-text p {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.5625rem;
  line-height: 1.2;
  color: var(--text-color);
}
.footer__disclaimer-text p + p {
  margin-top: 1rem;
}
.footer__disclaimer-text a {
  --link-padding-x: 3px;
  --link-margin-x: -3px;
  --link-border-radius: 4px;
  height: fit-content;
  text-decoration: none;
  font-family: inherit;
  font-weight: 600;
  border-radius: var(--link-border-radius);
  color: var(--link-text-color, #7fb100);
  background: var(--link-bg-color, transparent);
  padding-inline: var(--link-padding-x);
  margin-inline: var(--link-margin-x);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background 0.2s, color 0.2s;
}
.footer__disclaimer-text a:focus-visible {
  outline: 2px solid var(--link-focused-border-color);
  outline-offset: -2px;
}
.footer__disclaimer-text a[tabindex="-1"],
.footer__disclaimer-text a.disabled {
  pointer-events: none;
}
[theme="light"] .footer__disclaimer-text a:visited,
.footer__disclaimer-text a_theme_light:visited,
.footer__disclaimer-text a:visited {
  --link-text-color: #5d1aaf;
}
@media (hover: hover) {
  [theme="light"] .footer__disclaimer-text a:hover,
  .footer__disclaimer-text a_theme_light:hover,
  .footer__disclaimer-text a:hover {
    --link-text-color: #4d690b;
    --link-bg-color: #d8ff57;
  }
}
[theme="light"] .footer__disclaimer-text a:focus-visible,
.footer__disclaimer-text a_theme_light:focus-visible,
.footer__disclaimer-text a:focus-visible {
  --link-focused-border-color: rgba(127, 177, 0, 0.6);
}
[theme="light"] .footer__disclaimer-text a:active,
.footer__disclaimer-text a_theme_light:active,
.footer__disclaimer-text a:active {
  --link-text-color: #4d690b;
  --link-bg-color: #beef25;
}
[theme="light"] .footer__disclaimer-text a[tabindex="-1"],
[theme="light"] .footer__disclaimer-text a.disabled,
.footer__disclaimer-text a_theme_light[tabindex="-1"],
.footer__disclaimer-text a_theme_light.disabled,
.footer__disclaimer-text a[tabindex="-1"],
.footer__disclaimer-text a.disabled {
  --link-text-color: #999999;
}
[theme="dark"] .footer__disclaimer-text a,
.footer__disclaimer-text a_theme_dark {
  --link-text-color: #c9f73a;
}
[theme="dark"] .footer__disclaimer-text a:visited,
.footer__disclaimer-text a_theme_dark:visited {
  --link-text-color: #b480ff;
}
@media (hover: hover) {
  [theme="dark"] .footer__disclaimer-text a:hover,
  .footer__disclaimer-text a_theme_dark:hover {
    --link-text-color: #213201;
    --link-bg-color: #a4dd05;
  }
}
[theme="dark"] .footer__disclaimer-text a:focus-visible,
.footer__disclaimer-text a_theme_dark:focus-visible {
  --link-focused-border-color: rgba(127, 177, 0, 0.6);
}
[theme="dark"] .footer__disclaimer-text a:active,
.footer__disclaimer-text a_theme_dark:active {
  --link-text-color: #213201;
  --link-bg-color: #a4dd05;
}
[theme="dark"] .footer__disclaimer-text a[tabindex="-1"],
[theme="dark"] .footer__disclaimer-text a.disabled,
.footer__disclaimer-text a_theme_dark[tabindex="-1"],
.footer__disclaimer-text a_theme_dark.disabled {
  --link-text-color: #999999;
}
.footer__disclaimer-certificates,
.footer__disclaimer-certificate-logos {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 575.98px) {
  .footer__disclaimer-certificates {
    flex-direction: column;
  }
}
.footer__disclaimer-certificate-logo {
  height: 36px;
  width: auto;
}
.footer__disclaimer-pci-auth-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media (max-width: 575.98px) {
  .footer__disclaimer-pci-auth-link {
    gap: 8px;
    flex-direction: column;
    text-align: center;
  }
}
.footer__disclaimer-certificate-divider {
  width: 1px;
  height: auto;
  background: #333;
}
@media (max-width: 575.98px) {
  .footer__disclaimer-certificate-divider:nth-of-type(2) {
    display: none;
  }
}
.footer__disclaimer-pci-auth-link-content {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.5625rem;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (max-width: 575.98px) {
  .footer__disclaimer-pci-auth-link-content {
    align-items: center;
  }
}
.footer__disclaimer-pci-auth-link-description {
  color: #999;
}
.footer__disclaimer-pci-auth-link-title {
  width: fit-content;
  min-width: 156px;
}
.footer__disclaimer-pci-auth-link-title::after {
  content: "";
  position: absolute;
  inset: 0;
}
.footer__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.footer__terms-link {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 500px;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.footer__terms-link-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  color: #fff;
}
.footer__terms-link-title::after {
  content: "";
  position: absolute;
  inset: 0;
}
.footer__terms-link-description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.5625rem;
  line-height: 1.2;
  color: #999;
} */


.sitemap-menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(233px, 1fr));
  gap: var(--spacing-l, 40px) var(--spacing-m, 20px);
  max-width: 1080px;
}
@media (min-width: 768px) {
  .sitemap-menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .sitemap-menu {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-l, 40px);
  }
}
.sitemap-menu__col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
  min-width: 233px;
}
.sitemap-menu__section-list {
  list-style: none;
}
.sitemap-menu__section-list-item_offset-top {
  margin-top: var(--spacing-l, 40px);
}
.socials {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--social-links-gap, 20px);
  margin: 0;
  list-style: none;
}
.socials__link {
  display: flex;
  padding: var(--social-link-padding, 8px);
  color: var(--social-link-color, #fff);
  transition: 0.25s;
}
@media (hover: hover) {
  .socials__link:hover {
    color: var(--social-link-hover-color, #c9f73a);
  }
}
.subscribe-submit-button__loader,
.subscribe-submit-button__success {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  width: 40px;
  height: 40px;
  color: #c9f73a;
}
.subscribe-submit-button__loader {
  animation: icon-spin 2s linear infinite;
}
.subscribe-submit-button span {
  display: inline-flex;
  align-items: center;
}
@keyframes icon-spin {
  100% {
    transform: rotate(360deg);
  }
}
.unl-input.unl-input_subscribe {
  --initial-label-position: 14px;
  --input-border-color: #595959;
  --label-color: #bfbfbf;
  --input-box-shadow: none;
  --input-text-color: #fff;
  --input-border-radius: 26px;
  --input-background-color: #191919;
  --label-font: p1;
  --input-text-font: p1;
  --input-paddings: 11px 11px 11px 24px;
  --notice-text-font: c1;
  --notice-text-color: #fff;
  --notice-text-color-default: #fff;
  --notice-text-color-error: #ff6c64;
  --notice-text-color-success: #d6f96b;
  --notice-paddings: 8px 20px 0;
}
.unl-input.unl-input_subscribe .unl-input__input-area {
  border: 1px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  padding: var(--input-paddings);
  background: var(--input-background-color);
  box-shadow: var(--input-box-shadow);
  cursor: text;
  position: relative;
  display: flex;
  column-gap: 16px;
}
.unl-input.unl-input_subscribe .unl-input__input-field {
  outline: none;
  border: none;
  resize: none;
  appearance: none;
  text-overflow: ellipsis;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.2;
  color: var(--input-text-color);
  background: var(--input-background-color);
  caret-color: var(--label-color);
  flex: 1 1 auto;
  align-self: end;
  height: 20px;
}
.unl-input.unl-input_subscribe .unl-input__input-field:-webkit-autofill,
.unl-input.unl-input_subscribe .unl-input__input-field:-webkit-autofill:hover,
.unl-input.unl-input_subscribe .unl-input__input-field:-webkit-autofill:focus,
.unl-input.unl-input_subscribe .unl-input__input-field:-webkit-autofill:active {
  outline: none;
}
.unl-input.unl-input_subscribe .unl-input__input-field:-webkit-autofill,
.unl-input.unl-input_subscribe .unl-input__input-field:-webkit-autofill:hover,
.unl-input.unl-input_subscribe .unl-input__input-field:-webkit-autofill:focus,
.unl-input.unl-input_subscribe .unl-input__input-field:-webkit-autofill:active {
  -webkit-text-fill-color: var(--input-text-color);
  -webkit-box-shadow: 0 0 0 40rem var(--input-background-color) inset;
}
.unl-input.unl-input_subscribe .unl-input__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.2;
  color: var(--label-color);
  transition: 0.2s;
  position: absolute;
  top: var(--initial-label-position, 12px);
  transform: translateY(8px);
}
.unl-input.unl-input_subscribe .unl-input__notice {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.2px;
  padding: var(--notice-paddings);
  color: var(--notice-text-color);
}
.unl-input.unl-input_subscribe .unl-input__notice.unl-input__notice_deafault {
  --notice-text-color: #fff;
}
.unl-input.unl-input_subscribe .unl-input__notice.unl-input__notice_success {
  --notice-text-color: #d6f96b;
}
.unl-input.unl-input_subscribe .unl-input__notice.unl-input__notice_error {
  --notice-text-color: #ff6c64;
}
.unl-input.unl-input_subscribe:hover {
  --input-border-color: #fff;
  --label-color: #fff;
  --input-text-color: #fff;
}
.unl-input.unl-input_subscribe.unl-input_filled {
  --input-border-color: #595959;
  --label-color: #c9f73a;
  --input-box-shadow: none;
  --label-font: c1;
}
.unl-input.unl-input_subscribe.unl-input_filled .unl-input__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.2px;
  transform: translateY(0);
}
.unl-input.unl-input_subscribe.unl-input_focused {
  --input-border-color: #595959;
  --label-color: #c9f73a;
  --input-box-shadow: 0px 0px 0px 3px #262626;
  --input-background-color: transparent;
  --label-font: c1;
}
.unl-input.unl-input_subscribe.unl-input_focused .unl-input__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.2px;
  transform: translateY(0);
}
.unl-input.unl-input_subscribe.unl-input_invalid {
  --input-border-color: #595959;
}
.unl-input.unl-input_subscribe.unl-input_processing {
  --label-color: #595959;
  --input-box-shadow: none;
  --input-text-color: #595959;
  --label-font: b2;
}
.unl-input.unl-input_subscribe.unl-input_processing .unl-input__input-area,
.unl-input.unl-input_subscribe.unl-input_processing .unl-input__label,
.unl-input.unl-input_subscribe.unl-input_processing .unl-input__input-field {
  pointer-events: none;
}
.unl-input.unl-input_subscribe.unl-input_readonly {
  --label-color: #818181;
  --input-box-shadow: none;
  --input-text-color: #626262;
  --label-font: b2;
}
.unl-input.unl-input_subscribe.unl-input_readonly .unl-input__input-area,
.unl-input.unl-input_subscribe.unl-input_readonly .unl-input__label,
.unl-input.unl-input_subscribe.unl-input_readonly .unl-input__input-field {
  pointer-events: none;
}
.unl-input.unl-input_subscribe.unl-input_disabled {
  --label-color: #818181;
  --input-box-shadow: none;
  --input-text-color: #626262;
  --label-font: p2;
  pointer-events: none;
}
.unl-input.unl-input_subscribe .unl-input__input-area {
  gap: var(--spacing-constant-xs);
  height: 64px;
}
.unl-input.unl-input_subscribe .unl-input__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 16px;
}
.unl-input.unl-input_subscribe .unl-input__input-field {
  --input-background-color: #191919;
  width: 100%;
  padding-right: 12px;
}
.unl-input .unl-input__action-btn {
  cursor: pointer;
  z-index: 3;
}
.unl-input[aria-hidden="true"] {
  display: none;
}
.unl-input[aria-hidden="false"] {
  display: block;
}
.form-input {
  --input-state-transition-time: 0.15s ease-out;
  --input-field-height: 65px;
  --input-gap: 4px;
  --input-area-padding-block: 20px;
  --input-area-padding-inline: 20px;
  --input-border-radius: 16px;
  --input-outline-width: 1px;
  --input-cursor: pointer;
  --input-area-filled-padding-block: 12px;
  --input-filled-value-vertical-shift: 16px;
  --input-focused-outline-width: 2px;
  --input-area-bg-color: #f5f5f5;
  --input-field-text-color: #000;
  --input-outline-color: #e6e6e6;
  --input-label-color: #666666;
  --input-field-caret-color: #000;
  --input-counter-color: #d9bfff;
  --input-focused-outline-color: #4064ff;
  --input-error-color: #ff1e39;
  --input-hovered-outline-color: #b3b3b3;
  --input-focused-label-color: #999999;
  --input-filled-label-color: #6b1ad6;
  --input-focused-counter-color: #8e40ff;
  --input-disabled-text-color: #999999;
  --input-disabled-counter-color: #d9bfff;
  display: flex;
  flex-direction: column;
  gap: var(--input-gap);
  align-self: stretch;
  --textarea-field-height: 140px;
  --textarea-padding-top: 12px;
}
.form-input input,
.form-input textarea {
  outline: none;
  border: none;
  resize: none;
  appearance: none;
  text-overflow: ellipsis;
}
.form-input input:-webkit-autofill,
.form-input input:-webkit-autofill:hover,
.form-input input:-webkit-autofill:focus,
.form-input input:-webkit-autofill:active,
.form-input textarea:-webkit-autofill,
.form-input textarea:-webkit-autofill:hover,
.form-input textarea:-webkit-autofill:focus,
.form-input textarea:-webkit-autofill:active {
  outline: none;
}
.form-input input:-webkit-autofill,
.form-input input:-webkit-autofill:hover,
.form-input input:-webkit-autofill:focus,
.form-input input:-webkit-autofill:active,
.form-input textarea:-webkit-autofill,
.form-input textarea:-webkit-autofill:hover,
.form-input textarea:-webkit-autofill:focus,
.form-input textarea:-webkit-autofill:active {
  -webkit-text-fill-color: var(--input-field-text-color);
  -webkit-box-shadow: 0 0 0 40rem var(--input-area-bg-color) inset;
}
.form-input.form-input_focused .form-input__input-area {
  outline-width: var(--input-focused-outline-width);
  outline-color: var(--input-focused-outline-color);
}
.form-input.form-input_focused .form-input__label {
  color: var(--input-focused-label-color);
}
.form-input.form-input_focused.form-input_subscribe::before {
  opacity: 1;
}
.form-input.form-input_focused.form-input_subscribe .form-input__label {
  color: var(--input-focused-label-color);
}
.form-input.form-input_focused.form-input_textarea .form-input__counter {
  color: var(--input-focused-counter-color);
}
.form-input.form-input_filled .form-input__input-area,
.form-input.form-input:has(.form-input__input-field:-webkit-autofill)
  .form-input__input-area {
  padding-block: var(--input-area-filled-padding-block);
}
.form-input.form-input_filled .form-input__label,
.form-input.form-input:has(.form-input__input-field:-webkit-autofill)
  .form-input__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
  color: var(--input-filled-label-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-input.form-input_filled .form-input__input-field,
.form-input.form-input:has(.form-input__input-field:-webkit-autofill)
  .form-input__input-field {
  transform: translateY(var(--input-filled-value-vertical-shift));
}
.form-input.form-input_filled.form-input_subscribe .form-input__label,
.form-input.form-input:has(
    .form-input__input-field:-webkit-autofill
  ).form-input_subscribe
  .form-input__label {
  transform: translateY(0);
  color: var(--input-filled-label-color);
}
.form-input.form-input_filled.form-input_textarea .form-input__input-area,
.form-input.form-input:has(
    .form-input__input-field:-webkit-autofill
  ).form-input_textarea
  .form-input__input-area {
  padding-top: var(--textarea-padding-top);
}
.form-input.form-input_filled.form-input_textarea .form-input__counter,
.form-input.form-input:has(
    .form-input__input-field:-webkit-autofill
  ).form-input_textarea
  .form-input__counter {
  color: var(--input-focused-counter-color);
}
.form-input.form-input_filled.form-input_textarea .form-input__input-field,
.form-input.form-input:has(
    .form-input__input-field:-webkit-autofill
  ).form-input_textarea
  .form-input__input-field {
  margin-bottom: var(--input-filled-value-vertical-shift);
}
@media (hover: hover) {
  .form-input.form-input:not(.form-input_readonly):not(.form-input_focused)
    .form-input__input-area:hover {
    outline-color: var(--input-hovered-outline-color);
  }
}
.form-input.form-input_invalid .form-input__notice_error {
  color: var(--input-error-color);
}
.form-input.form-input_readonly {
  --input-cursor: not-allowed;
  pointer-events: none;
}
.form-input.form-input_readonly .form-input__label {
  color: var(--input-disabled-text-color);
}
.form-input.form-input_readonly .form-input__input-field {
  color: var(--input-disabled-text-color);
  -webkit-text-fill-color: var(--input-disabled-text-color);
  -webkit-box-shadow: 0 0 0 40rem var(--input-area-bg-color) inset;
}
.form-input.form-input_readonly.form-input_subscribe .form-input__input-area {
  background-color: var(--input-area-disabled-bg-color);
}
.form-input.form-input_readonly.form-input_subscribe .form-input__label {
  color: var(--input-disabled-text-color);
}
.form-input.form-input_readonly.form-input_subscribe .form-input__input-field {
  color: var(--input-disabled-text-color);
  -webkit-box-shadow: 0 0 0 40rem var(--input-area-disabled-bg-color) inset;
}
.form-input.form-input_readonly.form-input_subscribe
  .form-input__submit-subscribe-btn {
  background-color: var(--input-disabled-btn-bg-color);
}
.form-input.form-input_readonly.form-input_textarea .form-input__counter {
  color: var(--input-disabled-counter-color);
}
.form-input__input-area {
  min-height: var(--input-field-height);
  padding-block: var(--input-area-padding-block);
  padding-inline: var(--input-area-padding-inline);
  border-radius: var(--input-border-radius);
  outline: var(--input-outline-width) solid var(--input-outline-color);
  outline-offset: calc(var(--input-outline-width) * -1);
  background-color: var(--input-area-bg-color);
  transition: var(--input-state-transition-time);
  cursor: var(--input-cursor);
  width: 100%;
  display: grid;
  margin-bottom: 0;
  z-index: 1;
}
.form-input__label,
.form-input__input-field {
  grid-area: 1/1;
  height: fit-content;
  transition: var(--input-state-transition-time);
}
.form-input__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
  color: var(--input-label-color);
  z-index: 2;
}
.form-input__input-field {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
  caret-color: var(--input-field-caret-color);
  color: var(--input-field-text-color);
  background-color: var(--input-area-bg-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-input__notice {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
  padding-left: var(--input-area-padding-inline);
}
.form-input__counter {
  justify-self: end;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
  color: var(--input-counter-color);
}
.form-input_textarea .form-input__input-area {
  grid-template-rows: 2fr;
  height: auto;
  min-height: var(--textarea-field-height);
  gap: var(--input-gap);
}
.form-input_textarea .form-input__label,
.form-input_textarea .form-input__input-field {
  margin-block: unset;
}
.form-input_textarea .form-input__input-field {
  white-space: pre-wrap;
}
.form-input_subscribe {
  --subscribe-input-padding-block: 12px;
  --subscribe-input-gap: 16px;
  --subscribe-input-grid-col-template: 1fr 40px;
  --input-area-bg-color: #333333;
  --input-field-text-color: #fff;
  --input-label-color: #fff;
  --input-outline-color: #666666;
  --input-field-caret-color: #c9f73a;
  --input-area-disabled-bg-color: #4d4d4d;
  --input-focused-label-color: #999999;
  --input-focused-outline-color: #fff;
  --input-error-color: #ff4258;
  --input-hovered-outline-color: #beef25;
  --input-disabled-text-color: #999999;
  --input-disabled-btn-bg-color: #fcffe5;
  --input-filled-label-color: #c9f73a;
  --input-focused-outline-width: 1px;
  --input-focused-border-width: 2px;
  --input-focused-border-color: #4064ff;
  position: relative;
}
.form-input_subscribe::before {
  content: "";
  position: absolute;
  top: calc(var(--input-focused-border-width) * -1);
  left: calc(var(--input-focused-border-width) * -1);
  right: calc(var(--input-focused-border-width) * -1);
  height: calc(
    var(--input-field-height) + var(--input-focused-border-width) * 2
  );
  background-color: var(--input-focused-border-color);
  border-radius: calc(
    var(--input-border-radius) + var(--input-focused-border-width)
  );
  opacity: 0;
  z-index: 0;
  transition: var(--input-state-transition-time);
}
.form-input_subscribe .form-input__input-area {
  grid-template-columns: var(--subscribe-input-grid-col-template);
  padding-block: var(--subscribe-input-padding-block);
  gap: var(--subscribe-input-gap);
  align-content: center;
}
.form-input_subscribe .form-input__input-field,
.form-input_subscribe .form-input__label {
  grid-column: 1/2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-input_subscribe .form-input__input-field {
  width: 100%;
  transform: translateY(8px);
}
.form-input_subscribe .form-input__label {
  transform: translateY(8px);
}
.form-input_subscribe .form-input__submit-subscribe-btn {
  grid-column: 2/3;
}
.form-input[aria-hidden="true"] {
  display: none;
}
.form-select {
  --select-state-transition-time: 0.15s ease-out;
  --select-field-height: 65px;
  --select-gap: 5px;
  --select-field-padding-block: 20px;
  --select-field-padding-inline: 20px 60px;
  --select-border-radius: 16px;
  --select-options-max-height: 456px;
  --select-outline-width: 1px;
  --select-dropdown-icon-size: 24px;
  --select-dropdown-icon-offset: 10px;
  --select-options-container-paddings: 8px;
  --select-option-item-paddings: 16px 12px;
  --select-option-active-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 25%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M10.2225 14.0253C10.6354 14.3961 10.9424 14.3078 11.2446 13.9658L16.2116 8.34558C16.5877 7.91996 17.2349 7.8823 17.6572 8.26145C18.0794 8.64061 18.1168 9.293 17.7406 9.71862L11.611 16.6544C11.2349 17.08 10.5877 17.1177 10.1654 16.7385L6.34283 13.3059C5.9206 12.9268 5.88323 12.2744 6.25938 11.8488C6.63552 11.4232 7.28273 11.3855 7.70496 11.7647L10.2225 14.0253Z%27 fill=%27black%27/%3E%3C/svg%3E");
  --select-btn-bg-color: #f5f5f5;
  --select-label-color: #666666;
  --select-value-color: #000;
  --select-outline-color: #e6e6e6;
  --select-option-text-color: #666666;
  --select-options-bg-color: #fff;
  --select-options-outline-color: #e6e6e6;
  --scrollbar-thumb-color: #666666;
  --select-dropdown-icon-color: #999999;
  --select-filled-padding-block: 12px;
  --select-filled-value-vertical-shift: 16px;
  --select-focused-outline-width: 2px;
  --select-filled-label-color: #6b1ad6;
  --select-error-color: #ff1e39;
  --select-hovered-outline-color: #b3b3b3;
  --select-focused-outline-color: #4064ff;
  --select-option-hovered-bg-color: #f5f5f5;
  --select-field-disabled-text-color: #999999;
  --select-disabled-dropdown-icon-color: #cccccc;
  display: flex;
  flex-direction: column;
  gap: var(--select-gap);
  width: 100%;
}
.form-select.form-select_focused .form-select__dropdown-btn {
  outline-color: var(--select-focused-outline-color);
  outline-width: var(--select-focused-outline-width);
}
.form-select.form-select_expanded .form-select__dropdown-icon {
  rotate: 180deg;
}
.form-select.form-select_filled .form-select__dropdown-btn {
  align-items: flex-start;
  padding-block: var(--select-filled-padding-block);
}
.form-select.form-select_filled .form-select__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
  color: var(--select-filled-label-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-select.form-select_filled .form-select__value {
  opacity: 1;
  margin-top: var(--select-filled-value-vertical-shift);
}
@media (hover: hover) {
  .form-select.form-select:hover:not(.form-select_focused)
    .form-select__dropdown-btn {
    outline-color: var(--select-hovered-outline-color);
  }
}
.form-select.form-select_error .form-select__error-message {
  color: var(--select-error-color);
}
.form-select.form-select_disabled {
  pointer-events: none;
}
.form-select.form-select_disabled .form-select__dropdown-icon {
  color: var(--select-disabled-dropdown-icon-color);
}
.form-select.form-select_disabled .form-select__label {
  color: var(--select-field-disabled-text-color);
}
.form-select.form-select_disabled .form-select__value {
  color: var(--select-field-disabled-text-color);
}
.form-select__original-field {
  visibility: hidden;
  display: none;
  appearance: none;
  -webkit-appearance: none;
}
.form-select__dropdown-btn {
  min-height: var(--select-field-height);
  padding-block: var(--select-field-padding-block);
  padding-inline: var(--select-field-padding-inline);
  border-radius: var(--select-border-radius);
  outline: var(--select-outline-width) solid var(--select-outline-color);
  background-color: var(--select-btn-bg-color);
  transition: var(--select-state-transition-time);
  position: relative;
  text-align: left;
  display: grid;
  width: 100%;
}
.form-select__dropdown-icon {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  translate: 0 -50%;
  color: var(--select-dropdown-icon-color);
  width: var(--select-dropdown-icon-size);
  height: var(--select-dropdown-icon-size);
  transition: rotate var(--select-state-transition-time);
}
.form-select__label,
.form-select__value {
  grid-area: 1/1;
  height: fit-content;
  transition: var(--select-state-transition-time);
}
.form-select__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
  color: var(--select-label-color);
}
.form-select__value {
  opacity: 0;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
  color: var(--select-value-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.form-select__options-container {
  display: none;
}
.form-select__options-container_showed {
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  z-index: 5;
  padding: var(--select-options-container-paddings);
  border-radius: var(--select-border-radius);
  border: 1px solid var(--select-options-outline-color);
  background: var(--select-options-bg-color);
}
.form-select__options {
  max-height: var(--select-options-max-height);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}
.form-select__options::-webkit-scrollbar {
  width: 4px;
  background: rgba(0, 0, 0, 0);
}
.form-select__options::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  background: var(--scrollbar-thumb-color);
}
.form-select__option-item {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
  color: var(--select-option-text-color);
  width: 100%;
  text-align: left;
  padding: var(--select-option-item-paddings);
  border-radius: calc(var(--select-border-radius) / 2);
}
.form-select__option-item span,
.form-select__option-item-description {
  font-size: 16px;
  pointer-events: none;
}
.form-select__option-item_active {
  position: relative;
  padding-right: 52px;
}
.form-select__option-item_active::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  translate: 0 -50%;
  width: var(--select-dropdown-icon-size);
  height: var(--select-dropdown-icon-size);
  background-image: var(--select-option-active-icon);
}
.form-select__option-item:hover,
.form-select__option-item:focus-visible {
  background-color: var(--select-option-hovered-bg-color);
  outline: none;
}
.form-select__error-message {
  padding-left: var(--select-error-padding-left, 20px);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
.form-checkbox {
  --checkbox-state-transition-time: 0.2s ease-out;
  --checkbox-gap: 16px;
  --checkbox-switch-size: 24px;
  --checkbox-switch-border-width: 1px;
  --checkbox-switch-border-radius: 4px;
  --checkbox-text-color: #000;
  --checkbox-switch-color: #8e40ff;
  --checkbox-switch-focused-outline-color: #4064ff;
  display: flex;
  gap: var(--checkbox-gap);
  color: var(--checkbox-text-color);
  cursor: pointer;
  transition: var(--checkbox-state-transition-time);
}
.form-checkbox:hover {
  --checkbox-switch-color: #b480ff;
}
.form-checkbox:active {
  --checkbox-switch-color: #6b1ad6;
}
.form-checkbox_disabled {
  pointer-events: none;
  --link-text-color: #999999;
  --checkbox-text-color: #999999;
  --checkbox-switch-color: #d9bfff;
}
.form-checkbox_error {
  --checkbox-switch-color: #ff1e39;
}
.form-checkbox__input {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: var(--checkbox-switch-size);
  height: var(--checkbox-switch-size);
}
.form-checkbox__input:focus-visible {
  outline-width: 1px;
  outline-offset: 2px;
  outline-color: var(--checkbox-switch-focused-outline-color);
  border-radius: var(--checkbox-switch-border-radius);
}
.form-checkbox__input::before,
.form-checkbox__input::after {
  content: "";
  position: absolute;
  transition: var(--checkbox-state-transition-time);
}
.form-checkbox_disabled .form-checkbox__input::before,
.form-checkbox_disabled .form-checkbox__input::after {
  opacity: 0.5;
}
.form-checkbox__input::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  outline: var(--checkbox-switch-border-width) solid
    var(--checkbox-switch-color);
  outline-offset: calc(var(--checkbox-switch-border-width) * -1);
  border-radius: var(--checkbox-switch-border-radius);
}
.form-checkbox__input::after {
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(var(--checkbox-switch-size) / 2);
  height: calc(var(--checkbox-switch-size) / 2);
  border-radius: calc(var(--checkbox-switch-border-radius) / 2);
}
.form-checkbox__input:checked::after {
  background-color: var(--checkbox-switch-color);
}
.form-checkbox__text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
}
@media (min-width: 1000px) {
  .form-checkbox__text {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.form-checkbox_disabled .form-checkbox__text .inline-link {
  opacity: 0.5;
}
.unl-popup {
  --popup-bg-color: #333333;
  --popup-border-color: #4d4d4d;
  --popup-text-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: center;
  height: fit-content;
  max-height: 100vh;
  overflow-y: auto;
  z-index: 110;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s;
  outline: 1px solid var(--popup-border-color);
  outline-offset: -1px;
  background: var(--popup-bg-color);
  border-radius: 20px;
}
.unl-popup::-webkit-scrollbar,
.unl-popup ::-webkit-scrollbar {
  width: 4px;
}
.unl-popup::-webkit-scrollbar-thumb,
.unl-popup ::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px 12px #666;
  border-radius: 4px;
}
.unl-popup::-webkit-scrollbar-track,
.unl-popup ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.unl-popup_visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.unl-popup__container {
  position: relative;
}
.unl-popup__close-btn {
  display: inline-flex;
  aspect-ratio: 1;
  height: 48px;
  padding: var(--padding-button-s, 12px);
  color: var(--popup-text-color);
}
.unl-popup__close-btn_translate-top-right {
  translate: 8px -12px;
}
.unl-popup__close-btn:hover {
  color: #c9f73a;
}
.unl-popup__overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.unl-popup_visible ~ .unl-popup__overlay {
  opacity: 0.7;
  visibility: visible;
  background: #000;
  position: fixed;
  inset: 0;
  z-index: 101;
}
.locale-control {
  --text-color: #fff;
  --text-secondary-color: #999999;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m, 20px);
  padding: 30px 16px;
  min-width: 280px;
}
@media (min-width: 768px) {
  .locale-control {
    border-radius: 20px;
    padding: var(--spacing-l, 40px);
  }
  .locale-control_region {
    width: max-content;
  }
}
.locale-control__header {
  display: flex;
  justify-content: space-between;
}
.locale-control__heading {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.locale-control__heading-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.2;
  color: var(--text-color);
}
.locale-control__heading-notification {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: var(--text-secondary-color);
}
.locale-control__options-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px 30px;
  margin-bottom: 0;
  max-height: 75vh;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .locale-control__options-list_col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.locale-control__option {
  display: flex;
  min-width: 172px;
  padding-block: var(--padding-button-2xs, 4px);
}
.locale-control__option .unl-btn {
  width: 100%;
}
.locale-control__option_selected .unl-btn {
  pointer-events: none;
}
.login-menu {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 16px);
}
@media (min-width: 1000px) {
  .login-menu {
    align-items: center;
    gap: var(--spacing-l, 35px);
  }
}
.login-menu__message {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #999;
  text-align: center;
}
.login-menu__actions {
  display: flex;
  gap: var(--spacing-s, 16px);
  align-self: stretch;
  flex-wrap: wrap;
}
@media (min-width: 1000px) {
  .login-menu__actions {
    justify-content: center;
  }
}
.login-menu__btn {
  --border-width: 1px;
  --box-shadow-width: 2px;
  --padding-x: 13px;
  --padding-y: 17px;
  border-radius: 8px;
  outline: none;
  display: flex;
  height: 84px;
  width: 100%;
  flex: 1;
  min-width: 280px;
  padding: var(--padding-x) var(--padding-y);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  border: var(--border-width) solid var(--border-color);
  box-shadow: inset var(--box-shadow-color) 0 0 0 var(--box-shadow-width);
  background: var(--background);
  color: var(--title-color);
  transition: 0.2s;
}
@media (min-width: 1000px) {
  .login-menu__btn {
    flex: 0;
    max-width: 280px;
  }
}
.login-menu__btn-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
}
.login-menu__btn-footer {
  display: flex;
  width: 100%;
}
.login-menu__btn-description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  opacity: 0.5;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.login-menu__btn-icon {
  margin-left: auto;
}
.login-menu__btn-icon > *:first-child {
  opacity: var(--icon-grey-opacity);
}
.login-menu__btn-icon > *:last-child {
  opacity: var(--icon-colored-opacity);
}
.login-menu__btn_theme-primary {
  --background: #c9f73a;
  --border-color: var(--background);
  --box-shadow-color: var(--background);
  --title-color: #000;
}
.login-menu__btn_theme-primary:hover {
  --background: #d8ff57;
}
.login-menu__btn_theme-primary:active {
  --background: #beef25;
}
.login-menu__btn_theme-primary:focus-visible {
  --border-color: #7fb100;
  --box-shadow-color: #7fb100;
}
.login-menu__btn_theme-secondary {
  --background: transparent;
  --border-color: #4d4d4d;
  --box-shadow-color: transparent;
  --title-color: #fff;
  --icon-ma-walls-color: url(secondary.css#paint0_linear_8458_12806);
  --icon-ma-door-color: #808080;
  --icon-grey-opacity: 1;
  --icon-colored-opacity: 0;
}
.login-menu__btn_theme-secondary:hover {
  --border-color: #d8ff57;
  --icon-ma-walls-color: url(secondary.css#paint0_linear_8458_3627);
  --icon-ma-door-color: #000;
  --icon-grey-opacity: 0;
  --icon-colored-opacity: 1;
}
.login-menu__btn_theme-secondary:active {
  --border-color: #beef25;
  --icon-ma-walls-color: url(secondary.css#paint0_linear_8458_3627);
  --icon-ma-door-color: #000;
  --icon-grey-opacity: 0;
  --icon-colored-opacity-opacity: 1;
}
.login-menu__btn_theme-secondary:focus-visible {
  --border-color: #7fb100;
  --box-shadow-color: #7fb100;
  --icon-ma-walls-color: url(secondary.css#paint0_linear_8458_3627);
  --icon-ma-door-color: #000;
  --icon-grey-opacity: 0;
  --icon-colored-opacity: 1;
}
.form-alert {
  --form-alert-transition: 1s ease-out;
  --form-alert-status-icon-size: 24px;
  --form-alert-paddings: 20px 40px 20px 64px;
  --form-alert-border-radius: 30px;
  --form-alert-border-width: 1px;
  --form-alert-border-color: transparent;
  --form-alert-text-color: #fff;
  --form-alert-bg-color: #4d4d4d;
  --form-alert-bg-color: #4d4d4d;
  opacity: 0;
  position: relative;
  display: inline-flex;
  min-width: 256px;
  max-width: 600px;
  padding: var(--form-alert-paddings);
  align-items: center;
  border-radius: var(--form-alert-border-radius);
  background: var(--form-alert-bg-color);
  box-shadow: 0px 0px 44px 8px rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(4px);
  outline: var(--form-alert-border-width) solid var(--form-alert-border-color);
  outline-offset: calc(var(--form-alert-border-width) * -1);
  transition: opacity var(--form-alert-transition);
}
.form-alert::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  translate: 0 -50%;
  width: var(--form-alert-status-icon-size);
  height: var(--form-alert-status-icon-size);
  background-image: var(--form-alert-status-icon);
  background-size: contain;
  background-repeat: no-repeat;
}
.form-alert_error {
  --form-alert-border-color: #ff3b30;
  --form-alert-status-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27 fill=%27%23FF3B30%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M15.8409 7.20391C16.1061 6.93203 16.536 6.93203 16.8011 7.20391C17.0663 7.47579 17.0663 7.91659 16.8011 8.18846L13.0838 12L16.8011 15.8115C17.0663 16.0834 17.0663 16.5242 16.8011 16.7961C16.536 17.068 16.1061 17.068 15.8409 16.7961L12 12.8579L8.1591 16.7961C7.89394 17.068 7.46403 17.068 7.19887 16.7961C6.93371 16.5242 6.93371 16.0834 7.19887 15.8115L10.9162 12L7.19887 8.18846C6.93371 7.91659 6.93371 7.47579 7.19887 7.20391C7.46403 6.93203 7.89394 6.93203 8.1591 7.20391L12 11.1421L15.8409 7.20391Z%27 fill=%27white%27 stroke=%27white%27 stroke-width=%270.5%27/%3E%3C/svg%3E");
}
.form-alert_success {
  --form-alert-status-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279.5%27 fill=%27%23DAFE03%27 stroke=%27%23DAFE03%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M10.2225 13.5253C10.6354 13.8961 10.9424 13.8078 11.2446 13.4658L16.2116 7.84558C16.5877 7.41996 17.2349 7.3823 17.6572 7.76145C18.0794 8.14061 18.1168 8.793 17.7406 9.21862L11.611 16.1544C11.2349 16.58 10.5877 16.6177 10.1654 16.2385L6.34283 12.8059C5.9206 12.4268 5.88323 11.7744 6.25938 11.3488C6.63552 10.9232 7.28273 10.8855 7.70496 11.2647L10.2225 13.5253Z%27 fill=%27black%27/%3E%3C/svg%3E");
}
.form-alert_showed {
  opacity: 1;
}
.form-alert_hidden {
  opacity: 0;
}
.form-alert__text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--form-alert-text-color);
  margin-bottom: 0;
}
.unl-fixed-container {
  position: fixed;
  top: calc(var(--additional-menu-offset) + 8px);
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 101;
  row-gap: 8px;
  flex-direction: column;
  align-items: center;
}
.region-notification {
  --_notification-bg-color: linear-gradient(94deg, #000 1.91%, #383838 98.77%);
  --_notification-border-color: transparent;
  --_notification-primary-text-color: #fff;
  --_notification-secondary-text-color: #fff;
  --_notification-padding: 16px;
  --_notification-gap: 20px;
  --_notification-border-radius: 8px;
  --_notification-position-offset: 16px;
  --_notification-maxwidth: 400px;
  --_notification-border-width: 1px;
  --_notification-controls-hover-color: #dafe03;
  position: fixed;
  bottom: var(--_notification-position-offset);
  right: var(--_notification-position-offset);
  display: flex;
  padding: var(--_notification-padding);
  gap: var(--_notification-gap);
  width: calc(100% - 32px);
  max-width: var(--_notification-maxwidth);
  border-radius: var(--_notification-border-radius);
  outline-color: var(--_notification-border-width) solid
    var(--_notification-border-color);
  outline-offset: calc(var(--_notification-border-width) * -1);
  background: var(--_notification-bg-color);
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in;
}
.region-notification_showed {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.cky-consent-container:not(.cky-hide) ~ .region-notification {
  transform: translateY(0);
}
@media (max-width: 999.98px) {
  .cky-consent-container:not(.cky-hide) ~ .region-notification {
    transform: translateY(calc(100% + 16px));
    opacity: 0;
  }
}
@media (min-width: 1000px) {
  .cky-consent-container:not(.cky-hide) ~ .region-notification {
    transform: translateY(-114px);
  }
}
.cky-consent-container.cky-hide ~ .region-notification {
  transform: translateY(0);
}
.region-notification__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.region-notification__current-region-text {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 1;
  color: var(--_notification-primary-text-color);
}
.region-notification__target-region-text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  line-height: 14px;
  color: var(--_notification-secondary-text-color);
}
.region-notification__target-region-link {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  line-height: 18px;
  color: #000;
  display: inline-flex;
  padding: 4px 8px;
  margin-top: 8px;
  width: fit-content;
  border-radius: 4px;
  background-color: #dafe03;
  transition: 0.2s;
}
.region-notification__target-region-link:hover {
  background-color: #b8d623;
}
.region-notification__close-btn {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 16px 16px;
  height: fit-content;
  color: var(--_notification-primary-text-color);
}
.region-notification__close-btn {
  transition: 0.2s;
}
.region-notification__close-btn:hover {
  color: var(--_notification-controls-hover-color);
}
.btn-simple {
  --paddings: 0 24px;
  --btnHeight: 40px;
  --borderRadius: 80px;
  --borderWidth: 1px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: var(--paddings);
  height: var(--btnHeight);
  border-radius: var(--borderRadius);
  border-width: var(--borderWidth);
  border-style: solid;
  background-color: var(--bgColor);
  border-color: var(--borderColor);
  color: var(--textColor);
  white-space: nowrap;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out,
    color 0.3s ease-out;
}
.btn-simple:disabled {
  cursor: not-allowed;
}
.btn-simple__cta-icon-container {
  display: flex;
  justify-content: end;
  margin-left: 12px;
  width: 26px;
  height: 16px;
}
.btn-simple__cta-icon-first {
  opacity: 1;
  animation: first-icon-flow-out 0.4s ease-out;
}
.btn-simple:hover:not(:disabled) .btn-simple__cta-icon-first {
  animation: first-icon-flow 0.4s ease-out;
}
.btn-simple__cta-icon-second {
  margin-right: -6px;
  opacity: 0;
  animation: second-icon-flow-out 0.4s ease-out;
}
.btn-simple:hover:not(:disabled) .btn-simple__cta-icon-second {
  animation: second-icon-flow 0.4s ease-out;
}
.btn-simple_theme-default {
  --bgColor: #191919;
  --borderColor: #191919;
  --textColor: #fff;
}
.btn-simple_theme-default:hover {
  --bgColor: #000;
  --borderColor: #000;
}
.btn-simple_theme-default:active {
  --bgColor: #191919;
  --borderColor: #191919;
}
.btn-simple_theme-default:disabled {
  --bgColor: #d9d9d9;
  --borderColor: #d9d9d9;
  --textColor: #808080;
}
[theme="dark"] .btn-simple_theme-default {
  --bgColor: #f2f2f2;
  --borderColor: #f2f2f2;
  --textColor: #000;
}
[theme="dark"] .btn-simple_theme-default:hover {
  --bgColor: #fff;
  --borderColor: #fff;
}
[theme="dark"] .btn-simple_theme-default:active {
  --bgColor: #fff;
  --borderColor: #fff;
}
[theme="dark"] .btn-simple_theme-default:disabled {
  --bgColor: #191919;
  --borderColor: #191919;
  --textColor: #595959;
}
.btn-simple_theme-accent {
  --bgColor: #c9f73a;
  --borderColor: #c9f73a;
  --textColor: #000;
}
.btn-simple_theme-accent:hover {
  --bgColor: #d6f96b;
  --borderColor: #d6f96b;
}
.btn-simple_theme-accent:active {
  --bgColor: #191919;
  --borderColor: #191919;
  --textColor: #fff;
}
.btn-simple_theme-accent:disabled {
  --bgColor: #d9d9d9;
  --borderColor: #d9d9d9;
  --textColor: #808080;
}
[theme="dark"] .btn-simple_theme-accent {
  --bgColor: #c9f73a;
  --borderColor: #c9f73a;
  --textColor: #000;
}
[theme="dark"] .btn-simple_theme-accent:hover {
  --bgColor: #e4fb9c;
  --borderColor: #e4fb9c;
}
[theme="dark"] .btn-simple_theme-accent:active {
  --bgColor: #fff;
  --borderColor: #fff;
  --textColor: #000;
}
[theme="dark"] .btn-simple_theme-accent:disabled {
  --bgColor: #191919;
  --borderColor: #191919;
  --textColor: #595959;
}
.btn-simple_theme-outline {
  --bgColor: transparent;
  --borderColor: #191919;
  --textColor: #000;
}
.btn-simple_theme-outline:hover:not(.btn-simple_cta):not(:disabled) {
  --bgColor: #000;
  --borderColor: #000;
  --textColor: #fff;
}
.btn-simple_theme-outline.btn-simple_active,
.btn-simple_theme-outline:active {
  --bgColor: #191919;
  --borderColor: #191919;
  --textColor: #fff;
}
.btn-simple_theme-outline:disabled {
  --bgColor: transparent;
  --borderColor: #bfbfbf;
  --textColor: #bfbfbf;
}
[theme="dark"] .btn-simple_theme-outline {
  --bgColor: transparent;
  --borderColor: #fff;
  --textColor: #fff;
}
[theme="dark"]
  .btn-simple_theme-outline:hover:not(.btn-simple_cta):not(:disabled) {
  --bgColor: #fff;
  --borderColor: #fff;
  --textColor: #000;
}
[theme="dark"] .btn-simple_theme-outline:active {
  --bgColor: #fff;
  --borderColor: #fff;
  --textColor: #000;
}
[theme="dark"] .btn-simple_theme-outline:disabled {
  --bgColor: transparent;
  --borderColor: #595959;
  --textColor: #595959;
}
.btn-simple_size-large {
  width: 100%;
  justify-content: center;
  --paddings: 24px;
  --btnHeight: 64px;
  --borderWidth: 0;
}
@keyframes first-icon-flow {
  0%,
  25% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
@keyframes first-icon-flow-out {
  0%,
  25% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes second-icon-flow {
  0%,
  25% {
    opacity: 0;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    transform: translateX(10px);
  }
}
@keyframes second-icon-flow-out {
  0%,
  25% {
    opacity: 1;
    transform: translateX(10px);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.checkbox {
  margin: 0;
  font: 16px/24px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  min-height: 24px;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  position: relative;
}
.checkbox input {
  vertical-align: top;
  width: 24px;
  height: 24px;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.checkbox div {
  display: inline-flex;
  white-space: normal;
  align-items: flex-start;
  position: relative;
}
.checkbox div:before {
  content: "";
  vertical-align: top;
  margin-right: 16px;
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 stroke=%27black%27/%3E%3C/svg%3E%0A");
}
.checkbox div:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -8px;
  top: -8px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2739%27 height=%2739%27 stroke=%27black%27 stroke-dasharray=%274 4%27/%3E%3C/svg%3E%0A");
  opacity: 0;
}
.checkbox .error {
  color: #ff3b30;
  margin-bottom: 24px;
}
.checkbox.checked div:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 stroke=%27black%27/%3E%3Crect x=%275%27 y=%275%27 width=%2714%27 height=%2714%27 fill=%27%231D1D1D%27 stroke=%27black%27/%3E%3C/svg%3E%0A");
}
.checkbox input:checked + div::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 stroke=%27black%27/%3E%3Crect x=%275%27 y=%275%27 width=%2714%27 height=%2714%27 fill=%27%231D1D1D%27 stroke=%27black%27/%3E%3C/svg%3E");
}
.checkbox input.focus-visible:focus + div::after {
  opacity: 1;
}
@media (min-width: 1200px) {
  .checkbox {
    font: 20px/24px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
  }
}
.checkbox--dark-mode {
  color: #fff;
}
.checkbox--dark-mode div:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 stroke=%27%23C9F73A%27/%3E%3C/svg%3E");
}
.checkbox--dark-mode div:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2739%27 height=%2739%27 stroke=%27%23C9F73A%27 stroke-dasharray=%274 4%27/%3E%3C/svg%3E%0A");
}
.checkbox--dark-mode.checked div:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 stroke=%27%23C9F73A%27/%3E%3Crect x=%275%27 y=%275%27 width=%2714%27 height=%2714%27 fill=%27%23C9F73A%27 stroke=%27%23C9F73A%27/%3E%3C/svg%3E%0A");
}
.checkbox--dark-mode input:checked + div::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 stroke=%27%23C9F73A%27/%3E%3Crect x=%275%27 y=%275%27 width=%2714%27 height=%2714%27 fill=%27%23C9F73A%27 stroke=%27%23C9F73A%27/%3E%3C/svg%3E%0A");
}
.select__menu-header {
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 600;
  color: gray;
  font-size: 14px;
  letter-spacing: 1px;
  margin-right: 20px;
}
.select__menu-wrapper {
  padding: 24px 8px 20px 18px;
  background-color: #fff;
  border: 1px solid #000;
  width: 100%;
  z-index: 1;
  position: absolute;
  display: none;
  top: calc(100% + 20px);
}
.select__menu {
  padding: 0 20px 0 0;
  overflow-y: auto;
  margin: 0;
}
.select__menu::-webkit-scrollbar {
  width: 4px;
}
.select__menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
  padding: 10px;
}
.select__menu::-webkit-scrollbar-thumb {
  background: gray;
}
.select__menu::-webkit-scrollbar-thumb:hover {
  background: #000;
}
.select.opened .select__menu-wrapper {
  display: block;
}
.select.opened .select__input {
  border-bottom: 1px solid #c9f73a;
}
.select.opened .select__input svg {
  transform: rotate(180deg);
}
.select--selected .select__input {
  color: #000;
}
.select__menu-item {
  position: relative;
  list-style: none;
  cursor: pointer;
  color: #000;
}
.select__menu-item a {
  display: block;
}
.select__menu-item + .select__menu-item {
  margin-top: 8px;
}
.select__menu-item.focus-visible:focus {
  outline: none;
  font-weight: 600;
}
.select__menu-item--active {
  color: #000;
}
.select__menu-item--active::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14 4L6.4375 12L3 8.36364%27 stroke=%27black%27/%3E%3C/svg%3E%0A");
}
.select__menu-item:hover {
  color: gray;
}
.select__input {
  height: 64px;
  background-color: rgba(0, 0, 0, 0);
  padding: 14px 8px 0;
  color: gray;
  border-bottom: 1px solid #000;
  padding-top: 24px;
  outline: none;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  cursor: pointer;
  transition: border-color 0.24s;
  display: flex;
  justify-content: space-between;
}
.select__input:focus {
  border-bottom: 1px solid #c9f73a;
}
.select__input span {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select__input:after {
  content: "";
}
@media (min-width: 1600px) {
  .select__input {
    font-size: 20px;
    line-height: 30px;
  }
}
.select select {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.input-text.error .select__input {
  border-bottom: 1px solid #ff3b30;
}
.apply-form-V2-section {
  display: grid;
  padding-top: 60px;
  padding-bottom: 60px;
  grid-template-columns: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .apply-form-V2-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .apply-form-V2-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.apply-form-V2-section__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  grid-column: span 12;
}
@media (min-width: 768px) {
  .apply-form-V2-section__content {
    grid-column: 2 / span 10;
  }
}
@media (min-width: 1000px) {
  .apply-form-V2-section__content {
    grid-column: 3 / span 8;
  }
}
@media (min-width: 1600px) {
  .apply-form-V2-section__content {
    grid-column: 4 / span 6;
  }
}
.apply-form-V2__title {
  display: flex;
  flex-direction: column;
  align-items: normal;
  text-align: left;
  margin-bottom: 40px;
  color: #000;
  grid-column: span 12;
  font: 20px/22px "Nekst SemiBold", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
}
@media (min-width: 768px) {
  .apply-form-V2__title {
    grid-column: 2 / span 10;
    margin-bottom: 50px;
    font: 32px/36px "Nekst SemiBold", -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
  }
}
@media (min-width: 1000px) {
  .apply-form-V2__title {
    grid-column: 3 / span 8;
    font: 42px/46px "Nekst SemiBold", -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
  }
}
@media (min-width: 1600px) {
  .apply-form-V2__title {
    grid-column: 4 / span 6;
  }
}
.apply-form-V2 .checkbox {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .apply-form-V2 .checkbox {
    margin-top: 50px;
  }
}
.apply-form-V2 .checkbox p {
  margin-bottom: 0;
  font: 16px/24px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-align: left;
}
@media (min-width: 768px) {
  .apply-form-V2 .checkbox p {
    font: 20px/30px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
  }
}
.apply-form-V2 .checkbox p a:hover {
  color: #535353;
}
.apply-form-V2 .checkbox div:before {
  box-sizing: border-box;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 rx=%273.5%27 stroke=%27black%27/%3E%3C/svg%3E");
}
.apply-form-V2 .checkbox.checked div:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 rx=%273.5%27 stroke=%27black%27/%3E%3Crect x=%274%27 y=%274%27 width=%2716%27 height=%2716%27 rx=%272%27 fill=%27black%27/%3E%3C/svg%3E");
}
.apply-form-V2 .checkbox.checked input:hover + div::before {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 4px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 rx=%273.5%27 stroke=%27%23535353%27/%3E%3Crect x=%274%27 y=%274%27 width=%2716%27 height=%2716%27 rx=%272%27 fill=%27%23535353%27/%3E%3C/svg%3E");
}
.apply-form-V2 .checkbox input:checked + div::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 rx=%273.5%27 stroke=%27black%27/%3E%3Crect x=%274%27 y=%274%27 width=%2716%27 height=%2716%27 rx=%272%27 fill=%27black%27/%3E%3C/svg%3E");
}
.apply-form-V2 .checkbox input:hover + div::before {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 4px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2723%27 height=%2723%27 rx=%273.5%27 stroke=%27%23535353%27/%3E%3C/svg%3E");
}
.apply-form-V2 .checkbox input:focus + div::before {
  box-shadow: 0 0 0 2px #c9f73a;
  border-radius: 4px;
}
.apply-form-V2 .apply-form__submit {
  margin-top: 50px;
  display: flex;
}
@media (min-width: 768px) {
  .apply-form-V2 .apply-form__submit {
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .apply-form-V2 .apply-form__submit {
    margin-top: 80px;
  }
}
.apply-form-V2 .apply-form__submit button {
  border-radius: 4px !important;
  padding: 10px 20px !important;
  transition: background-color 0.24s, color 0.24s;
  background-color: #000;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  text-align: center;
  font: 16px/24px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  width: 100%;
}
@media (min-width: 768px) {
  .apply-form-V2 .apply-form__submit button {
    width: 142px;
    padding: 15px 30px !important;
    border-radius: 8px !important;
    font: 20px/30px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
  }
}
.apply-form-V2 .apply-form__submit button:hover {
  background-color: #535353;
  color: #fff;
  opacity: 1;
}
.apply-form-V2 .apply-form__submit_pending button {
  background-color: #000;
  color: #fff;
  text-align: center;
}
.apply-form-V2 .apply-form__submit_pending button span {
  display: none;
}
.apply-form-V2 .apply-form__submit_pending button:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
  animation: spin 2s infinite linear;
  background: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 22.5C14.0767 22.5 16.1068 21.8842 17.8335 20.7304C19.5602 19.5767 20.906 17.9368 21.7007 16.0182C22.4955 14.0996 22.7034 11.9884 22.2982 9.95155C21.8931 7.91475 20.8931 6.04383 19.4246 4.57538C17.9562 3.10693 16.0852 2.1069 14.0484 1.70175C12.0116 1.29661 9.90045 1.50454 7.98182 2.29926C6.0632 3.09399 4.42332 4.4398 3.26957 6.16651C2.11581 7.89323 1.5 9.9233 1.5 12%27 stroke=%27url%28%23paint0_radial%29%27 stroke-width=%273%27/%3E%3Cdefs%3E%3CradialGradient id=%27paint0_radial%27 cx=%270%27 cy=%270%27 r=%271%27 gradientUnits=%27userSpaceOnUse%27 gradientTransform=%27translate%28-8.56848e-07 20%29 rotate%289.97769%29 scale%2812.1843 21.6254%29%27%3E%3Cstop stop-color=%27%23C9F73A%27 stop-opacity=%270%27/%3E%3Cstop offset=%270.349772%27 stop-color=%27%23C9F73A%27 stop-opacity=%270%27/%3E%3Cstop offset=%271%27 stop-color=%27%23C9F73A%27/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat center;
}
.apply-form-V2 .apply-form__submit button:focus {
  background: #000;
  box-shadow: 0 0 0 2px #c9f73a;
  color: #fff;
}
.apply-form-V2-address-check {
  position: absolute;
  top: -100000px;
  left: -100000px;
}
.apply-form-V2 .select .floating-label-select {
  color: gray;
  position: absolute;
  pointer-events: none;
  transform-origin: top left;
  transform: translate(0, -42px);
  transition: all 0.1s ease;
  font: 16px/24px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  left: 15px;
}
.apply-form-V2 .select:hover .floating-label-select {
  color: #bfbfbf;
}
.apply-form-V2 .select.opened .select__input {
  border-bottom: none;
}
.apply-form-V2 .select__input {
  height: 60px;
  background: #f2f2f2;
  border-radius: 8px;
  border: none;
  padding: 15px 15px;
  font: 16px/24px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-align: left;
}
.apply-form-V2 .select__input:focus ~ .floating-label-select {
  transform: translate(0, -51px);
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border-bottom: none;
}
.apply-form-V2 .select__input:not(:focus):valid {
  padding: 27px 15px 9px 15px;
}
.apply-form-V2 .select__input:not(:focus):valid ~ .floating-label-select {
  transform: translate(0, -51px);
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border-bottom: none;
}
.apply-form-V2 .select--selected .select__input {
  padding: 27px 15px 9px 15px;
}
.apply-form-V2 .select--selected svg {
  margin-top: -16px;
}
.apply-form-V2 .select--selected .floating-label-select {
  transform: translate(0, -51px);
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.apply-form-V2 .select__menu-item {
  height: 40px;
  padding: 10px;
  font: 14px/20px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #000;
  margin-top: 0;
}
.apply-form-V2 .select__menu-item:hover {
  background: #f2f2f2;
}
.apply-form-V2 .select__menu-wrapper {
  margin-top: 5px;
  padding: 0;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.08));
  border-radius: 8px;
  border: none;
  top: 100%;
}
.apply-form-V2 .select__menu {
  padding: 0;
  text-align: left;
  border-radius: inherit;
}
.apply-form-V2 .select__menu-item--active::before {
  right: 1%;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M21.687 10.2733C22.0883 10.6527 22.1061 11.2856 21.7267 11.687L14.4842 19.3485C13.9434 19.9206 13.0523 19.9772 12.4434 19.4782L8.3662 16.1371C7.93902 15.7871 7.8765 15.157 8.22656 14.7298C8.57661 14.3026 9.20668 14.2401 9.63386 14.5902L13.3508 17.6361L20.2733 10.313C20.6527 9.9117 21.2856 9.89391 21.687 10.2733Z%27 fill=%27black%27/%3e%3c/svg%3e");
}
.apply-form-V2 .form-checkbox {
  display: flex;
  flex-direction: column-reverse;
}
.apply-form-V2 .form-checkbox .error-message {
  padding-left: 0;
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #ff3b30;
  margin-bottom: 0;
  display: block;
  margin-top: 10px;
  text-align: left;
}
.apply-form-V2 .form-checkbox.checkbox a {
  color: #000;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .apply-form-V2 .form-checkbox.checkbox {
    font: 20px/30px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    line-height: 26px;
  }
}
.apply-form-V2 .error-message .select .floating-label-select {
  transform: translate(0, -66px);
}
.apply-form-V2 .error-message .select:hover .floating-label-select {
  color: #bfbfbf;
}
.apply-form-V2
  .error-message
  .select
  .select__input:focus
  ~ .floating-label-select {
  transform: translate(0, -75px);
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border-bottom: none;
}
.apply-form-V2 .error-message .select .select__input:not(:focus):valid {
  padding: 27px 15px 9px 15px;
}
.apply-form-V2
  .error-message
  .select
  .select__input:not(:focus):valid
  ~ .floating-label-select {
  transform: translate(0, -75px);
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border-bottom: none;
}
.apply-form-V2 .input-text {
  margin-bottom: 20px;
  position: relative;
}
.apply-form-V2 .input-text__pending:after {
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  right: 0;
  width: 24px;
  height: 24px;
  animation: spin 2s infinite linear;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 23C9.82441 23 7.69767 22.3549 5.88873 21.1462C4.07979 19.9375 2.66989 18.2195 1.83733 16.2095C1.00476 14.1995 0.786924 11.9878 1.21136 9.85401C1.6358 7.72022 2.68345 5.7602 4.22183 4.22183C5.7602 2.68345 7.72022 1.6358 9.85401 1.21136C11.9878 0.786924 14.1995 1.00476 16.2095 1.83733C18.2195 2.66989 19.9375 4.07979 21.1462 5.88873C22.3549 7.69767 23 9.82441 23 12%27 stroke=%27url%28%23paint0_radial%29%27 stroke-width=%272%27/%3E%3Cdefs%3E%3CradialGradient id=%27paint0_radial%27 cx=%270%27 cy=%270%27 r=%271%27 gradientUnits=%27userSpaceOnUse%27 gradientTransform=%27translate%2823 12%29 rotate%2890%29 scale%2811 16.6482%29%27%3E%3Cstop offset=%270.125%27 stop-opacity=%270%27/%3E%3Cstop offset=%271%27/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.apply-form-V2 .input-text__input {
  display: flex;
  flex-direction: column;
}
.apply-form-V2 .input-text__input .floating-label {
  color: gray;
  position: absolute;
  pointer-events: none;
  transform-origin: top left;
  transform: translate(0, 18px);
  transition: all 0.1s ease;
  font: 16px/24px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin-bottom: 0;
  left: 15px;
}
.apply-form-V2 .input-text__input .floating-label-textarea {
  color: gray;
  position: absolute;
  pointer-events: none;
  transform-origin: top left;
  transform: translate(0, 10px);
  transition: all 0.1s ease;
  font: 16px/24px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin-bottom: 0;
  left: 15px;
}
.apply-form-V2 .input-text__input:hover .floating-label {
  color: #bfbfbf;
}
.apply-form-V2 .input-text__input:hover .floating-label-textarea {
  color: #bfbfbf;
}
.apply-form-V2 .input-text__input input,
.apply-form-V2 .input-text__input textarea {
  width: 100%;
  height: 60px;
  font-size: 16px;
  line-height: 24px;
  outline: none;
  resize: none;
  background: #f2f2f2;
  border: none;
  border-bottom: none;
  transition: border-bottom-color 0.24s;
  border-radius: 8px;
  padding: 15px 15px;
}
.apply-form-V2 .input-text__input input:focus,
.apply-form-V2 .input-text__input textarea:focus {
  padding: 27px 15px 9px 15px;
}
.apply-form-V2 .input-text__input input:focus ~ .floating-label,
.apply-form-V2 .input-text__input textarea:focus ~ .floating-label {
  transform: translate(0px, 9px);
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.apply-form-V2 .input-text__input input:not(:placeholder-shown),
.apply-form-V2 .input-text__input textarea:not(:placeholder-shown) {
  padding: 27px 15px 9px 15px;
}
.apply-form-V2
  .input-text__input
  input:not(:placeholder-shown)
  ~ .floating-label,
.apply-form-V2
  .input-text__input
  textarea:not(:placeholder-shown)
  ~ .floating-label {
  transform: translate(0px, 9px);
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.apply-form-V2 .input-text__input input::placeholder,
.apply-form-V2 .input-text__input textarea::placeholder {
  color: gray;
}
.apply-form-V2 .input-text__input input::-webkit-input-placeholder,
.apply-form-V2 .input-text__input textarea::-webkit-input-placeholder {
  color: gray;
  opacity: 1;
}
.apply-form-V2 .input-text__input input::-moz-placeholder,
.apply-form-V2 .input-text__input textarea::-moz-placeholder {
  color: gray;
  opacity: 1;
}
.apply-form-V2 .input-text__input input:-ms-input-placeholder,
.apply-form-V2 .input-text__input textarea:-ms-input-placeholder {
  color: gray;
  opacity: 1;
}
.apply-form-V2 .input-text__input input:-moz-placeholder,
.apply-form-V2 .input-text__input textarea:-moz-placeholder {
  color: gray;
  opacity: 1;
}
.apply-form-V2 .input-text__input textarea {
  padding: 10px;
  height: 120px;
}
.apply-form-V2 .input-text__input textarea:focus {
  padding: 26px 15px 10px 15px;
}
.apply-form-V2 .input-text__input textarea:focus ~ .floating-label-textarea {
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.apply-form-V2 .input-text__input textarea:not(:placeholder-shown) {
  padding: 26px 12px 10px 12px;
}
.apply-form-V2
  .input-text__input
  textarea:not(:placeholder-shown)
  ~ .floating-label-textarea {
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.apply-form-V2 .input-text__input--textarea {
  margin-bottom: -6px;
}
.apply-form-V2 .input-text__input--textarea .error {
  margin-top: -6px;
}
.apply-form-V2 .input-text .error-message {
  padding-left: 0;
  font: 12px/18px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #ff3b30;
  margin-bottom: 0;
  display: block;
  margin-top: 5px;
  text-align: left;
}
.apply-form-V2 .input-text--dark-mode input,
.apply-form-V2 .input-text--dark-mode textarea {
  border-bottom: 1px solid #fff;
  color: #fff;
}
.apply-form-V2 .input-text--dark-mode input::placeholder,
.apply-form-V2 .input-text--dark-mode textarea::placeholder {
  color: #bfbfbf;
}
.frc-captcha {
  display: none;
}
.frc-captcha.visible {
  display: block;
}
.apply-form-address-check {
  position: absolute;
  top: -100000px;
  left: -100000px;
}
.font-w-600 {
  font-weight: 600;
}
.alert-container {
  position: fixed;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  top: 40px;
  z-index: 100;
  width: 100%;
  justify-content: center;
}
.alert-container--bottom {
  top: auto;
  bottom: 36px;
}
.alert {
  background: #000;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.24s;
  padding: 14px 18px;
  position: relative;
}
.alert.hidden {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
@media (min-width: 1280px) {
  .alert {
    padding: 20px 40px;
  }
}
.alert__title {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 700;
}
.alert__text {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 400;
}
.alert__text p {
  margin-bottom: 0;
}
.alert--success {
  color: #000;
  background: #c9f73a;
  border: 1px solid #000;
}
.alert--region {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-width: 2px;
}
.alert--region .alert__title {
  margin-bottom: 12px;
  font-weight: 500;
}
.alert--region .alert__inner {
  margin-right: 15px;
}
.alert--region a {
  color: #c9f73a;
}
.alert__close {
  color: #000;
  cursor: pointer;
  transition: opacity 0.24s;
}
.alert__close path {
  stroke: #fff;
}
.alert__close--success path {
  stroke: #000;
}
.alert__close:hover {
  opacity: 0.7;
}
.alert__close svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 1280px) {
  .alert__close svg {
    width: 48px;
    height: 48px;
  }
}
.unl-alert {
  padding: 15px 20px;
  border: 1px solid #000;
  font-size: 12px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .unl-alert {
    padding: 20px 28px;
    font-size: 16px;
    line-height: 24px;
    width: fit-content;
    max-width: 75%;
  }
}
@media (min-width: 1280px) {
  .unl-alert {
    padding: 21px 32px;
    font-size: 20px;
    line-height: 30px;
    max-width: 66.66667%;
  }
}
.unl-alert_primary {
  background-color: #8e40ff;
  color: #fff;
}
.unl-alert_showed {
  opacity: 1;
  -webkit-animation: fadein 1s;
  -moz-animation: fadein 1s;
  -ms-animation: fadein 1s;
  -o-animation: fadein 1s;
  animation: fadein 1s;
}
.unl-alert_hover {
  opacity: 1;
}
.unl-alert_hidden {
  opacity: 0;
  -webkit-animation: fadeout 1s;
  -moz-animation: fadeout 1s;
  -ms-animation: fadeout 1s;
  -o-animation: fadeout 1s;
  animation: fadeout 1s;
}
.unl-alert_type-info {
  position: relative;
  padding-left: 52px;
}
@media (min-width: 768px) {
  .unl-alert_type-info {
    padding-left: 72px;
  }
}
@media (min-width: 1280px) {
  .unl-alert_type-info {
    padding-left: 76px;
  }
}
.unl-alert_type-info:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16.6839 18.75H7.31611C5.75425 18.75 4.79512 17.0398 5.60955 15.7071L11.1467 6.64628C11.5366 6.00821 12.4634 6.00821 12.8533 6.64628L18.3904 15.7071C19.2049 17.0398 18.2457 18.75 16.6839 18.75Z%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3Ccircle cx=%2712%27 cy=%2715.75%27 r=%270.75%27 fill=%27white%27/%3E%3Cpath d=%27M12 9.32153V13.8215%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3C/svg%3E%0A");
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
@media (min-width: 768px) {
  .unl-alert_type-info:before {
    background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M23.4339 25H8.56611C7.00425 25 6.04512 23.2898 6.85955 21.9571L15.1467 8.39628C15.5366 7.75821 16.4634 7.75821 16.8533 8.39628L25.1404 21.9571C25.9549 23.2898 24.9957 25 23.4339 25Z%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3Ccircle cx=%2716%27 cy=%2721%27 r=%271%27 fill=%27white%27/%3E%3Cpath d=%27M16 12.4287V18.4287%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3C/svg%3E%0A");
    left: 28px;
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1280px) {
  .unl-alert_type-info:before {
    left: 32px;
  }
}
.unl-alert_type-success {
  position: relative;
  padding-left: 51px;
}
@media (min-width: 768px) {
  .unl-alert_type-success {
    padding-left: 71px;
  }
}
@media (min-width: 1280px) {
  .unl-alert_type-success {
    padding-left: 75px;
  }
}
.unl-alert_type-success:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%278.25%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3Cpath d=%27M15 10L10.9535 14L9 12%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3C/svg%3E%0A");
  display: inline-block;
  position: absolute;
  top: calc(50% - 16px);
  left: 19px;
}
@media (min-width: 768px) {
  .unl-alert_type-success:before {
    background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2716%27 cy=%2716%27 r=%2711%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3Cpath d=%27M21 13L14.2558 19L11 16%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3C/svg%3E%0A");
    left: 27px;
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1280px) {
  .unl-alert_type-success:before {
    left: 31px;
  }
}
.unl-alert + .unl-alert {
  margin-top: 20px;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.onboarding-form {
  --gap: 60px;
  --fieldset-gap: 22px;
  --actions-gap: 40px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.onboarding-form__fieldset {
  display: flex;
  flex-direction: column;
  gap: var(--fieldset-gap);
}
.onboarding-form__actions {
  display: flex;
  flex-direction: column;
  gap: var(--actions-gap);
}
.onboarding-form__agreement-text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #4d4d4d;
}
.onboarding-form__submit-button {
  width: 100%;
}
.action-btn {
  --btn-color: #c9f73a;
  --btn-border-color: #e6e6e6;
  --btn-paddings: 16px 20px;
  --btn-border-width: 1px;
  --label-color: #0f0f0f;
  padding: var(--btn-paddings);
  background-color: var(--btn-color);
  outline: var(--btn-border-width) solid var(--btn-border-color);
  outline-offset: calc(var(--btn-border-width) * -1);
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
@media (min-width: 576px) {
  .action-btn {
    --btn-paddings: 20px 24px;
  }
}
.action-btn_centered {
  justify-content: center;
}
.action-btn:hover {
  --btn-color: #beef25;
}
.action-btn__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  color: var(--label-color);
  display: inline-block;
  white-space: nowrap;
  transition: transform 0.6s cubic-bezier(0.4, 1.4, 0.5, 1);
  transform: translateX(50%);
  flex: 1;
}
@media (min-width: 576px) {
  .action-btn__label {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
  }
}
.action-btn__label span {
  display: inline-block;
  transform: translateX(-50%);
}
.action-btn_align-content_left .action-btn__label {
  transform: translateX(0);
}
.action-btn_align-content_left .action-btn__label span {
  transform: translateX(0);
}
.action-btn_activated {
  --btn-color: #333;
  --btn-border-color: #666;
  --label-color: #dafe03;
}
.action-btn_activated:hover {
  --btn-color: #333;
  --btn-border-color: #666;
  --label-color: #dafe03;
}
.checkbox-btn {
  --btn-color: transparent;
  --btn-border-color: #e6e6e6;
  --label-color: #000;
  --checkmark-color: #000;
  --checkmark-hovered-color: #cccccc;
  --notice-color: #fff;
  --desc-color: #808080;
  --btn-paddings: 16px 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: var(--btn-paddings);
  background-color: var(--btn-color);
  outline: 1px solid var(--btn-border-color);
  outline-offset: -1px;
  border-radius: 8px;
  transition: 0.4s ease-out;
}
@media (min-width: 576px) {
  .checkbox-btn {
    --btn-paddings: 20px 24px;
  }
}
.checkbox-btn__notice {
  position: absolute;
  left: 19px;
  top: -6px;
  padding: 1px 5px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  line-height: 1.2;
  color: var(--notice-color);
  border-radius: 12px;
  background: linear-gradient(91deg, #cc8aff 0%, #644aff 100%);
}
.checkbox-btn_activated .checkbox-btn__notice {
  opacity: 0;
  visibility: hidden;
}
.checkbox-btn__checkmark {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 2px;
  outline: 1px solid var(--checkmark-color);
  outline-offset: -1px;
}
.checkbox-btn__checkmark::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: var(--checkmark-hovered-color);
  opacity: 0;
  transition: 0.2s;
}
.checkbox-btn_activated .checkbox-btn__checkmark {
  opacity: 0;
  visibility: hidden;
}
.checkbox-btn:hover .checkbox-btn__checkmark::before {
  opacity: 1;
}
.checkbox-btn__content {
  position: relative;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.checkbox-btn__label {
  flex: 1;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  color: var(--label-color);
  display: inline-flex;
  white-space: nowrap;
  transition: transform 0.6s cubic-bezier(0.4, 1.4, 0.5, 1);
}
@media (min-width: 576px) {
  .checkbox-btn__label {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
  }
}
.checkbox-btn_activated .checkbox-btn__label {
  transform: translateX(calc(50% - 20px));
}
.checkbox-btn_activated .checkbox-btn__label span {
  transform: translateX(-50%);
}
.checkbox-btn__description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
  color: var(--desc-color);
  padding-top: 7px;
  transition: 0.4s ease-out;
}
.checkbox-btn_activated .checkbox-btn__description {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.checkbox-btn_activated {
  --btn-color: #333;
  --btn-border-color: #666;
  --label-color: #dafe03;
}
.checkbox-btn_activated:hover {
  --btn-color: #333;
  --btn-border-color: #666;
  --label-color: #dafe03;
}
.subscription-card,
.installment-card,
.payment-link-card {
  padding: var(--card-padding, 20px);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 24px 32px 0 rgba(0, 0, 0, 0.1);
  color: gray;
  width: 100%;
  max-width: 500px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .subscription-card,
  .installment-card,
  .payment-link-card {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 0.8125rem;
    line-height: 1.2;
    padding: var(--card-padding, 40px);
  }
}
.subscription-card__success,
.installment-card__success,
.payment-link-card__success-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.subscription-card__success svg,
.installment-card__success svg,
.payment-link-card__success-logo svg {
  width: 48px;
  height: 48px;
}
@media (min-width: 576px) {
  .subscription-card__success svg,
  .installment-card__success svg,
  .payment-link-card__success-logo svg {
    width: 60px;
    height: 60px;
  }
}
.subscription-card__success p,
.installment-card__success p,
.payment-link-card__success-logo p {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1.2;
  color: #90c703;
}
.payment-link-card {
  --merchant-logo-size: 56px;
  display: flex;
  flex-direction: column;
  min-height: 278px;
  transition-property: min-height;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
@media (min-width: 350px) {
  .payment-link-card {
    min-height: 240px;
  }
}
@media (min-width: 576px) {
  .payment-link-card {
    --merchant-logo-size: 64px;
    min-height: 320px;
  }
}
.payment-link-card_activated {
  min-height: 253px;
}
@media (min-width: 576px) {
  .payment-link-card_activated {
    min-height: 357px;
  }
}
.payment-link-card__activated-view {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}
@media (min-width: 576px) {
  .payment-link-card__activated-view {
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
  }
}
.payment-link-card__default-view {
  display: flex;
  flex-direction: column;
  justify-content: start;
  opacity: 1;
  visibility: visible;
  gap: 24px;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-behavior: allow-discrete;
}
@media (min-width: 576px) {
  .payment-link-card__default-view {
    gap: 40px;
  }
}
.payment-link-card_activated .payment-link-card__default-view {
  opacity: 0;
  visibility: hidden;
}
.payment-link-card__activated-view {
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-behavior: allow-discrete;
}
.payment-link-card_activated .payment-link-card__activated-view {
  opacity: 1;
  visibility: visible;
}
.payment-link-card__header {
  display: flex;
  gap: 16px;
  align-items: center;
  max-height: 100px;
}
@media (min-width: 576px) {
  .payment-link-card__header {
    gap: 20px;
  }
}
.payment-link-card__success-info {
  text-align: center;
}
.payment-link-card__success-info-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .payment-link-card__success-info-title {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 0.8125rem;
    line-height: 1.2;
  }
}
.payment-link-card__success-info-price {
  color: #000;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
}
@media (min-width: 576px) {
  .payment-link-card__success-info-price {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.5px;
  }
}
.payment-link-card__item-logo {
  width: var(--merchant-logo-size);
  height: var(--merchant-logo-size);
  border-radius: 10px;
}
@media (min-width: 576px) {
  .payment-link-card__item-logo {
    gap: 20px;
  }
}
.payment-link-card__item-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .payment-link-card__item-title {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 0.8125rem;
    line-height: 1.2;
  }
}
.payment-link-card__item-price {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
}
@media (min-width: 576px) {
  .payment-link-card__item-price {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.5px;
  }
}
.payment-link-card__order-info {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  visibility: visible;
  gap: 16px 24px;
  justify-content: start;
}
@media (min-width: 576px) {
  .payment-link-card__order-info {
    gap: 24px 32px;
  }
}
.payment-link-card_activated .payment-link-card__order-info {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.payment-link-card__order-info-label {
  color: #000;
}
.payment-link-card__cta {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
  transition-property: bottom, border-color, background-color;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
@media (min-width: 576px) {
  .payment-link-card__cta {
    bottom: 40px;
    left: 40px;
    width: calc(100% - 80px);
  }
}
.payment-link-card_activated .payment-link-card__cta {
  bottom: 78px;
}
@media (min-width: 576px) {
  .payment-link-card_activated .payment-link-card__cta {
    bottom: 125px;
  }
}
.payment-link-card__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.payment-link-card__reset-btn {
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: #b3b3b3;
}
.payment-link-card_activated .payment-link-card__reset-btn {
  transform-origin: center;
  visibility: visible;
  opacity: 1;
  transition: 0.2s color, 0.2s rotate, opacity 0.6s 1.6s, visibility 0.6s 1.6s;
  transition-behavior: allow-discrete;
}
.payment-link-card_activated .payment-link-card__reset-btn:hover {
  color: #4d4d4d;
  rotate: 45deg;
}
.installment-card {
  --card-width: 264px;
  --card-height: 178px;
  --inline-padding: 20px;
  width: var(--card-width);
  min-height: var(--card-height);
  transition: min-height 0.5s;
}
@media (min-width: 576px) {
  .installment-card {
    --card-height: 257px;
    --card-width: 438px;
    --inline-padding: 40px;
  }
}
@media (min-width: 1000px) {
  .installment-card {
    --card-width: 386px;
  }
}
@media (min-width: 1400px) {
  .installment-card {
    --card-width: 438px;
  }
}
.installment-card_activated {
  --card-height: 252px;
}
@media (min-width: 576px) {
  .installment-card_activated {
    --card-height: 357px;
  }
}
.installment-card__view {
  display: grid;
  row-gap: 12px;
  column-gap: 8px;
  grid-template-areas: "heading" "buttons" "result";
}
.installment-card_activated .installment-card__view {
  row-gap: 24px;
}
@media (min-width: 576px) {
  .installment-card_activated .installment-card__view {
    row-gap: 40px;
  }
}
.installment-card__title {
  grid-area: heading;
  text-align: center;
  transition: 0.3s;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .installment-card__title {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 0.8125rem;
    line-height: 1.2;
  }
}
.installment-card_activated .installment-card__title {
  opacity: 0;
  visibility: hidden;
}
.installment-card__plan-options {
  grid-area: buttons;
  display: flex;
  gap: 8px;
  max-width: var(--card-width);
}
.installment-card_activated .installment-card__cta {
  pointer-events: none;
}
.installment-card_activated
  .installment-card__cta.action-btn:not(.action-btn_activated) {
  margin-inline: calc(
    ((var(--card-width) - var(--inline-padding) * 2) / 3 + 3px) * -0.5
  );
  opacity: 0;
  visibility: hidden;
}
.installment-card__cta.action-btn {
  width: calc((var(--card-width) - var(--inline-padding) * 2) / 3 - 5px);
  transition: 0.6s cubic-bezier(0.4, 1.4, 0.5, 1);
}
.installment-card__cta.action-btn_activated {
  width: calc(var(--card-width) - var(--inline-padding) * 2);
  z-index: 10;
}
.installment-card__result {
  grid-area: result;
  display: grid;
  gap: 6px;
  grid-template-areas: "result-message" "result-amount";
  text-align: center;
  margin-top: 12px;
}
@media (min-width: 576px) {
  .installment-card__result {
    margin-top: 28px;
  }
}
.installment-card_activated .installment-card__result {
  margin-top: 0;
}
.installment-card__result-message {
  grid-area: result-message;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .installment-card__result-message {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 0.8125rem;
    line-height: 1.2;
  }
}
.installment-card__result-amount {
  grid-area: result-amount;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
  transition: 0.3s;
}
@media (min-width: 576px) {
  .installment-card__result-amount {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.5px;
  }
}
.installment-card_activated .installment-card__result-amount {
  color: #000;
}
.installment-card__success {
  grid-area: heading;
  margin-top: -48px;
  margin-bottom: -12px;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.installment-card_activated .installment-card__success {
  margin-block: 0;
  visibility: visible;
  opacity: 1;
}
.installment-card__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.installment-card__reset-btn {
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: #b3b3b3;
}
.installment-card_activated .installment-card__reset-btn {
  transform-origin: center;
  visibility: visible;
  opacity: 1;
  transition: 0.2s color, 0.2s rotate, opacity 0.6s 1.6s, visibility 0.6s 1.6s;
  transition-behavior: allow-discrete;
}
.installment-card_activated .installment-card__reset-btn:hover {
  color: #4d4d4d;
  rotate: 45deg;
}
.subscription-card {
  --card-width: 264px;
  --card-height: 224px;
  width: var(--card-width);
  min-height: var(--card-height);
  transition: min-height 0.5s;
}
@media (min-width: 576px) {
  .subscription-card {
    --card-height: 248px;
    --card-width: 481px;
  }
}
@media (min-width: 576px) and (min-width: 1000px) {
  .subscription-card {
    --card-width: 400px;
  }
}
@media (min-width: 576px) and (min-width: 1400px) {
  .subscription-card {
    --card-width: 481px;
  }
}
.subscription-card_activated {
  --card-height: 249px;
}
@media (min-width: 576px) {
  .subscription-card_activated {
    --card-height: 354px;
  }
}
.subscription-card__view {
  display: grid;
  row-gap: 12px;
  column-gap: 8px;
  grid-template-areas: "heading" "button";
  transition: row-gap 0.3s ease-out;
}
.subscription-card_activated .subscription-card__view {
  row-gap: 24px;
}
@media (min-width: 576px) {
  .subscription-card_activated .subscription-card__view {
    row-gap: 40px;
  }
}
.subscription-card__title {
  grid-area: heading;
  transition: 0.2s;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .subscription-card__title {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 0.8125rem;
    line-height: 1.2;
  }
}
.subscription-card_activated .subscription-card__title {
  opacity: 0;
  visibility: hidden;
}
.subscription-card__plan-options {
  grid-area: button;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: var(--card-width);
  overflow: hidden;
}
.subscription-card_activated .subscription-card__cta {
  pointer-events: none;
}
.subscription-card_activated
  .subscription-card__cta.checkbox-btn:not(.checkbox-btn_activated) {
  margin-top: -69px;
  margin-bottom: -12px;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 576px) {
  .subscription-card_activated
    .subscription-card__cta.checkbox-btn:not(.checkbox-btn_activated) {
    margin-top: -64px;
  }
}
.subscription-card__cta.checkbox-btn_activated {
  z-index: 10;
}
.subscription-card__success {
  grid-area: heading;
  margin-top: -48px;
  margin-bottom: -12px;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.subscription-card_activated .subscription-card__success {
  margin-block: 0;
  visibility: visible;
  opacity: 1;
}
.subscription-card__result {
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  transition: 0.5s;
}
@media (min-width: 576px) {
  .subscription-card__result {
    bottom: 40px;
  }
}
.subscription-card_activated .subscription-card__result {
  opacity: 1;
  visibility: visible;
}
.subscription-card__result-message {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .subscription-card__result-message {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 0.8125rem;
    line-height: 1.2;
  }
}
.subscription-card__result-amount {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
}
@media (min-width: 576px) {
  .subscription-card__result-amount {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.5px;
  }
}
.subscription-card_activated .subscription-card__result-amount {
  color: #000;
}
.subscription-card__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.subscription-card__reset-btn {
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: #b3b3b3;
}
.subscription-card_activated .subscription-card__reset-btn {
  transform-origin: center;
  visibility: visible;
  opacity: 1;
  transition: 0.2s color, 0.2s rotate, opacity 0.6s 1.6s, visibility 0.6s 1.6s;
  transition-behavior: allow-discrete;
}
.subscription-card_activated .subscription-card__reset-btn:hover {
  color: #4d4d4d;
  rotate: 45deg;
}
.benefit-card {
  --card-gap: 40px 20px;
  --card-padding-y: 40px;
  --content-gap: 24px;
  --content-padding-x: 24px;
  display: flex;
  flex-direction: column;
  gap: var(--card-gap);
  border-radius: 14px;
  background-color: #fff;
  padding-block-end: var(--card-padding-y);
  overflow: hidden;
}
@media (min-width: 576px) {
  .benefit-card {
    --content-padding-x: 40px;
  }
}
.benefit-card_horizontal {
  padding-block-start: var(--card-padding-y);
  flex-direction: column-reverse;
}
@media (min-width: 576px) {
  .benefit-card_horizontal {
    flex-flow: row-reverse wrap-reverse;
    justify-content: start;
    align-items: center;
  }
}
.benefit-card__preview {
  height: 213px;
  background-color: #f2f6ff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.benefit-card_horizontal .benefit-card__preview {
  justify-content: start;
  height: 180px;
  flex: 1 0 0;
  background-color: rgba(0, 0, 0, 0);
  padding-block: 21px;
  padding-inline: var(--content-padding-x);
}
@media (min-width: 576px) {
  .benefit-card_horizontal .benefit-card__preview {
    min-width: 268px;
    overflow: hidden;
    padding-block: 0;
    height: 180px;
  }
}
.benefit-card__preview.justify-content-start,
.benefit-card__preview .justify-content-start {
  justify-content: start;
}
.benefit-card__preview-pic {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.benefit-card_horizontal .benefit-card__preview-pic {
  height: 100%;
  justify-content: start;
  margin-inline: calc(-1 * var(--content-padding-x));
}
@media (min-width: 576px) {
  .benefit-card_horizontal .benefit-card__preview-pic {
    justify-content: center;
  }
}
.benefit-card__preview-img {
  height: 100%;
}
.benefit-card__preview-img_mobile-adaptive {
  height: 164px;
}
@media (min-width: 576px) {
  .benefit-card__preview-img_mobile-adaptive {
    height: 100%;
  }
}
.benefit-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
  padding-inline: var(--content-padding-x);
}
.benefit-card_horizontal .benefit-card__content {
  flex: 1;
}
@media (min-width: 576px) {
  .benefit-card_horizontal .benefit-card__content {
    min-width: 288px;
    max-width: 480px;
  }
}
.benefit-card__title {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
}
@media (min-width: 576px) {
  .benefit-card__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.3px;
    max-width: 400px;
  }
}
@media (min-width: 1000px) {
  .benefit-card__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 1400px) {
  .benefit-card__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
    max-width: 100%;
  }
}
.benefit-card__desc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #666;
}
@media (min-width: 576px) {
  .benefit-card__desc {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
    max-width: 400px;
  }
}
@media (min-width: 1000px) {
  .benefit-card__desc {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 100%;
  }
}
.product-form {
  display: none;
  --form-gap: 30px;
  --form-heading-gap: 30px;
  --form-actions-gap: 40px;
  --form-submit-gap: 12px;
  --form-fieldset-gap: 20px;
  width: 100%;
  flex-direction: column;
  gap: var(--form-gap);
}
.product-form_active {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .product-form {
    --form-heading-gap: 40px;
  }
}
@media (min-width: 1000px) {
  .product-form {
    --form-gap: 40px;
  }
}
.product-form__heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--form-heading-gap);
  align-self: stretch;
}
@media (max-width: 575.98px) {
  .product-form__heading_accounts {
    display: none;
  }
}
.product-form__title {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
}
@media (min-width: 375px) {
  .product-form__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .product-form__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
@media (min-width: 1000px) {
  .product-form__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 1200px) {
  .product-form__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 1600px) {
  .product-form__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
.product-form__tab-switch {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-constant-xs, 8px);
  align-self: stretch;
}
.product-form__form.hidden,
.product-form__app.hidden {
  display: none;
}
.product-form__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--form-gap);
}
.product-form__fieldset {
  display: flex;
  flex-direction: column;
  gap: var(--form-fieldset-gap);
}
.product-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--form-actions-gap);
}
.product-form__checkbox {
  min-width: 256px;
}
@media (min-width: 576px) {
  .product-form__checkbox {
    flex: 1;
    min-width: 376px;
    max-width: 500px;
  }
}
.product-form__submit-button {
  flex: 1;
  min-width: 200px;
}
.form-card {
  --form-paddings: 30px 16px;
  --form-border-radius: 20px;
  padding: var(--form-paddings);
  border-radius: var(--form-border-radius);
  border: 1px #f5f5f5;
  background: #fff;
  box-shadow: 0 0 44px 8px rgba(0, 0, 0, 0.04);
}
@media (min-width: 576px) {
  .form-card {
    --form-paddings: 40px;
  }
}
@media (min-width: 1000px) {
  .form-card {
    --form-paddings: 50px 40px;
  }
}
@media (min-width: 1400px) {
  .form-card {
    --form-paddings: 60px;
  }
}



/*
.get-started {
  --_section-paddings-inline: 16px;
  --_section-container-gap: 80px;
  --_section-bg-color: #c9f73a;
  --_section-title-color: #000;
  --_section-height: 500px;
  position: relative;
  overflow: hidden;
  padding-inline: var(--_section-paddings-inline);
  background: var(--_section-bg-color);
  height: var(--_section-height);
}
@media (min-width: 576px) {
  .get-started {
    --_section-paddings-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .get-started {
    --_section-paddings-inline: 60px;
  }
}

.get-started__container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--_section-container-gap);
  height: inherit;
  z-index: 1;
}

.get-started__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 2.4375rem;
  line-height: 1;
  letter-spacing: -0.7px;
  text-align: center;
  color: var(--_section-title-color);
}
@media (min-width: 576px) {
  .get-started__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.625rem;
    line-height: 1;
    letter-spacing: -0.7px;
  }
}
@media (min-width: 1000px) {
  .get-started__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
  }
}
.get-started__background {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: grid;
  align-content: center;
  justify-items: center;
}
.get-started__background > * {
  grid-area: 1/1;
  align-self: center;
  justify-self: center;
}
.get-started__circle {
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
}
.get-started__circle_1 {
  width: 376px;
}
.get-started__circle_2 {
  width: 754px;
}
.get-started__circle_3 {
  width: 1144px;
}
.get-started__circle_4 {
  width: 1528px;
}
.get-started .get-started__circle {
  animation: moveOut 0.5s forwards;
}
.get-started_hovered .get-started__circle {
  animation: moveIn 0.5s forwards;
}
@keyframes moveIn {
  from {
    transform: translate(0, 0);
  }
}
@keyframes moveOut {
  to {
    transform: translate(0, 0);
  }
}
@keyframes simpleFadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeInAndTranslateY {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
*/

.pp-hero {
  position: relative;
  display: grid;
  width: 100%;
  justify-items: center;
  align-content: flex-start;
  padding-block: 80px 80px;
  overflow: hidden;
}
@media (max-width: 999.98px) {
  .pp-hero {
    margin-top: calc(var(--navbar-height) * -1);
  }
}
@media (min-width: 576px) {
  .pp-hero {
    padding-block: 90px 60px;
  }
}
@media (min-width: 1000px) {
  .pp-hero {
    padding-block: 100px 80px;
    min-height: 768px;
  }
}
@media (min-width: 1400px) {
  .pp-hero {
    padding-block: 120px 80px;
    min-height: 900px;
  }
}
.pp-hero__background,
.pp-hero__wrapper {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
}
.pp-hero__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  z-index: 1;
}
@media (min-width: 576px) {
  .pp-hero__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .pp-hero__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 576px) {
  .pp-hero__wrapper {
    gap: 40px 24px;
  }
}
@media (min-width: 1000px) {
  .pp-hero__wrapper {
    gap: 64px 24px;
  }
}
@media (min-width: 576px) {
  .pp-hero__content,
  .pp-hero__visuals {
    min-width: 424px;
    flex: 1 0 0;
  }
}
.pp-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media (min-width: 576px) {
  .pp-hero__content {
    gap: 24px;
  }
}
@media (min-width: 1400px) {
  .pp-hero__content {
    min-height: 400px;
    gap: 60px;
  }
}
.pp-hero__visuals {
  display: none;
}
@media (min-width: 576px) {
  .pp-hero__visuals {
    position: relative;
    display: grid;
    justify-content: center;
    height: 500px;
  }
}
@media (min-width: 1000px) {
  .pp-hero__visuals {
    justify-content: stretch;
    height: 600px;
  }
}
.pp-hero__method-images {
  grid-area: 1/1;
  min-width: 424px;
}
.pp-hero__method-image {
  position: absolute;
}
.pp-hero__progress {
  display: flex;
  align-items: center;
  gap: 24px;
}
.pp-hero__progress-tag {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1.2;
  text-transform: uppercase;
  outline: none;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .pp-hero__progress-tag {
    display: flex;
    padding: 8px;
    border-radius: 8px;
    outline: 1px solid var(--common-black, #000);
    outline-offset: -1px;
    margin-bottom: 20px;
  }
}
.pp-hero__progress-pagination {
  display: inline-flex;
  gap: 4px;
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .pp-hero__progress-pagination {
    display: none;
  }
}
.pp-hero__progress-pagination .swiper-pagination-bullet {
  --_dot-size: 5px;
  --_dot-color: #000;
  background-color: var(--_dot-color);
  width: var(--_dot-size);
  height: var(--_dot-size);
  border-radius: var(--_dot-size);
  opacity: 0.5;
  transition: 0.6s ease-out;
}
.pp-hero__progress-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: calc(var(--_dot-size) * 2);
}
.pp-hero__heading {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.9375rem;
  line-height: 1;
  letter-spacing: -0.4px;
  max-width: 360px;
  padding-bottom: 16px;
}
@media (min-width: 576px) {
  .pp-hero__heading {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.625rem;
    line-height: 1;
    letter-spacing: -0.7px;
    max-width: unset;
  }
}
@media (min-width: 1000px) {
  .pp-hero__heading {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .pp-hero__heading {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.75rem;
    line-height: 1.1;
    letter-spacing: -1px;
  }
}
.pp-hero__heading-feature {
  color: #999;
  transition: 0.4s ease-out color;
}
.pp-hero__heading-feature_active {
  color: #000;
}
.pp-hero__heading-slider {
  display: inline-flex;
  overflow: hidden;
  height: fit-content;
  width: fit-content;
}
@media (min-width: 576px) {
  .pp-hero__heading-slider_inline-height {
    padding-block: 6px;
    margin-block: -6px;
  }
}
@media (min-width: 1000px) {
  .pp-hero__heading-slider_inline-height {
    padding-block: 9px;
    margin-block: -9px;
  }
}
.pp-hero__heading-slider_fixed-height {
  height: 264px;
}
.pp-hero__heading-slider .swiper-wrapper {
  display: inline-flex;
  flex-direction: column;
  height: fit-content;
}
.pp-hero__heading-slider .swiper-slide {
  display: flex;
  align-items: center;
}
.pp-hero__heading-method {
  white-space: nowrap;
}
.pp-hero__description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  max-width: 360px;
  padding-bottom: 16px;
}
@media (min-width: 576px) {
  .pp-hero__description {
    max-width: 540px;
    padding-bottom: 20px;
  }
}
.pp-hero__description span {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
}
.pp-hero__contact-link {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  --btn-padding: 9px 13px;
  --btn-gap: 16px;
  margin-bottom: 20px;
}
@media (min-width: 1400px) {
  .pp-hero__contact-link {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
    --btn-padding: 13px 17px;
    --btn-gap: 16px;
  }
}
.pp-hero__background {
  z-index: 0;
}
.pp-hero__background-shape-top,
.pp-hero__background-shape-bottom,
.pp-hero__background-gradient-1 {
  position: absolute;
}
.pp-hero__background-gradient-1 {
  z-index: 1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 2px solid #fff;
  --angle: 62deg;
  --segment-1-opacity: 1;
  --segment-2-opacity: 0;
  --segment-3-opacity: 0;
  /* background: conic-gradient(
    from var(--angle) at calc(50% - var(--offset-center-x, 28px))
      calc(50% - var(--offset-center-y, 66px)),
    rgb(150, 67, 255, var(--segment-1-opacity)) 0deg,
    rgb(3, 218, 245, var(--segment-2-opacity)) 90deg,
    rgb(201, 247, 58, var(--segment-3-opacity)) 359.85deg,
    rgb(150, 67, 255, var(--segment-1-opacity)) 360deg
  ); */

  background: conic-gradient(
    from var(--angle) at calc(50% - var(--offset-center-x, 28px))
      calc(50% - var(--offset-center-y, 66px)),
    rgba(0, 180, 80, var(--segment-1-opacity)) 0deg,
    rgba(0, 240, 140, var(--segment-2-opacity)) 90deg,
    rgba(120, 200, 40, var(--segment-3-opacity)) 359.85deg,
    rgba(0, 180, 80, var(--segment-1-opacity)) 360deg
  );
}

@media (max-width: 999.98px) {
  .pp-hero__background-gradient-1 {
    background: conic-gradient(
      from var(--angle) at calc(50% + 180px) calc(50% - 70px),
      rgba(0, 180, 80, var(--segment-1-opacity)) 0deg,
      rgba(0, 240, 140, var(--segment-2-opacity)) 90deg,
      rgba(120, 200, 40, var(--segment-3-opacity)) 359.85deg,
      rgba(0, 180, 80, var(--segment-1-opacity)) 360deg
    );
  }
}


@media (max-width: 999.98px) {
  .pp-hero__background-gradient-1 {
    background: conic-gradient(
      from var(--angle) at calc(50% + 180px) calc(50% - 70px),
      rgba(0, 180, 80, var(--segment-1-opacity)) 0deg,
      rgba(0, 240, 140, var(--segment-2-opacity)) 90deg,
      rgba(120, 200, 40, var(--segment-3-opacity)) 359.85deg,
      rgba(0, 180, 80, var(--segment-1-opacity)) 360deg
    );
  }
}


.pp-hero__background-shape-top {
  top: -1px;
  height: 210.7px;
  width: 100%;
  z-index: 2;
}
@media (max-width: 999.98px) {
  .pp-hero__background-shape-top {
    display: none;
  }
}
.pp-hero__background-shape-bottom {
  width: 100%;
  bottom: -1px;
  height: 105px;
  z-index: 2;
  height: 42px;
}
@media (min-width: 576px) {
  .pp-hero__background-shape-bottom {
    height: 60px;
  }
}
@media (min-width: 1000px) {
  .pp-hero__background-shape-bottom {
    height: 104px;
  }
}
.pp-hero__background-gradient-1 {
  opacity: 0;
}
.pp-hero_visible .pp-hero__background-gradient-1 {
  animation: simpleFadeIn 1.2s ease-out forwards;
}
.pp-hero__progress-tag {
  opacity: 0;
  transform: translateY(20px);
}
.pp-hero_visible .pp-hero__progress-tag {
  animation: fadeInAndTranslateY 1.2s 0.8s ease-out forwards;
}
.pp-hero__progress-pagination {
  opacity: 0;
  transform: translateY(20px);
}
.pp-hero_visible .pp-hero__progress-pagination {
  animation: fadeInAndTranslateY 1.2s 1s ease-out forwards;
}
.pp-hero__heading {
  opacity: 0;
  transform: translateY(20px);
}
.pp-hero_visible .pp-hero__heading {
  animation: fadeInAndTranslateY 1.2s 1.2s ease-out forwards;
}
.pp-hero__description {
  opacity: 0;
  transform: translateY(20px);
}
.pp-hero_visible .pp-hero__description {
  animation: fadeInAndTranslateY 1.2s 1.4s ease-out forwards;
}
.pp-hero__contact-link {
  opacity: 0;
  transform: translateY(20px);
}
.pp-hero_visible .pp-hero__contact-link {
  animation: fadeInAndTranslateY 1.2s 1.6s ease-out forwards;
}
.pp-hero__visuals {
  perspective: 1000px;
}
.pp-hero__method-image {
  transition: opacity 0.8s var(--opacity-transition-delay, 0s) ease-out,
    transform 0.8s var(--transform-transition-delay, 0s) ease-out,
    translate 0.8s var(--translate-transition-delay, 0s) ease-out,
    padding 0.8s var(--padding-transition-delay, 0s) ease-out,
    rotate 0.8s var(--rotate-transition-delay, 0s) ease-out;
}
.pp-hero__method-images {
  transform-style: preserve-3d;
}
.pp-hero__method-images .pp-hero__method-image {
  opacity: 0;
  transform: translateY(200px) translateZ(200px) scale(1.1);
  transform-origin: center;
}
.pp-hero__method-images.pp-hero__method-images_active .pp-hero__method-image {
  opacity: 1;
  transform: translateY(0) translateZ(0) scale(1);
}
.pp-hero__method-images.pp-hero__method-images_inactive .pp-hero__method-image {
  opacity: 0;
  transform: translateY(-200px) translateZ(-300px) scale(0.7);
  transition-delay: 0s;
}
.pp-hero__visuals_two-slides {
  perspective: none;
}
.pp-hero__visuals_two-slides .pp-hero__method-image {
  opacity: 0;
  transform: translateY(20px);
}
.pp-hero__visuals_two-slides
  .pp-hero__method-images_active
  .pp-hero__method-image {
  opacity: 1;
  transform: translateY(0);
}
.pp-hero__visuals_two-slides
  .pp-hero__method-images_inactive
  .pp-hero__method-image {
  opacity: 0;
  transform: translateY(20px);
  transition-delay: 0s;
}
.pp-hero__method-images_upi .pp-hero__method-image_1 {
  width: 253px;
  height: 364px;
  left: 0;
  top: 46px;
  right: unset;
  --transform-transition-delay: 0.3s;
  --opacity-transition-delay: 0.3s;
  z-index: 2;
}
.pp-hero__method-images_upi .pp-hero__method-image_2 {
  width: 211px;
  height: 352px;
  left: 196px;
  top: 104px;
  right: unset;
  z-index: 1;
}
@media (min-width: 1000px) {
  .pp-hero__method-images_upi .pp-hero__method-image_1 {
    width: 336px;
    height: 484px;
    left: 0;
    top: 24px;
    right: unset;
  }
  .pp-hero__method-images_upi .pp-hero__method-image_2 {
    width: 280px;
    height: 468px;
    left: 169px;
    top: 86px;
    right: unset;
  }
}
@media (min-width: 1400px) {
  .pp-hero__method-images_upi .pp-hero__method-image_1 {
    width: 420px;
    height: 605px;
    left: 0;
    top: -32px;
    right: unset;
  }
  .pp-hero__method-images_upi .pp-hero__method-image_2 {
    width: 350px;
    height: 585px;
    left: 256px;
    top: 40px;
    right: unset;
  }
}
.pp-hero__method-images_credit .pp-hero__method-image_1 {
  width: 252px;
  height: 415px;
  left: 0;
  top: 42px;
  right: unset;
  --transform-transition-delay: 0.3s;
  --opacity-transition-delay: 0.3s;
  z-index: 2;
}
.pp-hero__method-images_credit .pp-hero__method-image_2 {
  width: 302px;
  height: 319px;
  left: 140px;
  top: 91px;
  right: unset;
  z-index: 1;
}
@media (min-width: 1000px) {
  .pp-hero__method-images_credit .pp-hero__method-image_1 {
    width: 336px;
    height: 554px;
    left: 0;
    top: 24px;
    right: unset;
  }
  .pp-hero__method-images_credit .pp-hero__method-image_2 {
    /* width: 402px; */
    /* height: 425px; */
    left: 250px;
    top: 175px;
    right: unset;
  }
}
@media (min-width: 1400px) {
  .pp-hero__method-images_credit .pp-hero__method-image_1 {
    width: 420px;
    height: 693px;
    left: 0;
    top: -32px;
    right: unset;
  }
  .pp-hero__method-images_credit .pp-hero__method-image_2 {
    width: 503px;
    height: 531px;
    left: 234px;
    top: 160px;
    right: unset;
  }
}
.pp-hero__method-images_bank-transfer .pp-hero__method-image_1 {
  width: 306px;
  height: 428px;
  left: 0;
  top: 36px;
  right: unset;
  z-index: 1;
}
.pp-hero__method-images_bank-transfer .pp-hero__method-image_2 {
  width: 344px;
  height: 380px;
  left: 96px;
  top: 160px;
  right: unset;
  --transform-transition-delay: 0.3s;
  --opacity-transition-delay: 0.3s;
  z-index: 2;
}
@media (min-width: 1000px) {
  .pp-hero__method-images_bank-transfer .pp-hero__method-image_1 {
    width: 408px;
    height: 571px;
    left: 0;
    top: 0;
    right: unset;
  }
  .pp-hero__method-images_bank-transfer .pp-hero__method-image_2 {
    width: 458px;
    height: 506px;
    left: 169px;
    top: 164px;
    right: unset;
  }
}
@media (min-width: 1400px) {
  .pp-hero__method-images_bank-transfer .pp-hero__method-image_1 {
    width: 510px;
    height: 714px;
    left: 0;
    top: 0;
    right: unset;
  }
  .pp-hero__method-images_bank-transfer .pp-hero__method-image_2 {
    width: 546px;
    height: 602px;
    left: 192px;
    top: 140px;
    right: unset;
  }
}
.pp-hero__method-images_cash .pp-hero__method-image_1 {
  width: 348px;
  height: 484px;
  left: 0;
  top: 8px;
  right: unset;
  z-index: 1;
}
.pp-hero__method-images_cash .pp-hero__method-image_2 {
  width: 309px;
  height: 326px;
  left: 133px;
  top: 174px;
  right: unset;
  --transform-transition-delay: 0.3s;
  --opacity-transition-delay: 0.3s;
  z-index: 2;
}
@media (min-width: 1000px) {
  .pp-hero__method-images_cash .pp-hero__method-image_1 {
    width: 436px;
    height: 606px;
    left: 0;
    top: 0;
    right: unset;
  }
  .pp-hero__method-images_cash .pp-hero__method-image_2 {
    width: 402px;
    height: 425px;
    left: 225px;
    top: 208px;
    right: unset;
  }
}
@media (min-width: 1400px) {
  .pp-hero__method-images_cash .pp-hero__method-image_1 {
    width: 480px;
    height: 667px;
    left: 0;
    top: -28px;
    right: unset;
  }
  .pp-hero__method-images_cash .pp-hero__method-image_2 {
    width: 502px;
    height: 531px;
    left: 235px;
    top: 160px;
    right: unset;
  }
}
.pp-hero__method-images_debit .pp-hero__method-image_1 {
  width: 310px;
  height: 455px;
  left: 0;
  top: 0;
  right: unset;
  z-index: 4;
}
.pp-hero__method-images_debit .pp-hero__method-image_2 {
  width: 226px;
  height: 329px;
  left: -4px;
  top: 130px;
  right: unset;
  --opacity-transition-delay: 0.8s;
  --translate-transition-delay: 0.8s;
  --rotate-transition-delay: 0.8s;
  transform-origin: right bottom;
  z-index: 3;
}
.pp-hero__method-images_debit .pp-hero__method-image_3 {
  width: 227px;
  height: 329px;
  left: -4px;
  top: 130px;
  right: unset;
  --opacity-transition-delay: 0.8s;
  --translate-transition-delay: 0.8s;
  --rotate-transition-delay: 0.8s;
  transform-origin: right bottom;
  z-index: 2;
}
.pp-hero__method-images_debit .pp-hero__method-image_4 {
  width: 227px;
  height: 329px;
  left: -4px;
  top: 130px;
  right: unset;
  --opacity-transition-delay: 0.8s;
  --translate-transition-delay: 0.8s;
  --rotate-transition-delay: 0.8s;
  transform-origin: right bottom;
  z-index: 1;
}
@media (min-width: 1000px) {
  .pp-hero__method-images_debit .pp-hero__method-image_1 {
    width: 386px;
    height: 554px;
    left: 0;
    top: 23px;
    right: unset;
  }
  .pp-hero__method-images_debit .pp-hero__method-image_2 {
    width: 254px;
    height: 370px;
    left: 40px;
    top: 200px;
    right: unset;
  }
  .pp-hero__method-images_debit .pp-hero__method-image_3 {
    width: 255px;
    height: 370px;
    left: 40px;
    top: 200px;
    right: unset;
  }
  .pp-hero__method-images_debit .pp-hero__method-image_4 {
    width: 255px;
    height: 370px;
    left: 40px;
    top: 200px;
    right: unset;
  }
}
@media (min-width: 1400px) {
  .pp-hero__method-images_debit .pp-hero__method-image_1 {
    width: 483px;
    height: 693px;
    left: 0;
    top: -46px;
    right: unset;
  }
  .pp-hero__method-images_debit .pp-hero__method-image_2 {
    width: 315px;
    height: 460px;
    left: 90px;
    top: 180px;
    right: unset;
  }
  .pp-hero__method-images_debit .pp-hero__method-image_3 {
    width: 317px;
    height: 460px;
    left: 90px;
    top: 180px;
    right: unset;
  }
  .pp-hero__method-images_debit .pp-hero__method-image_4 {
    width: 317px;
    height: 460px;
    left: 90px;
    top: 180px;
    right: unset;
  }
}
.pp-hero__method-images_debit.pp-hero__method-images_active
  .pp-hero__method-image_2 {
  rotate: 18deg;
  translate: 90px -10px;
}
.pp-hero__method-images_debit.pp-hero__method-images_active
  .pp-hero__method-image_3 {
  rotate: 36deg;
  translate: 80px 0;
}
.pp-hero__method-images_debit.pp-hero__method-images_active
  .pp-hero__method-image_4 {
  rotate: 54deg;
  translate: 70px 0;
}
.pp-hero__method-images_wallet .pp-hero__method-image_1 {
  width: 395px;
  height: 428px;
  left: 0;
  top: 36px;
  right: unset;
  --transform-transition-delay: 0.3s;
  --opacity-transition-delay: 0.3s;
  z-index: 2;
}
.pp-hero__method-images_wallet .pp-hero__method-image_2 {
  width: 315px;
  height: 294px;
  left: 127px;
  top: 103px;
  right: unset;
  z-index: 1;
}
@media (min-width: 1000px) {
  .pp-hero__method-images_wallet .pp-hero__method-image_1 {
    width: 526px;
    height: 571px;
    left: 0;
    top: 0;
    right: unset;
  }
  .pp-hero__method-images_wallet .pp-hero__method-image_2 {
    width: 420px;
    height: 392px;
    left: 208px;
    top: 104px;
    right: unset;
  }
}
@media (min-width: 1400px) {
  .pp-hero__method-images_wallet .pp-hero__method-image_1 {
    width: 579px;
    height: 628px;
    left: 0;
    top: -13px;
    right: unset;
  }
  .pp-hero__method-images_wallet .pp-hero__method-image_2 {
    width: 525px;
    height: 490px;
    left: auto;
    top: 55px;
    right: -26px;
  }
}
.pp-hero__method-images_apm {
  display: flex;
}
.pp-hero__method-images_apm.pp-hero__method-images_active
  .pp-hero__method-image_2 {
  padding: 90px 0;
}
.pp-hero__method-images_apm .pp-hero__method-image_1 {
  width: 383px;
  height: 493px;
  left: 30px;
  top: 0;
  right: unset;
  z-index: 2;
}
.pp-hero__method-images_apm .pp-hero__method-image_2 {
  width: 612px;
  height: 471px;
  left: 0;
  top: 13px;
  right: unset;
  --opacity-transition-delay: 0.8s;
  --padding-transition-delay: 0.8s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 45px 0;
  z-index: 1;
}
.pp-hero__method-images_apm
  .pp-hero__method-image_2
  .pp-hero__method-image-row {
  width: fit-content;
  height: 51px;
}
.pp-hero__method-images_apm
  .pp-hero__method-image_2
  .pp-hero__method-image-row:nth-of-type(2),
.pp-hero__method-images_apm
  .pp-hero__method-image_2
  .pp-hero__method-image-row:nth-of-type(4) {
  margin-inline: 40px;
}
@media (min-width: 1000px) {
  .pp-hero__method-images_apm .pp-hero__method-image_1 {
    width: 511px;
    height: 657px;
    left: 50%;
    top: 0;
    right: unset;
    translate: -50% 0;
  }
  .pp-hero__method-images_apm .pp-hero__method-image_2 {
    width: 714px;
    height: 541px;
    left: 0;
    top: 51px;
    right: unset;
  }
  .pp-hero__method-images_apm
    .pp-hero__method-image_2
    .pp-hero__method-image-row {
    height: 68px;
  }
  .pp-hero__method-images_apm
    .pp-hero__method-image_2
    .pp-hero__method-image-row:nth-of-type(2),
  .pp-hero__method-images_apm
    .pp-hero__method-image_2
    .pp-hero__method-image-row:nth-of-type(4) {
    margin-inline: 49px;
  }
}
@media (min-width: 1400px) {
  .pp-hero__method-images_apm .pp-hero__method-image_1 {
    width: 639px;
    height: 821px;
    left: 50%;
    top: 0;
    right: unset;
  }
  .pp-hero__method-images_apm .pp-hero__method-image_2 {
    width: 939px;
    height: 632px;
    left: 0;
    top: 67px;
    right: unset;
  }
  .pp-hero__method-images_apm
    .pp-hero__method-image_2
    .pp-hero__method-image-row {
    height: 85px;
  }
  .pp-hero__method-images_apm
    .pp-hero__method-image_2
    .pp-hero__method-image-row:nth-of-type(2),
  .pp-hero__method-images_apm
    .pp-hero__method-image_2
    .pp-hero__method-image-row:nth-of-type(4) {
    margin-inline: 60px;
  }
}

.pp-one-platform {
  display: grid;
  justify-items: center;
}
.pp-one-platform > * {
  grid-area: 1/1;
}
.pp-one-platform:not(:nth-of-type(1)) {
  margin-top: 40px;
}
@media (min-width: 576px) {
  .pp-one-platform:not(:nth-of-type(1)) {
    margin-top: 0;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform:not(:nth-of-type(1)) {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform:not(:nth-of-type(1)) {
    margin-top: 0;
  }
}
.pp-one-platform__bg {
  margin-bottom: -100%;
  z-index: 0;
}
.pp-one-platform__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding-block: 20px 40px;
  z-index: 1;
  width: 100%;
}
@media (min-width: 576px) {
  .pp-one-platform__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 576px) {
  .pp-one-platform__wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px 24px;
    padding-block: 60px;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__wrapper {
    align-items: center;
    padding-block: 80px 120px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__wrapper {
    padding-block: 160px;
  }
}
.pp-one-platform__wrapper_align_center {
  align-items: center;
}

.pp-one-platform__content,
.pp-one-platform__image {
  display: flex;
  flex: 1 0 0;
}
@media (min-width: 576px) {
  .pp-one-platform__content,
  .pp-one-platform__image {
    min-width: 300px;
  }
}
.pp-one-platform__content {
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 576px) {
  .pp-one-platform__content {
    gap: 40px;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__content {
    gap: 32px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__content {
    gap: 60px;
    padding-right: 12px;
  }
}
.pp-one-platform__label {
  display: inline-flex;
  width: fit-content;
  padding: 6px;
  border-radius: 6px;
  border: 1px solid #82dcdb;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .pp-one-platform__label {
    padding: 8px;
    border-radius: 8px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 500;
    font-style: normal;
    font-size: 0.8125rem;
    line-height: 1.2;
  }
}
.pp-one-platform__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
}
@media (min-width: 576px) {
  .pp-one-platform__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
  }
}
.pp-one-platform__title span {
  display: inline-block;
  width: fit-content;
  height: fit-content;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 1;
}
.pp-one-platform__title span:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 16%;
  height: 8px;
  left: -2px;
  right: -2px;
  border-radius: 12px;
  background-color: #dafe03;
  z-index: -1;
}
@media (min-width: 768px) {
  .pp-one-platform__title span:before {
    height: 12px;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__title span:before {
    height: 18px;
  }
}
.pp-one-platform__description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #666;
}
@media (min-width: 1000px) {
  .pp-one-platform__description {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 480px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__description {
    max-width: 600px;
  }
}
.pp-one-platform__btn-container {
  padding-bottom: 16px;
}
@media (min-width: 576px) {
  .pp-one-platform__btn-container {
    padding-bottom: 0;
  }
}
.pp-one-platform__btn {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  --btn-padding: 9px 13px;
  --btn-gap: 16px;
}
@media (min-width: 1400px) {
  .pp-one-platform__btn {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
    --btn-padding: 13px 17px;
    --btn-gap: 16px;
  }
}

.pp-one-platform__image {
  position: relative;
  width: 100%;
  min-height: 300px;
} 

/* @media (min-width: 576px) {
  .pp-one-platform__image {
    min-height: 400px;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__image {
    min-height: 500px;
  }
} */

.pp-one-platform__image {
    flex: 1;
    max-width: 500px;
}

@media (max-width: 768px) {
    .pp-one-platform__image {
        max-width: 100%;
    }
}


@media (min-width: 1400px) {
  .pp-one-platform__image {
    min-height: 600px;
  }
}
.pp-one-platform__image-container {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #e6e6e6;
  z-index: 1;
}
.pp-one-platform__image-element {
  height: 100%;
  min-width: 100%;
  position: absolute;
  object-fit: cover;
}
.pp-one-platform__image-element_one-platform {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 576px) {
  .pp-one-platform__image-element_one-platform {
    left: -80px;
    transform: translateX(0);
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__image-element_one-platform {
    left: -20px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__image-element_one-platform {
    left: -210px;
  }
}

.pp-one-platform__image-element_we-take-care {
    width: 100%;
    height: 100%;
    object-fit: contain; /* pura GIF dikhayega, bilkul crop nahi karega */
    object-position: center; /* center me rahega */
    background: #fff; /* empty sides me smooth background */
    left: 0 !important;
    transform: none !important;
}


@media (min-width: 576px) {
  .pp-one-platform__image-element_we-take-care {
    left: -80px;
    transform: translateX(0);
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__image-element_we-take-care {
    left: -150px;
    transform: translateX(0);
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__image-element_we-take-care {
    left: -180px;
  }
}
.pp-one-platform__image-widget {
  display: none;
}
@media (min-width: 576px) {
  .pp-one-platform__image-widget {
    display: block;
    position: absolute;
    right: 30px;
    top: -28px;
    border-radius: 14px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
    z-index: 2;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__image-widget {
    top: -34px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__image-widget {
    top: -41px;
  }
}
.pp-one-platform__widget-wallets {
  display: none;
}
@media (min-width: 576px) {
  .pp-one-platform__widget-wallets {
    display: flex;
    overflow: hidden;
    height: 56px;
    flex-direction: column;
    padding: 16px;
  }
}
@media (min-width: 1000px) {
  .pp-one-platform__widget-wallets {
    padding: 18px;
    height: 68px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__widget-wallets {
    gap: 24px;
    padding: 24px;
    height: fit-content;
  }
}
.pp-one-platform__widget-wallet {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  gap: 10px;
  width: 100%;
  --wallet-height: 24px;
  height: var(--wallet-height);
}
@media (min-width: 1000px) {
  .pp-one-platform__widget-wallet {
    --wallet-height: 32px;
    font-size: 20px;
    gap: 12px;
  }
}
@media (min-width: 1400px) {
  .pp-one-platform__widget-wallet {
    --wallet-height: 36px;
    gap: 16px;
  }
  .pp-one-platform__widget-wallet:nth-of-type(2) {
    position: relative;
  }
  .pp-one-platform__widget-wallet:nth-of-type(2)::before,
  .pp-one-platform__widget-wallet:nth-of-type(2)::after {
    content: "";
    position: absolute;
    left: -24px;
    width: 200%;
    height: 1px;
    background-color: #e6e6e6;
  }
  .pp-one-platform__widget-wallet:nth-of-type(2)::before {
    top: -12px;
  }
  .pp-one-platform__widget-wallet:nth-of-type(2)::after {
    bottom: -13px;
  }
}
.pp-one-platform__widget-wallet-icon {
  height: 100%;
}
.pp-one-platform__widget-wallet-amount span {
  color: rgba(21, 33, 32, 0.42);
}
.pp-one-platform__widget-wallet-currency {
  margin-left: auto;
}
@media (max-width: 1399.98px) {
  .pp-one-platform__widget-wallet {
    opacity: 0;
    transition: 0.6s;
  }
  .pp-one-platform__widget-wallet_active {
    opacity: 1;
  }
  .pp-one-platform__widget-wallet_active:nth-of-type(1) {
    transform: translateY(calc(0 * calc(var(--wallet-height) * -1)));
  }
  .pp-one-platform__widget-wallet_active:nth-of-type(2) {
    transform: translateY(calc(1 * calc(var(--wallet-height) * -1)));
  }
  .pp-one-platform__widget-wallet_active:nth-of-type(3) {
    transform: translateY(calc(2 * calc(var(--wallet-height) * -1)));
  }
  .pp-one-platform__widget-wallet_prev:nth-of-type(1) {
    transform: translateY(calc(1 * calc(var(--wallet-height) * -1)));
  }
  .pp-one-platform__widget-wallet_prev:nth-of-type(2) {
    transform: translateY(calc(2 * calc(var(--wallet-height) * -1)));
  }
  .pp-one-platform__widget-wallet_prev:nth-of-type(3) {
    transform: translateY(calc(3 * calc(var(--wallet-height) * -1)));
  }
  .pp-one-platform__widget-wallet_next:nth-of-type(1) {
    transform: translateY(calc(1 * var(--wallet-height)));
  }
  .pp-one-platform__widget-wallet_next:nth-of-type(2) {
    transform: translateY(calc(2 * var(--wallet-height)));
  }
  .pp-one-platform__widget-wallet_next:nth-of-type(3) {
    transform: translateY(calc(3 * var(--wallet-height)));
  }
}
.pp-one-platform__card-status {
  position: absolute;
  left: 30px;
  bottom: -60px;
  z-index: 2;
}
@media (max-width: 575.98px) {
  .pp-one-platform__card-status {
    display: none;
  }
}
.pp-who-we-are-for {
  display: flex;
  justify-content: center;
  position: relative;
}
.pp-who-we-are-for__bg {
  --dotted-bg-width: 842px;
  --dotted-bg-height: 195px;
  position: absolute;
  z-index: 0;
}
.pp-who-we-are-for__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-block: 40px;
  gap: 40px;
  z-index: 1;
}
@media (min-width: 576px) {
  .pp-who-we-are-for__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .pp-who-we-are-for__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 1000px) {
  .pp-who-we-are-for__wrapper {
    padding-block: 80px;
    gap: 80px;
  }
}
.pp-who-we-are-for__heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 1000px) {
  .pp-who-we-are-for__heading {
    gap: 40px;
  }
}
.pp-who-we-are-for__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
}
@media (min-width: 576px) {
  .pp-who-we-are-for__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1000px) {
  .pp-who-we-are-for__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
  }
}
.pp-who-we-are-for__description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #666;
  max-width: 522px;
}
@media (min-width: 1000px) {
  .pp-who-we-are-for__description {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.pp-who-we-are-for__cards {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pp-who-we-are-for__cards-bg {
  --dotted-bg-width: 842px;
  --dotted-bg-height: 411px;
  position: absolute;
  left: 50%;
  translate: -50% 0;
  top: 64px;
  z-index: 0;
  pointer-events: none;
}

.pp-who-we-are-for__cards-title {
  text-align: center;
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
}
@media (min-width: 576px) {
  .pp-who-we-are-for__cards-title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1000px) {
  .pp-who-we-are-for__cards-title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
.pp-who-we-are-for__cards-list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  z-index: 2;
}
@media (min-width: 1000px) {
  .pp-who-we-are-for__cards-list {
    gap: 24px;
  }
}

.who-we-are-for-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 30px;
  flex: 1 0 0;
  border-radius: 14px;
  background: var(--common-black, #000);
  min-width: 240px;

  transition: transform 0.45s ease, box-shadow 0.45s ease, border 0.45s ease;
}

.who-we-are-for-card:hover {
  transform: scale(1.06);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.6), 0 0 35px rgba(0, 240, 140, 0.35);
  border: 1px solid rgba(0, 240, 140, 0.4);
  cursor: pointer;
}

@media (min-width: 576px) {
  .who-we-are-for-card {
    min-height: 230px;
  }
}
@media (min-width: 1000px) {
  .who-we-are-for-card {
    min-width: unset;
    min-height: 268px;
  }
}
.who-we-are-for-card__title {
  z-index: 2;
  color: #fff;
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
  line-height: 1;
}
@media (min-width: 576px) {
  .who-we-are-for-card__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

@media (min-width: 1000px) {
  .who-we-are-for-card__title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
.who-we-are-for-card__description {
  z-index: 2;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 1.4;
  color: #ccc;
  max-width: 240px;
}
@media (min-width: 1000px) {
  .who-we-are-for-card__description {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 1.4;
    max-width: 288px;
  }
}

.who-we-are-for-card__bg {
  position: absolute;
  inset: 0;
  width: 50%;
  height: 50%;
  z-index: 1;

  /* ✅ NEW DARK GREEN PALETTE */
  --pallete: rgb(0, 240, 140);
  --color-bg1: rgb(4, 25, 18);
  --color-bg2: rgb(0, 60, 42);

  /* ✅ Neon Green Gradient Colors */
  --color1: 0, 240, 140;
  --color2: 120, 200, 40;
  --color3: 0, 180, 80;
  --color4: 40, 255, 180;

  --gradient-size: 800px;
  --circle-size1: 46%;
  --circle-size2: 43%;
  --circle-size3: 45%;
  --circle-size4: 42%;
}

.who-we-are-for-card:nth-child(1) .gradient-bg__gradient--1 {
  animation: moveVertical 32s ease-in-out infinite;
}
.who-we-are-for-card:nth-child(1) .gradient-bg__gradient--2 {
  animation: moveDiagonal 28s linear infinite;
}
.who-we-are-for-card:nth-child(1) .gradient-bg__gradient--3 {
  animation: moveHorizontal 24s ease infinite;
}
.who-we-are-for-card:nth-child(1) .gradient-bg__gradient--4 {
  animation: moveInCircle 24s ease infinite;
}
.who-we-are-for-card:nth-child(2) .gradient-bg__gradient--1 {
  animation: moveDiagonal 28s ease-in-out infinite;
}
.who-we-are-for-card:nth-child(2) .gradient-bg__gradient--2 {
  animation: moveHorizontal 32s linear infinite;
}
.who-we-are-for-card:nth-child(2) .gradient-bg__gradient--3 {
  animation: moveInCircle 24s ease infinite;
}
.who-we-are-for-card:nth-child(2) .gradient-bg__gradient--4 {
  animation: moveInCircle 30s ease infinite;
}
.who-we-are-for-card:nth-child(3) .gradient-bg__gradient--1 {
  animation: moveVertical 24s ease-in-out infinite;
}
.who-we-are-for-card:nth-child(3) .gradient-bg__gradient--2 {
  animation: moveDiagonal 28s ease infinite;
}
.who-we-are-for-card:nth-child(3) .gradient-bg__gradient--3 {
  animation: moveHorizontal 32s linear infinite;
}
.who-we-are-for-card:nth-child(3) .gradient-bg__gradient--4 {
  animation: moveInCircle 38s ease infinite;
}
.gradient-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2));
  top: 0;
  left: 0;
}
.gradient-bg__filter {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  filter: blur(10px);
  transform: translate3d(0, 0, 0);
}
.gradient-bg__gradient--1 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color1), 0.6) 0,
      rgba(var(--color1), 0) var(--circle-size1)
    )
    no-repeat;
  mix-blend-mode: hard-light;
  width: var(--gradient-size);
  height: var(--gradient-size);
  top: calc(50% - var(--gradient-size) / 2 + 25%);
  left: calc(50% - var(--gradient-size) / 2 + 44%);
  transform-origin: calc(50% - 80px);
}
.gradient-bg__gradient--2 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color2), 0.6) 0,
      rgba(var(--color2), 0) var(--circle-size2)
    )
    no-repeat;
  mix-blend-mode: hard-light;
  width: var(--gradient-size);
  height: var(--gradient-size);
  top: calc(50% - var(--gradient-size) / 2 + 0);
  left: calc(50% - var(--gradient-size) / 2 + 33%);
  transform-origin: calc(50% - 60px);
}
.gradient-bg__gradient--3 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color3), 0.6) 0,
      rgba(var(--color3), 0) var(--circle-size3)
    )
    no-repeat;
  mix-blend-mode: hard-light;
  width: var(--gradient-size);
  height: var(--gradient-size);
  top: calc(50% - var(--gradient-size) / 2 - 25px);
  left: calc(50% - var(--gradient-size) / 2 + 55%);
  transform-origin: calc(50% + 60px);
}
.gradient-bg__gradient--4 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color4), 0.6) 0,
      rgba(var(--color4), 0) var(--circle-size4)
    )
    no-repeat;
  mix-blend-mode: hard-light;
  width: var(--gradient-size);
  height: var(--gradient-size);
  top: calc(50% - var(--gradient-size) / 2 + 22%);
  left: calc(50% - var(--gradient-size) / 2 + 44%);
  transform-origin: calc(50% - 70px);
}
@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-20%);
  }
  50% {
    transform: translateX(50%) translateY(20%);
  }
  100% {
    transform: translateX(-50%) translateY(-20%);
  }
}
@keyframes moveDiagonal {
  0% {
    transform: translateX(-30%) translateY(50%);
  }
  50% {
    transform: translateX(30%) translateY(-50%);
  }
  100% {
    transform: translateX(-30%) translateY(50%);
  }
}
.pp-key-benefits {
  --section-padding-block: 40px 60px;
  --section-padding-inline: 16px;
  --section-gap: 40px;
  --content-gap: 24px;
  display: flex;
  justify-content: center;
  background-color: #fbfbfe;
  position: relative;
  z-index: 1;
}
@media (min-width: 576px) {
  .pp-key-benefits {
    --section-padding-block: 60px 40px;
    --section-padding-inline: 40px;
    --section-gap: 60px;
  }
}
@media (min-width: 1000px) {
  .pp-key-benefits {
    --section-padding-block: 80px;
    --section-padding-inline: 60px;
    --section-gap: 80px;
  }
}
@media (min-width: 1400px) {
  .pp-key-benefits {
    --section-padding-block: 120px 80px;
    --section-gap: 60px;
  }
}
.pp-key-benefits__wrapper {
  padding-block: var(--section-padding-block);
  width: 100%;
  display: flex;
  justify-content: center;
}
.pp-key-benefits__container {
  padding-inline: var(--section-padding-inline);
  max-width: 1618px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--section-gap);
}
.pp-key-benefits__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px 0;
}
.pp-key-benefits__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
}
@media (min-width: 576px) {
  .pp-key-benefits__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1000px) {
  .pp-key-benefits__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
  }
}
@media (min-width: 1400px) {
  .pp-key-benefits__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
  }
}
.pp-key-benefits__title_accent,
.pp-key-benefits__title > mark {
  display: inline-block;
  width: fit-content;
  height: fit-content;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 1;
}
.pp-key-benefits__title_accent:before,
.pp-key-benefits__title > mark:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 16%;
  height: 8px;
  left: -2px;
  right: -2px;
  border-radius: 12px;
  background-color: #dafe03;
  z-index: -1;
}
@media (min-width: 768px) {
  .pp-key-benefits__title_accent:before,
  .pp-key-benefits__title > mark:before {
    height: 12px;
  }
}
@media (min-width: 1000px) {
  .pp-key-benefits__title_accent:before,
  .pp-key-benefits__title > mark:before {
    height: 18px;
  }
}
.pp-key-benefits__content {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
}
.pp-key-benefits__benefit-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--content-gap);
}
@media (min-width: 1400px) {
  .pp-key-benefits__benefit-list {
    flex-wrap: initial;
    width: 100%;
    gap: 0;
  }
}
.pp-key-benefits__benefit-list-item {
  flex: 1;
  min-width: 288px;
}
.pp-key-benefits__benefit-list-item:first-child {
  flex: 1 0 100%;
}
@media (min-width: 576px) {
  .pp-key-benefits__benefit-list-item {
    min-width: 368px;
  }
}
@media (min-width: 1400px) {
  .pp-key-benefits__benefit-list-item {
    min-width: 584px;
  }
  .pp-key-benefits__benefit-list-item:first-child {
    flex: initial;
  }
}
@media (min-width: 1400px) {
  .pp-key-benefits__benefit-list-item.pp-key-benefits__benefit-list-item_lead {
    display: none;
  }
}
.pp-key-benefits__benefit-list-item.pp-key-benefits__benefit-list-item_lead-xl {
  display: none;
}
@media (min-width: 1400px) {
  .pp-key-benefits__benefit-list-item.pp-key-benefits__benefit-list-item_lead-xl {
    display: flex;
  }
}
.pp-key-benefits__cta:not(.pp-key-benefits__cta_md) {
  margin: auto;
}
@media (min-width: 576px) {
  .pp-key-benefits__cta:not(.pp-key-benefits__cta_md) {
    margin: initial;
    display: none;
  }
}
.pp-key-benefits__cta_md {
  display: none;
}
@media (min-width: 576px) {
  .pp-key-benefits__cta_md {
    display: flex;
  }
}
.pp-key-benefits__slider-controls {
  display: none;
}
@media (min-width: 1400px) {
  .pp-key-benefits__slider-controls {
    display: flex;
    gap: 20px;
  }
}
.pp-key-benefits__slider-control {
  border-radius: 100%;
  border: 3px solid #f5f5f5;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  cursor: pointer;
  color: #000;
}
.pp-key-benefits__slider-control:hover:not(
    .pp-key-benefits__slider-control_disabled
  ) {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.pp-key-benefits__slider-control:focus-visible:not(
    .pp-key-benefits__slider-control_disabled
  ) {
  border-color: #7fb100;
}
.pp-key-benefits__slider-control:active:not(
    .pp-key-benefits__slider-control_disabled
  ) {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.pp-key-benefits__slider-control_disabled {
  border: 3px solid #f5f5f5;
  background-color: #f5f5f5;
  color: #999;
}

/*

.pp-feel-protected {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 5;
  background-color: #fbfbfe;
}
.pp-feel-protected__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  padding-bottom: 16px;
  width: 100%;
}
@media (min-width: 576px) {
  .pp-feel-protected__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .pp-feel-protected__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 576px) {
  .pp-feel-protected__wrapper {
    padding-bottom: 60px;
  }
}
@media (min-width: 1000px) {
  .pp-feel-protected__wrapper {
    padding-bottom: 120px;
  }
}
.pp-feel-protected__container {
  --container-border-radius: 14px;
  --container-padding: 40px;
  --container-gap: 40px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  gap: var(--container-gap);
  padding: var(--container-padding);
  border-radius: var(--container-border-radius);
  background: var(--common-black, #000);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 575.98px) {
  .es .pp-feel-protected__container,
  .es-mx .pp-feel-protected__container,
  .es-lat .pp-feel-protected__container {
    --container-padding: 32px 24px;
  }
}
@media (max-width: 575.98px) {
  .pt .pp-feel-protected__container,
  .pt-pt .pp-feel-protected__container,
  .pt-br .pp-feel-protected__container {
    --container-padding: 32px 24px;
  }
}
@media (min-width: 576px) {
  .pp-feel-protected__container {
    --container-border-radius: 20px;
    --container-padding: 60px 40px;
    --container-gap: 40px 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media (min-width: 1000px) {
  .pp-feel-protected__container {
    --container-border-radius: 14px;
    --container-padding: 60px;
  }
}
@media (min-width: 1400px) {
  .pp-feel-protected__container {
    --container-padding: 80px 60px;
  }
}
.pp-feel-protected__content,
.pp-feel-protected__video {
  flex: 1;
  display: flex;
}
.pp-feel-protected__content {
  flex-direction: column;
  gap: 40px;
  min-width: 200px;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 576px) {
  .pp-feel-protected__content {
    min-width: 288px;
    max-width: 320px;
  }
}
@media (min-width: 1000px) {
  .pp-feel-protected__content {
    max-width: 500px;
  }
}
.pp-feel-protected__content span {
  color: #dafe03;
}
.pp-feel-protected__video {
  position: relative;
  min-width: 160px;
  min-height: 206px;
  z-index: 1;
}
@media (min-width: 576px) {
  .pp-feel-protected__video {
    height: 220px;
    min-width: 200px;
    max-width: 600px;
    padding-bottom: 20px;
  }
}
@media (min-width: 576px) {
  .pp-feel-protected__video {
    height: 206px;
    max-width: unset;
  }
}
@media (min-width: 576px) {
  .pp-feel-protected__video {
    padding-bottom: 30px;
  }
}
@media (min-width: 576px) {
  .pp-feel-protected__title,
  .pp-feel-protected__content {
    max-width: 320px;
  }
}
@media (min-width: 1000px) {
  .pp-feel-protected__title,
  .pp-feel-protected__content {
    max-width: 500px;
  }
}
.pp-feel-protected__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.9375rem;
  line-height: 1;
  letter-spacing: -0.4px;
  color: #fff;
}
@media (max-width: 999.98px) {
  .es .pp-feel-protected__title,
  .es-mx .pp-feel-protected__title,
  .es-lat .pp-feel-protected__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 575.98px) {
  .es .pp-feel-protected__title,
  .es-mx .pp-feel-protected__title,
  .es-lat .pp-feel-protected__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 1.5625rem;
    line-height: 1.2;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 999.98px) {
  .pt .pp-feel-protected__title,
  .pt-pt .pp-feel-protected__title,
  .pt-br .pp-feel-protected__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 575.98px) {
  .pt .pp-feel-protected__title,
  .pt-pt .pp-feel-protected__title,
  .pt-br .pp-feel-protected__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 1.5625rem;
    line-height: 1.2;
    letter-spacing: -0.3px;
  }
}
@media (min-width: 576px) {
  .pp-feel-protected__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.625rem;
    line-height: 1;
    letter-spacing: -0.7px;
  }
}
@media (min-width: 1400px) {
  .pp-feel-protected__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
  }
}
.pp-feel-protected__description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #ccc;
}
@media (min-width: 1000px) {
  .pp-feel-protected__description {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.pp-feel-protected__video-element {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  object-fit: cover;
  width: 405px;
  height: 344px;
}
@media (min-width: 576px) {
  .pp-feel-protected__video-element {
    width: 678px;
    height: 573px;
  }
}
@media (min-width: 1000px) {
  .pp-feel-protected__video-element {
    width: 674px;
    height: 569px;
  }
}
@media (min-width: 1400px) {
  .pp-feel-protected__video-element {
    width: 800px;
    height: 676px;
  }
}
.pp-feel-protected__logo-container {
  position: relative;
  flex: 1;
  min-width: 160px;
  min-height: 206px;
  z-index: 1;
}
@media (min-width: 576px) {
  .pp-feel-protected__logo-container {
    height: 220px;
    min-width: 260px;
    max-width: 600px;
  }
}
@media (min-width: 1000px) {
  .pp-feel-protected__logo-container {
    height: 206px;
    max-width: unset;
  }
}
.pp-feel-protected__logo-container canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  scale: 0.5;
}
@media (min-width: 576px) {
  .pp-feel-protected__logo-container canvas {
    scale: 0.8;
  }
}
@media (min-width: 1000px) {
  .pp-feel-protected__logo-container canvas {
    scale: 1;
  }
}
.pp-feel-protected__logo {
  pointer-events: none;
  position: absolute;
  aspect-ratio: 2/1;
  width: 920px;
}

*/

/* .pp-added-features {
  display: flex;
  justify-content: center;
}
.pp-added-features__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-block: 60px;
  gap: 40px;
}
@media (min-width: 576px) {
  .pp-added-features__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .pp-added-features__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 576px) {
  .pp-added-features__wrapper {
    gap: 60px;
    padding-block: 60px;
  }
}
@media (min-width: 1000px) {
  .pp-added-features__wrapper {
    gap: 80px;
    padding-block: 120px;
  }
}
@media (min-width: 1400px) {
  .pp-added-features__wrapper {
    padding-block: 120px;
    gap: 120px;
  }
}
.pp-added-features__bg {
  --dotted-bg-height: calc(100% + 160px);
  position: absolute;
  top: 0;
  left: calc(50% - 205px);
}
@media (min-width: 576px) {
  .pp-added-features__bg {
    --dotted-bg-height: calc(100% + 80px);
  }
}
@media (min-width: 1400px) {
  .pp-added-features__bg {
    --dotted-bg-height: calc(100% + 140px);
  }
}
.pp-added-features__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  z-index: 2;
}
@media (min-width: 576px) {
  .pp-added-features__content {
    gap: 80px;
  }
}
@media (min-width: 1400px) {
  .pp-added-features__content {
    gap: 120px;
  }
}
.pp-added-features__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px 0;
}
.pp-added-features__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
}
@media (min-width: 576px) {
  .pp-added-features__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1000px) {
  .pp-added-features__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
  }
}
@media (min-width: 1400px) {
  .pp-added-features__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
  }
}
.pp-added-features__title_accent,
.pp-added-features__title > mark {
  display: inline-block;
  width: fit-content;
  height: fit-content;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 1;
}
.pp-added-features__title_accent:before,
.pp-added-features__title > mark:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 16%;
  height: 8px;
  left: -2px;
  right: -2px;
  border-radius: 12px;
  background-color: #dafe03;
  z-index: -1;
}
@media (min-width: 768px) {
  .pp-added-features__title_accent:before,
  .pp-added-features__title > mark:before {
    height: 12px;
  }
}
@media (min-width: 1000px) {
  .pp-added-features__title_accent:before,
  .pp-added-features__title > mark:before {
    height: 18px;
  }
}
@media (min-width: 576px) {
  .pp-added-features__cta {
    display: none;
  }
}
.pp-added-features__cta_md {
  display: none;
}
@media (min-width: 576px) {
  .pp-added-features__cta_md {
    display: flex;
  }
}
.pp-added-features__footer {
  padding-top: 60px;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (min-width: 576px) {
  .pp-added-features__footer {
    display: none;
  }
}
.pp-added-features__feature {
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 2;
}
@media (min-width: 1000px) {
  .pp-added-features__feature {
    flex-direction: row-reverse;
    gap: 24px;
    border-radius: 14px;
    border: 1px solid #f5f5f5;
    justify-content: center;
  }
}
@media (min-width: 1000px) {
  .pp-added-features__feature_invert {
    flex-direction: row;
  }
}
.pp-added-features__feature-header {
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1000px) {
  .pp-added-features__feature-header {
    flex: 1 0 50%;
    padding: 60px;
    gap: 60px;
    justify-content: center;
  }
}
.pp-added-features__feature-figure {
  padding: 40px 12px;
  background: var(--figure-bg);
  border-radius: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}
@media (min-width: 576px) {
  .pp-added-features__feature-figure {
    padding: 40px;
    height: 400px;
  }
}
@media (min-width: 1000px) {
  .pp-added-features__feature-figure {
    flex: 1 0 50%;
    height: 500px;
    border-radius: 14px 0 0 14px;
    padding: 40px 20px;
  }
}
.pp-added-features__feature-figure_theme-blue {
  --figure-bg: #f4feff;
  --shape-first-color: #06dbf3;
  --shape-second-color: #95f0fa;
}
.pp-added-features__feature-figure_theme-violet {
  --figure-bg: #fcfaff;
  --shape-first-color: #c2c3fe;
  --shape-second-color: #6b70fd;
}
.pp-added-features__feature-figure_theme-pink {
  --figure-bg: #f9fff4;
  --shape-first-color: #a2f160;
  --shape-second-color: #d6f9b9;
}
@media (min-width: 1000px) {
  .pp-added-features__feature_invert .pp-added-features__feature-figure {
    border-radius: 0 14px 14px 0;
  }
}
.pp-added-features__feature-figure-shapes {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  z-index: 0;
}
.pp-added-features__feature-figure-shapes:before,
.pp-added-features__feature-figure-shapes:after {
  content: "";
  display: block;
  width: 90px;
  height: 340px;
  opacity: 0;
}
@media (min-width: 576px) {
  .pp-added-features__feature-figure-shapes:before,
  .pp-added-features__feature-figure-shapes:after {
    width: 130px;
    height: 375px;
  }
}
@media (min-width: 1000px) {
  .pp-added-features__feature-figure-shapes:before,
  .pp-added-features__feature-figure-shapes:after {
    height: 455px;
  }
}
.pp-added-features__feature-figure-shapes:before {
  background-color: var(--shape-first-color);
  align-self: end;
  transform-origin: top;
  transform: scaleY(0.4) translateY(-40px);
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.pp-added-features__feature_invert
  .pp-added-features__feature-figure-shapes:before {
  transform: scaleY(0.4) translateY(40px);
  align-self: start;
  transform-origin: bottom;
}
.pp-added-features__feature-figure-shapes:after {
  background-color: var(--shape-second-color);
  transform-origin: bottom;
  transform: scaleY(0.4) translateY(40px);
  transition: transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s ease-out;
}
.pp-added-features__feature_invert
  .pp-added-features__feature-figure-shapes:after {
  align-self: end;
  transform-origin: top;
  transform: scaleY(0.4) translateY(-40px);
}
.pp-added-features__feature-figure.in-viewport
  .pp-added-features__feature-figure-shapes:before,
.pp-added-features__feature-figure.in-viewport
  .pp-added-features__feature-figure-shapes:after {
  transform: scaleY(1) translateY(0px);
  opacity: 1;
}
.pp-added-features__feature-media {
  position: relative;
  opacity: 0;
  transform: translateY(40px);
}
.pp-added-features__feature-figure.in-viewport
  .pp-added-features__feature-media {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.4s 0.4s ease-out, opacity 0.4s 0.4s ease-out;
}
.pp-added-features__feature-title {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.2;
  max-width: 400px;
}
@media (min-width: 1000px) {
  .pp-added-features__feature-title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
    max-width: initial;
  }
}
.pp-added-features__feature-description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #666;
  max-width: 500px;
}
@media (min-width: 1400px) {
  .pp-added-features__feature-description {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
  }
} */

.pp-dashboards {
  position: relative;
  display: flex;
  justify-content: center;
  /* background: var(--common-black, #000); */
  background: #0d191f;
  height: auto;
  z-index: 5;
  overflow: hidden;
}
@media (min-width: 1000px) {
  .pp-dashboards {
    height: auto;
  }
}
.pp-dashboards__wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-block: 40px 0;
  gap: 40px;
  z-index: 1;
}
@media (min-width: 576px) {
  .pp-dashboards__wrapper {
    padding-inline: 32px;
    padding-block: 80px 0;
    gap: 60px;
    height: 644px;
    overflow: hidden;
  }
}
@media (min-width: 1000px) {
  .pp-dashboards__wrapper {
    overflow: visible;
    padding-inline: 60px;
    padding-block: 100px;
    gap: 100px;
    height: auto;
  }
}
@media (min-width: 1400px) {
  .pp-dashboards__wrapper {
    padding-block: 140px;
    max-width: 1618px;
  }
}
.pp-dashboards__header {
  display: flex;
  justify-content: center;
  padding-inline: 16px;
}
@media (min-width: 576px) {
  .pp-dashboards__header {
    padding-inline: 0;
  }
}
.pp-dashboards__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
  color: #fff;
  text-align: center;
}
@media (min-width: 576px) {
  .pp-dashboards__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1000px) {
  .pp-dashboards__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
    max-width: 1000px;
  }
}
.pp-dashboards__title span {
  color: #c9f73a;
}


.pp-dashboards__content-container {
  display: flex;
  position: relative;
}
@media (min-width: 576px) {
  .pp-dashboards__content-container {
    height: fit-content;
    margin-top: 20px;
    margin-inline: 15%;
    transition: margin 1.2s ease-out;
  }
}
.in-viewport .pp-dashboards__content-container {
  margin-top: 0;
  margin-inline: 0;
}
.pp-dashboards__content-shadow {
  position: absolute;
  inset: 0;
  border-radius: 14px;
  background: conic-gradient(from 0deg at 39.68% 50%, #68ff57 0deg, #038af5 90deg, #3af78b 360deg);
  filter: blur(35px);
  transform: translate3d(0, 0, 0);
  transition: 1.2s ease-out;
  z-index: 0;
}

.pp-dashboards__content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch; 
  width: 100%;
  outline: 1px solid #333;
  border: 1px solid #333;
  outline-offset: -1px;
  background-color: #000;
  transition: background-color 1.2s;
  z-index: 1;
  padding: 0;             
  gap: 0;                 
}

/* ✅ Tablet */
@media (min-width: 576px) {
  .pp-dashboards__content {
    border-radius: 16px;
    padding: 0;           
    gap: 0;
  }
}

/* ✅ Desktop */
@media (min-width: 1000px) {
  .pp-dashboards__content {
    border-radius: 28px;
    height: 600px;
    flex-direction: column;  
    padding: 0;
    gap: 0;
  }
}

@media (min-width: 1400px) {
  .pp-dashboards__content {
    height: 678px;
  }
}

.in-viewport .pp-dashboards__content {
  background-color: #1a1a1a;
}

/* 
.pp-dashboards__controls,
.pp-dashboards__slider-group {
  opacity: 0;
  transition: 0.6s ease-out;
}
.in-viewport .pp-dashboards__controls,
.in-viewport .pp-dashboards__slider-group {
  opacity: 1;
}
.pp-dashboards__controls {
  display: flex;
  gap: 16px;
  padding-inline: 16px;
  width: 100%;
  max-width: 320px;
}
@media (min-width: 576px) {
  .pp-dashboards__controls {
    padding-inline: 40px;
    max-width: 602px;
  }
}
@media (min-width: 1000px) {
  .pp-dashboards__controls {
    padding-inline: 0;
    align-self: flex-start;
    flex-direction: column;
    gap: 48px;
    min-width: 240px;
    width: fit-content;
  }
  .vi .pp-dashboards__controls,
  .vi-vn .pp-dashboards__controls {
    min-width: 310px;
  }
  .es .pp-dashboards__controls,
  .es-mx .pp-dashboards__controls,
  .es-lat .pp-dashboards__controls {
    min-width: 324px;
  }
  .pt .pp-dashboards__controls,
  .pt-pt .pp-dashboards__controls,
  .pt-br .pp-dashboards__controls {
    min-width: 284px;
  }
}
@media (min-width: 1400px) {
  .pp-dashboards__controls {
    min-width: 264px;
  }
  .vi .pp-dashboards__controls,
  .vi-vn .pp-dashboards__controls {
    min-width: 310px;
  }
  .es .pp-dashboards__controls,
  .es-mx .pp-dashboards__controls,
  .es-lat .pp-dashboards__controls {
    min-width: 324px;
  }
  .pt .pp-dashboards__controls,
  .pt-pt .pp-dashboards__controls,
  .pt-br .pp-dashboards__controls {
    min-width: 284px;
  }
}
.pp-dashboards__switcher {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1400px) {
  .pp-dashboards__switcher {
    gap: 4px;
  }
}
.pp-dashboards__option {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.1px;
  color: #999;
  display: flex;
  padding: 12px 0;
  align-items: center;
  width: fit-content;
  transition: 0.2s ease-out;
}
@media (min-width: 576px) {
  .pp-dashboards__option {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
  }
}
@media (min-width: 1000px) {
  .pp-dashboards__option {
    padding: 12px;
  }
  .pp-dashboards__option_active {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
  }
}
.pp-dashboards__option:hover:not(.pp-dashboards__option_active) {
  color: #fff;
  border-radius: 4px;
  background: #333;
  cursor: pointer;
}
.pp-dashboards__option_active {
  color: #c9f73a;
}
@media (max-width: 999.98px) {
  .pp-dashboards__option {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.6s ease-out;
  }
  .pp-dashboards__option_active {
    opacity: 1;
    transform: translateY(0);
  }
  .pp-dashboards__option_prev {
    transform: translateY(-20px);
  }
  .pp-dashboards__option_next {
    transform: translateY(20px);
  }
}
.pp-dashboards__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  padding-inline: 12px;
  min-width: 8px;
  min-height: 8px;
  width: 36px;
  height: 36px;
  --_bullet-size: 4px;
  --_bullet-size-active: 8px;
  --_bullet-color: #fff;
  --_bullet-inner-color: #333333;
}
@media (min-width: 1000px) {
  .pp-dashboards__pagination {
    justify-content: start;
    flex-direction: row;
    width: auto;
    height: auto;
  }
}
.pp-dashboards__pagination .swiper-pagination-bullet {
  position: relative;
  width: var(--_bullet-size);
  height: var(--_bullet-size);
  border-radius: 50%;
  background-color: var(--_bullet-color);
  opacity: 0.7;
  transition: 0.3s ease-out;
}
.pp-dashboards__pagination
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: calc(var(--_bullet-size) / 2);
  height: calc(var(--_bullet-size) / 2);
  border-radius: 50%;
  background-color: var(--_bullet-inner-color);
}
.pp-dashboards__pagination .swiper-pagination-bullet-active {
  width: var(--_bullet-size-active);
  height: var(--_bullet-size-active);
  opacity: 1;
}
.pp-dashboards__side-menu {
  display: none;
}
@media (min-width: 576px) {
  .pp-dashboards__side-menu {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 19px;
    border-radius: 10px;
    background: var(--common-white, #fff);
  }
}
@media (min-width: 1000px) {
  .pp-dashboards__side-menu {
    justify-content: space-between;
    padding: 24px;
  }
}
.pp-dashboards__side-menu-item {
  display: grid;
  --_icon-size: 22px;
}
@media (min-width: 1000px) {
  .pp-dashboards__side-menu-item {
    --_icon-size: 28px;
  }
}
.pp-dashboards__side-menu-item svg {
  grid-area: 1/1;
  width: var(--_icon-size);
  height: var(--_icon-size);
  transition: 0.6s ease-out;
}
.pp-dashboards__side-menu-item_active[data-focus-index] svg:nth-child(1) {
  opacity: 0;
}
.pp-dashboards__side-menu-item_active[data-focus-index] svg:nth-child(2) {
  opacity: 1;
}
.pp-dashboards__side-menu-item:not(
    .pp-dashboards__side-menu-item_active
  )[data-focus-index]
  svg:nth-child(1) {
  opacity: 1;
}
.pp-dashboards__side-menu-item:not(
    .pp-dashboards__side-menu-item_active
  )[data-focus-index]
  svg:nth-child(2) {
  opacity: 0;
}
.pp-dashboards__side-menu-focus {
  --focus-element-size: 72px;
  mix-blend-mode: overlay;
  position: absolute;
  width: var(--focus-element-size);
  height: var(--focus-element-size);
  left: 50%;
  top: 0;
  translate: -50% 0;
  background: radial-gradient(
    circle,
    rgb(201, 247, 58) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: blur(20px);
  transition: 0.8s ease-out;
  transition-property: transform, mix-blend-mode;
}
@media (min-width: 1000px) {
  .pp-dashboards__side-menu-focus {
    --focus-element-size: 96px;
  }
}
.pp-dashboards__slider-group {
  overflow: hidden;
  display: flex;
  justify-content: center;
  gap: 8px;
  height: 100%;
  padding-bottom: 20px;
}
@media (min-width: 576px) {
  .pp-dashboards__slider-group {
    height: 476px;
    padding-bottom: 0;
  }
}
@media (min-width: 1000px) {
  .pp-dashboards__slider-group {
    height: 675px;
    overflow: visible;
    justify-content: start;
    gap: 12px;
    height: 100%;
  }
}
.pp-dashboards__slider {
  height: 186px;
}
@media (min-width: 576px) {
  .pp-dashboards__slider {
    height: 281px;
  }
}
@media (min-width: 1000px) {
  .pp-dashboards__slider {
    height: 100%;
  }
}
.pp-dashboards__slider .swiper-notification {
  display: none;
}
.pp-dashboards__slides {
  display: flex;
  flex-direction: column;
  width: 288px;
}
@media (min-width: 576px) {
  .pp-dashboards__slides {
    width: auto;
    width: 454px;
    min-width: 454px;
    height: fit-content;
  }
}
@media (min-width: 1000px) {
  .pp-dashboards__slides {
    width: 568px;
    min-width: 568px;
    height: 558px;
  }
}
@media (min-width: 1400px) {
  .pp-dashboards__slides {
    width: 666px;
    min-width: 666px;
  }
}
.pp-dashboards__slide {
  display: flex;
  flex-direction: column;
  height: fit-content;
  gap: 8px;
}
@media (min-width: 1000px) {
  .pp-dashboards__slide {
    gap: 12px;
  }
}
.pp-dashboards__slide img {
  width: 100%;
}

 */

.pp-dashboards__dotted-bg_1 {
  --dotted-bg-width: 265px;
  --dotted-bg-height: 238px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 0;
}
@media (min-width: 1000px) {
  .pp-dashboards__dotted-bg_1 {
    --dotted-bg-width: 517px;
    --dotted-bg-height: 366px;
  }
}
.pp-dashboards__dotted-bg_2 {
  --dotted-bg-width: 266px;
  --dotted-bg-height: 189px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 0;
}
@media (min-width: 1000px) {
  .pp-dashboards__dotted-bg_2 {
    --dotted-bg-width: 517px;
    --dotted-bg-height: 366px;
  }
}
@media (max-width: 767.98px) {
  .pp-dashboards__dotted-bg_2 {
    display: none;
  }
}


.pp-lead-form {
  --form-paddings: 40px 16px;
  --form-border-radius: 20px;
  background: bottom -440px right/contain url(../images/triangle2.svg) no-repeat,
    bottom left/contain url(../images/triangle1.svg) no-repeat,
    bottom left 278px/842px url(../images/dot-matrix.svg) no-repeat;
  display: flex;
  justify-content: center;
}
@media (min-width: 576px) {
  .pp-lead-form {
    --form-paddings: 50px 40px;
    background: bottom right url(../images/triangle2.svg) no-repeat,
      bottom -90px left/contain url(../images/triangle1.svg) no-repeat,
      bottom left 278px/842px url(../images/dot-matrix.svg) no-repeat;
  }
}
@media (min-width: 1000px) {
  .pp-lead-form {
    --form-paddings: 60px;
    background: bottom right url(../images/triangle2.svg) no-repeat,
      bottom -90px left/contain url(../images/triangle1.svg) no-repeat,
      bottom left 278px/842px url(../images/dot-matrix.svg) no-repeat;
  }
}
@media (min-width: 1400px) {
  .pp-lead-form {
    background: bottom right url(../images/triangle2.svg) no-repeat,
      bottom -200px left/contain url(../images/triangle1.svg) no-repeat,
      bottom left calc(50% + 330px) / 842px url(../images/dot-matrix.svg)
        no-repeat;
  }
}
.pp-lead-form__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-block: 56px 30px;
  gap: 30px;
}
@media (min-width: 576px) {
  .pp-lead-form__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .pp-lead-form__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 576px) {
  .pp-lead-form__wrapper {
    gap: 40px;
    padding-block: 60px 40px;
  }
}
@media (min-width: 1000px) {
  .pp-lead-form__wrapper {
    padding-block: 80px;
    gap: 80px;
  }
}
.pp-lead-form__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .pp-lead-form__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1000px) {
  .pp-lead-form__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
    max-width: 832px;
  }
}
.pp-lead-form__content {
  max-width: 800px;
}
.partnerships-hero {
  display: flex;
  justify-content: center;
  overflow-x: clip;
  padding-top: 64px;
}
.partnerships-hero__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-block: 64px 110px;
}
@media (min-width: 576px) {
  .partnerships-hero__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .partnerships-hero__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 1000px) {
  .partnerships-hero__wrapper {
    align-items: center;
    min-height: 670px;
  }
}
@media (min-width: 1400px) {
  .partnerships-hero__wrapper {
    padding-block: 0 70px;
  }
}
.partnerships-hero__content {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 640px;
  gap: 56px;
  z-index: 1;
}
.partnerships-hero__content::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 600px;
  height: 600px;
  background: radial-gradient(#ffffff 30%, rgba(255, 255, 255, 0) 60%);
  z-index: -1;
}
@media (min-width: 576px) {
  .partnerships-hero__content::before {
    width: 840px;
    height: 840px;
  }
}
.partnerships-hero__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.partnerships-hero__title {
  color: #3e424c;
  max-width: 640px;
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 2.4375rem;
  line-height: 1;
  letter-spacing: -0.7px;
}
@media (min-width: 576px) {
  .partnerships-hero__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
  }
}
.partnerships-hero__description {
  color: #3e424c;
  max-width: 540px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
}
.partnerships-hero__bg-animation {
  position: absolute;
  width: 856px;
  height: 718px;
  z-index: 0;
  left: 0;
  bottom: -32px;
  rotate: 15deg;
}
@media (min-width: 576px) {
  .partnerships-hero__bg-animation {
    left: calc(50% - 120px);
  }
}
@media (min-width: 1000px) {
  .partnerships-hero__bg-animation {
    bottom: auto;
    left: calc(50% - 100px);
    top: -120px;
    rotate: 0deg;
  }
}
.partnerships-hero__animated-text {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
}
.partner-type {
  display: flex;
  justify-content: center;
  overflow: clip;
}
.partner-type__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 70px;
  gap: 40px;
  z-index: 1;
}
@media (min-width: 576px) {
  .partner-type__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .partner-type__wrapper {
    padding-inline: 60px;
  }
}
.partner-type__cards-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 840px) {
  .partner-type__cards-list {
    flex-wrap: nowrap;
  }
}
.partner-type__card {
  --card-transition: 0.4s;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  outline: 1px solid #ededec;
  outline-offset: -1px;
  border-radius: 24px;
  background-color: #fff;
  transition: var(--card-transition);
}
@media (max-width: 839px) {
  .partner-type__card {
    flex: 1;
    align-self: stretch;
    min-width: 288px;
    padding: 24px;
    background-color: #e9fbb0;
    outline-color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 840px) {
  .partner-type__card {
    flex: 1 1 calc(33% - 24px);
    min-height: 450px;
    padding: 36px;
  }
  .partner-type__card_active {
    flex: 1 1 50%;
    background-color: #e9fbb0;
    outline-color: rgba(0, 0, 0, 0);
  }
  .partner-type__card_active .partner-type__card-text {
    grid-template-rows: 1fr;
    opacity: 1;
    transition: var(--card-transition) ease-out 0.1s;
  }
  .partner-type__card_active .partner-type__card-description {
    transition: var(--card-transition) ease-out;
  }
  .partner-type__card_active .partner-type__card-labels {
    transition: var(--card-transition) ease-out;
  }
  .partner-type__card_active .partner-type__card-bg {
    left: 50%;
  }
  .partner-type__card_active .partner-type__card-bg_fintech {
    left: 30%;
  }
  .partner-type__card_active .partner-type__card-bg_technology {
    left: calc(65% - 60px);
  }
  .partner-type__card_active .partner-type__card-bg_business {
    left: 50%;
  }
}
@media (min-width: 1000px) {
  .partner-type__card {
    min-height: 390px;
  }
}
.partner-type__card-title {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.2;
  z-index: 1;
}
@media (max-width: 839px) {
  .partner-type__card-title {
    margin-top: 24px;
  }
}
.partner-type__card-text {
  display: grid;
  transition: var(--card-transition);
  z-index: 1;
}
@media (min-width: 840px) {
  .partner-type__card-text {
    opacity: 0;
    grid-template-rows: 0fr;
  }
}
.partner-type__card-text-mask {
  overflow: hidden;
}
.partner-type__card-description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 16px;
}
@media (max-width: 839px) {
  .partner-type__card-description {
    margin-top: 24px;
  }
}
.partner-type__card-labels {
  font-size: 12px;
  line-height: 18px;
  margin-top: 24px;
}
.partner-type__card-label {
  white-space: nowrap;
}
.partner-type__card-bg {
  position: absolute;
  width: 500px;
  height: 500px;
  left: 20%;
  top: 50%;
  translate: 0 -50%;
  z-index: 0;
  transition: var(--card-transition);
}
.partner-type__card-bg_fintech {
  left: 20%;
}
.partner-type__card-bg_technology {
  left: calc(55% - 60px);
}
.partner-type__card-bg_business {
  left: calc(40% - 60px);
}
.borderless-way {
  --image-border-radius: 14px;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: clip;
}
.borderless-way img {
  pointer-events: none;
}
.borderless-way__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  display: flex;
  padding-block: 70px;
  justify-content: center;
  z-index: 1;
}
@media (min-width: 576px) {
  .borderless-way__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .borderless-way__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 840px) {
  .borderless-way__wrapper {
    gap: 48px;
  }
}
.borderless-way__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 456px;
  gap: 24px;
}
@media (min-width: 576px) {
  .borderless-way__content {
    max-width: 540px;
  }
}
@media (min-width: 840px) {
  .borderless-way__content {
    flex: 1;
    display: flex;
    min-width: 300px;
    max-width: 614px;
    flex-direction: column;
    justify-content: start;
  }
}
.borderless-way__images-list {
  display: grid;
  flex: 1;
}
@media (max-width: 839px) {
  .borderless-way__images-list {
    display: none;
  }
}
.borderless-way__image-item {
  grid-area: 1/1;
  display: inline-flex;
  border-radius: var(--image-border-radius);
  max-height: 468px;
}
.borderless-way__image-element {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.borderless-way__title {
  color: #3e424c;
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-size: 39px;
  line-height: 1.1;
  letter-spacing: -1.2px;
}
@media (min-width: 576px) {
  .borderless-way__title {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
  }
}
.borderless-way__actions-list {
  display: flex;
  flex-direction: column;
  min-height: var(--safe-content-height, auto);
  counter-reset: action-counter;
}
.borderless-way__action {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding-bottom: 24px;
  column-gap: 20px;
  transition: gap 0.4s ease-out;
  counter-increment: action-counter;
}
.borderless-way__action-content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .borderless-way__action-content {
    min-width: 334px;
  }
}
@media (min-width: 840px) {
  .borderless-way__action-content {
    flex: 1;
  }
}
.borderless-way__action-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 840px) {
  .borderless-way__action-heading {
    gap: 12px;
  }
}
.borderless-way__action-icon {
  display: grid;
  overflow: hidden;
}
.borderless-way__action-icon > * {
  grid-area: 1/1;
}
.borderless-way__action-title {
  color: #3e424c;
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.2;
  position: relative;
  padding-left: 30px;
}
.borderless-way__action-title::before {
  content: counter(action-counter) ". ";
  left: 8px;
  position: absolute;
}
.borderless-way__action-text {
  display: grid;
  padding-left: 30px;
}
.borderless-way__action-text-mask {
  display: inline-flex;
  overflow: hidden;
}
.borderless-way__action-description {
  width: 100%;
  flex: 1;
  color: #3e424c;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 1.4;
}
@media (min-width: 840px) {
  .borderless-way__action-description {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
  }
}
.borderless-way__action-image {
  flex: 1;
  display: grid;
}
@media (min-width: 576px) {
  .borderless-way__action-image {
    min-width: 280px;
  }
}
@media (min-width: 840px) {
  .borderless-way__action-image {
    display: none;
  }
}
.borderless-way__action-image-mask {
  display: inline-flex;
  overflow: hidden;
}
.borderless-way__action-image-element {
  aspect-ratio: 288/196;
  max-height: 260px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.borderless-way__action-text {
  grid-template-rows: 0fr;
  transition: 0.4s ease-out;
}
.borderless-way__action-description {
  opacity: 0;
  transition: 0.4s ease-out;
}
.borderless-way__action-image {
  opacity: 0;
  grid-template-rows: 0fr;
  border-radius: var(--image-border-radius);
  overflow: clip;
  transition: 0.4s ease-out;
}
@media (hover: hover) {
  .borderless-way__action:hover:not(.borderless-way__action_active)
    .borderless-way__action-title {
    color: #b480ff;
  }
}
@media (max-width: 839px) {
  .borderless-way__action_active {
    row-gap: 12px;
  }
}
.borderless-way__action_active .borderless-way__action-title {
  color: #8e40ff;
}
.borderless-way__action_active .borderless-way__action-text {
  height: 100%;
  grid-template-rows: 1fr;
  padding-top: 12px;
}
@media (min-width: 840px) {
  .borderless-way__action_active .borderless-way__action-text {
    padding-top: 8px;
  }
}
.borderless-way__action_active .borderless-way__action-description {
  opacity: 1;
}
.borderless-way__action_active .borderless-way__action-image {
  opacity: 1;
  grid-template-rows: 1fr;
}
.borderless-way__image-item {
  opacity: 0;
  overflow: clip;
  transition: 0.4s ease-out;
}
.borderless-way__image-item_active {
  opacity: 1;
}
.borderless-way__cta-link {
  width: 100%;
}
@media (min-width: 840px) {
  .borderless-way__cta-link {
    width: fit-content;
  }
}
.global-ecosystem {
  display: flex;
  justify-content: center;
}
.global-ecosystem__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  padding-block: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (min-width: 576px) {
  .global-ecosystem__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .global-ecosystem__wrapper {
    padding-inline: 60px;
  }
}
.global-ecosystem__title {
  line-break: strict;
  color: #3e424c;
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  text-align: center;
  font-size: 39px;
  line-height: 1.1;
  letter-spacing: -1.2px;
}
@media (min-width: 576px) {
  .global-ecosystem__title {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
  }
}
.global-ecosystem__title span {
  display: inline-flex;
  position: relative;
  z-index: 1;
  padding-inline: 8px;
  margin-inline: -8px;
}
.global-ecosystem__title span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20%;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background-color: #c9f73a;
  z-index: -1;
}
.global-ecosystem__features-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 920px) {
  .global-ecosystem__features-list {
    max-width: 480px;
  }
}
.global-ecosystem__features-list-divider {
  display: none;
}
@media (min-width: 1000px) {
  .global-ecosystem__features-list-divider {
    display: block;
    width: 1px;
    background: linear-gradient(0deg, #3e424c 0%, rgba(62, 66, 76, 0) 100%);
  }
}
.global-ecosystem__feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 180px;
  gap: 10px;
}
@media (min-width: 1000px) {
  .global-ecosystem__feature {
    width: 158px;
  }
}
.global-ecosystem__feature-title {
  color: #3e424c;
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.5px;
}
.global-ecosystem__feature-description {
  color: #3e424c;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.global-ecosystem__pms {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
}
.global-ecosystem__pm-logos-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 575.98px) {
  .global-ecosystem__pm-logos-grid {
    max-width: 450px;
  }
}
.global-ecosystem__pm-logo {
  aspect-ratio: 60/40;
  width: 64px;
}
.global-ecosystem__pms-description {
  color: #3e424c;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.payments-infrastructure {
  display: flex;
  justify-content: center;
}
.payments-infrastructure__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  padding-block: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (min-width: 576px) {
  .payments-infrastructure__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .payments-infrastructure__wrapper {
    padding-inline: 60px;
  }
}
.payments-infrastructure__title {
  line-break: strict;
  color: #3e424c;
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  text-align: center;
  font-size: 39px;
  line-height: 1.1;
  letter-spacing: -1.2px;
}
@media (min-width: 576px) {
  .payments-infrastructure__title {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
  }
}
.payments-infrastructure__title span {
  display: inline-flex;
  position: relative;
  z-index: 1;
  padding-inline: 8px;
  margin-inline: -8px;
}
.payments-infrastructure__title span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20%;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background-color: #c9f73a;
  z-index: -1;
}
.payments-infrastructure__products-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
@media (min-width: 1000px) {
  .payments-infrastructure__products-grid {
    gap: 10px;
  }
}
.payments-infrastructure__products-grid_col_1
  .payments-infrastructure__product-card {
  max-width: 840px;
}
.payments-infrastructure__products-grid_col_1
  .payments-infrastructure__product-card-bg {
  top: -213px;
  width: 100%;
  height: auto;
}
@media (max-width: 760px) {
  .payments-infrastructure__products-grid_col_1
    .payments-infrastructure__product-card-bg {
    top: 0;
    height: 100%;
  }
}
@media (min-width: 976px) and (max-width: 999px) {
  .payments-infrastructure__products-grid_col_4
    .payments-infrastructure__product-card {
    min-width: 296px;
  }
}
@media (min-width: 1000px) and (max-width: 1301px) {
  .payments-infrastructure__products-grid_col_4
    .payments-infrastructure__product-card {
    min-width: 388px;
  }
}
.payments-infrastructure__product-card {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 246px;
  min-width: 288px;
  max-width: 420px;
  gap: 16px;
  padding: 20px;
  align-self: stretch;
  border-radius: 24px;
  color: #fff;
  background: #000;
  overflow: clip;
}
.payments-infrastructure__product-card:hover {
  --product-icon-color: #c9f73a;
  --product-bg-scale: 1.1;
}
.payments-infrastructure__product-card-icon,
.payments-infrastructure__product-card-arrow {
  width: 24px;
  height: 24px;
  color: var(--product-icon-color, #fff);
  transition: 0.3s ease-out;
}
.payments-infrastructure__product-card-header {
  display: inline-flex;
  justify-content: space-between;
  z-index: 1;
}
.payments-infrastructure__product-card-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1;
}
.payments-infrastructure__product-card-title {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
}
.payments-infrastructure__product-card-description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.28px;
}
.payments-infrastructure__product-card-bg {
  position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  transform-origin: center;
  transform: scale(var(--product-bg-scale, 1));
  transition: 0.3s ease-out;
}
.partnerships-logo-carousel {
  --partnerships-carousel-bg-color: #fff;
  --partnerships-carousel-mask-width: 1496px;
  --partnerships-carousel-mask-blur-width: 160px;
  position: relative;
  display: flex;
  margin-inline: auto;
  padding-block: 70px;
  overflow: clip;
  max-width: 1496px;
  background-color: var(--partnerships-bg-color);
}
.partnerships-logo-carousel::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    var(--partnerships-carousel-bg-color)
      calc(50% - var(--partnerships-carousel-mask-width) / 2),
    rgba(255, 255, 255, 0)
      calc(
        50% - var(--partnerships-carousel-mask-width) / 2 +
          var(--partnerships-carousel-mask-blur-width)
      ),
    rgba(255, 255, 255, 0)
      calc(
        50% + var(--partnerships-carousel-mask-width) / 2 -
          var(--partnerships-carousel-mask-blur-width)
      ),
    var(--partnerships-carousel-bg-color)
      calc(50% + var(--partnerships-carousel-mask-width) / 2)
  );
}
.partnerships-logo-carousel__slider {
  display: inline-flex;
}
@media (min-width: 1000px) {
  .partnerships-logo-carousel__slider {
    gap: 8px;
  }
}
.partnerships-logo-carousel__slider_animated {
  animation: scroll 20s linear infinite;
}
.partnerships-logo-carousel__slider_animated:hover {
  animation-play-state: paused;
}
.partnerships-logo-carousel__slide {
  display: inline-flex;
}
.partnerships-logo-carousel__slide-link {
  width: 180px;
  height: 70px;
  transition: 0.3s ease-out;
}
.partnerships-logo-carousel__slide-link:hover {
  transform: scale(1.2);
}
.partnerships-logo-carousel__slide-logo {
  width: inherit;
  height: inherit;
}
@keyframes scroll {
  to {
    transform: translateX(-50%);
  }
}
.partners-backed {
  display: flex;
  justify-content: center;
  overflow: clip;
  background-color: #000;
}
.partners-backed__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 70px;
  gap: 40px;
  z-index: 1;
}
@media (min-width: 576px) {
  .partners-backed__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .partners-backed__wrapper {
    padding-inline: 60px;
  }
}
.partners-backed__title {
  line-break: strict;
  color: #fff;
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  text-align: center;
  font-size: 39px;
  line-height: 1.1;
  letter-spacing: -1.2px;
}
@media (min-width: 576px) {
  .partners-backed__title {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
    max-width: 1080px;
  }
}
.partners-backed__title span {
  color: #c9f73a;
}
.partners-backed__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
@media (min-width: 1000px) {
  .partners-backed__cards {
    gap: 24px;
  }
}
@media (min-width: 1400px) {
  .partners-backed__cards {
    gap: 32px;
  }
}
.partners-backed__card {
  --_card-padding: 32px;
  --_card-description-offset: 16px;
  --_card-icon-offset: 12px;
  --_card-icon-size: 24px;
  flex: 1;
  display: inline-flex;
  min-height: 296px;
  height: calc(
    var(--_card-padding) * 2 + var(--_card-description-offset) +
      var(--_card-icon-offset) + var(--_card-description-height) +
      var(--_card-icon-size) + var(--_card-title-height)
  );
  min-width: 288px;
  max-width: 400px;
  cursor: pointer;
}
@media (min-width: 576px) and (max-width: 895px) {
  .partners-backed__card {
    min-width: 400px;
  }
}
@media (min-width: 896px) and (max-width: 999px) {
  .partners-backed__card {
    min-width: 261px;
  }
}
@media (min-width: 1000px) {
  .partners-backed__card {
    min-width: 277px;
    max-width: initial;
  }
}
.partners-backed__card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--_card-icon-offset);
  border-radius: 14px;
  outline: 1px solid #333;
  outline-offset: -1px;
  background: radial-gradient(
      100% 100% at 50% 0%,
      rgba(51, 51, 51, 0) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    rgba(0, 0, 0, 0.6);
  padding: var(--_card-padding, 32px);
}
.partners-backed__card-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--_card-description-offset);
}
.partners-backed__card-title {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .partners-backed__card-title {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
.partners-backed__card-description {
  color: #000;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
}
.partners-backed__action {
  display: flex;
  flex-direction: column;
}
.partners-backed__card-icon {
  width: var(--_card-icon-size);
  height: var(--_card-icon-size);
  flex-shrink: 0;
}
.partners-backed__card-cta {
  color: #fff;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.1px;
  opacity: 0.7;
}
.partners-backed__bg {
  position: absolute;
  z-index: -1;
}
.partners-backed__bg-left {
  left: -100px;
  top: -160px;
}
.partners-backed__bg-right {
  right: -230px;
  bottom: -300px;
}
.partners-backed__card-content {
  transition: 0.4s ease-out;
}
.partners-backed__card-title {
  transform-origin: bottom;
  transform: translateY(16px) scale(1);
  color: #fff;
  transition: 0.4s ease-out;
}
.partners-backed__card-description {
  transform-origin: top;
  transform: scale(1.125);
  opacity: 0;
  height: 1px;
  transition: 0.4s ease-out;
}
.partners-backed__card-icon {
  color: #fff;
  transition: 0.4s ease-out;
}
.partners-backed__card-cta {
  opacity: 0.7;
  transition: 0.4s ease-out;
}
@media (hover: hover) {
  .partners-backed__card:hover .partners-backed__card-content {
    background-color: #c9f73a;
  }
  .partners-backed__card:hover .partners-backed__card-title {
    transform: translateY(0) scale(0.8333);
    color: #90c703;
  }
  .partners-backed__card:hover .partners-backed__card-description {
    transform: scale(1);
    opacity: 1;
    height: var(--_card-description-height);
  }
  .partners-backed__card:hover .partners-backed__card-icon {
    color: #000;
  }
  .partners-backed__card:hover .partners-backed__card-cta {
    opacity: 0;
    margin-top: -24px;
  }
}
.partners-backed__card_active .partners-backed__card-content {
  background-color: #c9f73a;
}
.partners-backed__card_active .partners-backed__card-title {
  transform: translateY(0) scale(0.8333);
  color: #90c703;
}
.partners-backed__card_active .partners-backed__card-description {
  transform: scale(1);
  opacity: 1;
  height: var(--_card-description-height);
}
.partners-backed__card_active .partners-backed__card-icon {
  color: #000;
}
.partners-backed__card_active .partners-backed__card-cta {
  opacity: 0;
  margin-top: -24px;
}
.grow-borderless {
  --_section-container-gap: 40px;
  --_section-bg-color: #c9f73a;
  --_section-title-color: #000;
  --_section-height: 500px;
  position: relative;
  overflow: clip;
  display: flex;
  justify-content: center;
  background: var(--_section-bg-color);
  height: var(--_section-height);
}
@media (min-width: 768px) {
  .grow-borderless {
    --_section-container-gap: 60px;
  }
}
@media (min-width: 1000px) {
  .grow-borderless {
    --_section-container-gap: 80px;
  }
}
.grow-borderless__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--_section-container-gap);
  height: inherit;
  z-index: 1;
}
@media (min-width: 576px) {
  .grow-borderless__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .grow-borderless__wrapper {
    padding-inline: 60px;
  }
}
.grow-borderless__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 2.4375rem;
  line-height: 1;
  letter-spacing: -0.7px;
  text-align: center;
  color: var(--_section-title-color);
}
@media (min-width: 768px) {
  .grow-borderless__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.625rem;
    line-height: 1;
    letter-spacing: -0.7px;
  }
}
@media (min-width: 1000px) {
  .grow-borderless__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
  }
}
.grow-borderless__background {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: grid;
  align-content: center;
  justify-items: center;
}
.grow-borderless__background > * {
  grid-area: 1/1;
  align-self: center;
  justify-self: center;
}
.grow-borderless__circle {
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
}
.grow-borderless__circle_1 {
  width: 376px;
}
.grow-borderless__circle_2 {
  width: 754px;
}
.grow-borderless__circle_3 {
  width: 1144px;
}
.grow-borderless__circle_4 {
  width: 1528px;
}
.grow-borderless .grow-borderless__circle {
  animation: moveOut 0.5s forwards;
}
.grow-borderless_hovered .grow-borderless__circle {
  animation: moveIn 0.5s forwards;
}
@keyframes moveIn {
  from {
    transform: translate(0, 0);
  }
}
@keyframes moveOut {
  to {
    transform: translate(0, 0);
  }
}
.partnerships-form-section {
  position: relative;
  z-index: 5;
  --form-paddings: 40px 0;
  display: flex;
  justify-content: center;
}
@media (min-width: 576px) {
  .partnerships-form-section {
    --form-paddings: 50px 40px;
    --form-border-radius: 20px;
  }
}
@media (min-width: 1000px) {
  .partnerships-form-section {
    --form-paddings: 70px;
  }
}
.partnerships-form-section__wrapper {
  padding-inline: 16px;
  width: 100%;
  max-width: 1618px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-block: 56px 30px;
  gap: 30px;
}
@media (min-width: 576px) {
  .partnerships-form-section__wrapper {
    padding-inline: 40px;
  }
}
@media (min-width: 1000px) {
  .partnerships-form-section__wrapper {
    padding-inline: 60px;
  }
}
@media (min-width: 576px) {
  .partnerships-form-section__wrapper {
    gap: 40px;
    padding-block: 60px 40px;
  }
}
@media (min-width: 1000px) {
  .partnerships-form-section__wrapper {
    padding-block: 80px;
    gap: 80px;
  }
}
.partnerships-form-section__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .partnerships-form-section__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1000px) {
  .partnerships-form-section__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
    max-width: 832px;
  }
}
.partnerships-form-section__content {
  max-width: 800px;
}
.onboarding {
  --padding-top: 30px;
  --padding-bottom: 30px;
  --gap: 30px;
  --content-gap: 40px;
  --content-box-shadow: 0px 0px 44px 8px #0000000a;
  --content-border-radius: 20px;
  --media-padding: 0 40px;
  --media-img-border-radius: 40px;
  --media-gap: 30px;
  --media-box-shadow: var(--content-box-shadow);
  --form-box-shadow: var(--content-box-shadow);
  --form-padding: 30px 16px;
  --form-border: 1px solid #f5f5f5;
  --form-border-radius: 20px;
  padding-top: calc(var(--padding-top) + var(--navbar-height));
  padding-bottom: var(--padding-bottom);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
@media (min-width: 768px) {
  .onboarding {
    --padding-top: 40px;
    --padding-bottom: 40px;
    --gap: 40px;
    --form-padding: 40px;
    --media-box-shadow: none;
  }
}
@media (min-width: 1000px) {
  .onboarding {
    --padding-top: 80px;
    --padding-bottom: 80px;
    --content-gap: 0;
    --content-border-radius: 20px;
    --gap: 80px;
    --media-padding: 40px;
    --media-img-border-radius: 20px 0 0 20px;
    --media-box-shadow: var(--content-box-shadow);
    --form-padding: 50px 40px;
    --form-border-radius: 0 20px 20px 0;
  }
}
@media (min-width: 1200px) {
  .onboarding {
    --form-padding: 60px;
  }
}
.onboarding__header {
  text-align: center;
}
@media (min-width: 768px) {
  .onboarding__header {
    display: none;
  }
}
@media (min-width: 1000px) {
  .onboarding__header {
    display: block;
  }
}
.onboarding__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
  font-size: 25px;
  line-height: 1.2;
}
@media (min-width: 1000px) {
  .onboarding__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
  }
}
.onboarding__content {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
  border-radius: var(--content-border-radius);
  justify-content: center;
}
@media (min-width: 1000px) {
  .onboarding__content {
    flex-direction: row;
  }
}
.onboarding__media,
.onboarding__form {
  flex: 1 1 50%;
}
.onboarding__media {
  display: none;
  padding: var(--media-padding);
  position: relative;
  overflow: hidden;
  border-radius: var(--media-img-border-radius);
  box-shadow: var(--media-box-shadow);
}
@media (min-width: 768px) {
  .onboarding__media {
    display: flex;
    gap: var(--media-gap);
  }
}
@media (min-width: 1000px) {
  .onboarding__media {
    max-width: 430px;
  }
}
@media (min-width: 1000px) {
  .onboarding__media-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: 0;
  }
}
@media (min-width: 1000px) {
  .onboarding__media-pic:before {
    content: "";
    display: block;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.65) 0%,
      rgba(0, 0, 0, 0.2) 50%,
      rgba(0, 0, 0, 0.9) 100%
    );
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
.onboarding__media-img {
  border-radius: var(--media-img-border-radius);
  width: 180px;
  height: 180px;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (min-width: 1000px) {
  .onboarding__media-img {
    width: 100%;
    height: 100%;
  }
}
.onboarding__media-caption {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 1000px) {
  .onboarding__media-caption {
    position: relative;
    gap: 20px;
    z-index: 1;
    height: 100%;
  }
}
.onboarding__media-slogan {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (min-width: 1000px) {
  .onboarding__media-slogan {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #fff;
  }
}
@media (min-width: 1000px) {
  .onboarding__media-slogan_dynamic {
    display: none;
  }
}
.onboarding__media-desc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  padding-top: 19px;
  margin-top: auto;
}
@media (min-width: 1000px) {
  .onboarding__media-desc {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
    color: #fff;
  }
}
.onboarding__media-stats {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 1000px) {
  .onboarding__media-stats {
    color: #fff;
  }
}
.onboarding__media-stats_accent {
  color: #8e40ff;
}
@media (min-width: 1000px) {
  .onboarding__media-stats_accent {
    color: #dafe03;
  }
}
.onboarding__form {
  padding: var(--form-padding);
  border-radius: var(--form-border-radius);
  border: var(--form-border);
  background-color: #fff;
  box-shadow: var(--form-box-shadow);
}
@media (min-width: 1000px) {
  .onboarding__form {
    max-width: 800px;
  }
}
.thank-you {
  --success-page-paddings: 80px 16px 30px;
  --success-titles-color: #000;
  --success-notification-color: #4d4d4d;
  --success-page-wrapper-paddings: 20px 16px;
  --success-page-wrapper-border-radius: 20px;
  --success-page-wrapper-border: 1px solid $gray-100;
  --success-page-wrapper-box-shadow: 0 0 44px 8px rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--success-page-paddings);
}
@media (min-width: 768px) {
  .thank-you {
    --success-page-paddings: 104px 40px 40px;
    --success-page-wrapper-paddings: 60px 0;
  }
}
@media (min-width: 1000px) {
  .thank-you {
    --success-page-paddings: 144px 60px 80px;
    --success-page-wrapper-paddings: 40px 0;
  }
}
.thank-you__wrapper {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--success-page-wrapper-paddings);
  border-radius: var(--success-page-wrapper-border-radius);
  border: var(--success-page-wrapper-border);
  background-color: #fff;
  box-shadow: var(--success-page-wrapper-box-shadow);
}
.thank-you__heading {
  width: 100%;
  z-index: 1;
}
.thank-you__title,
.thank-you__subtitle {
  text-align: center;
  color: var(--success-titles-color);
}
.thank-you__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 2.4375rem;
  line-height: 1;
  letter-spacing: -0.7px;
  font-size: 39px;
  margin-top: 12px;
  letter-spacing: -1.5px;
}
@media (min-width: 1000px) {
  .thank-you__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.75rem;
    line-height: 1.1;
    letter-spacing: -1px;
  }
}
.thank-you__subtitle {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 16px;
}
@media (min-width: 1000px) {
  .thank-you__subtitle {
    margin-top: 20px;
  }
}
.thank-you__return-btn {
  z-index: 2;
}
.thank-you__notification {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--success-notification-color);
  text-align: center;
}
.thank-you__social-links {
  --social-link-padding: 0 5px 10px;
  --social-link-hovered-padding: 5px;
  --social-link-size: 48px;
  --social-link-color: #000;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
  max-width: 500px;
  z-index: 2;
}
@media (min-width: 375px) {
  .thank-you__social-links {
    --social-link-size: 50px;
    padding: 0 16px;
  }
}
@media (min-width: 768px) {
  .thank-you__social-links {
    padding: 0 60px;
  }
}
@media (min-width: 1000px) {
  .thank-you__social-links {
    padding: 0 40px;
  }
}
.thank-you__social-links-item {
  display: inline-flex;
}
.thank-you__social-links-link {
  display: inline-flex;
  width: var(--social-link-size);
  height: var(--social-link-size);
  padding: var(--social-link-padding);
  transition: 0.3s;
}
.thank-you__social-links-link:hover {
  padding: var(--social-link-hovered-padding);
}
.thank-you__social-links-icon {
  width: 100%;
  height: 100%;
  color: gray;
}
.thank-you__video {
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 171px;
  scale: 2.54;
  translate: 0 120px;
  animation: videoAnimation 1s 0.5s forwards, shiftTop 0.7s 2s ease-out forwards;
  overflow: hidden;
}
.thank-you__video-element {
  object-fit: cover;
  margin: -1px;
  clip-path: inset(1px);
  -webkit-mask: linear-gradient(
      to bottom,
      transparent 5%,
      #fff 5% 93%,
      transparent 0
    ),
    linear-gradient(to right, transparent 5%, #fff 5% 94%, transparent 0);
  -webkit-mask-size: 110% 110%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
  mask: linear-gradient(to bottom, transparent 5%, #fff 5% 93%, transparent 0),
    linear-gradient(to right, transparent 5%, #fff 5% 94%, transparent 0);
  mask-size: 110% 110%;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-composite: intersect;
}
.thank-you__logo-container {
  display: flex;
  justify-content: center;
  overflow: hidden;
  translate: 0 120px;
  transform-origin: top center;
  animation: videoAnimation 1s 0.5s forwards, shiftTop 0.7s 2s ease-out forwards;
  overflow: hidden;
  scale: 3;
}
.thank-you__logo {
  position: absolute;
  pointer-events: none;
  aspect-ratio: 2/1;
  width: 256px;
}
.thank-you__heading {
  translate: 0 120px;
  max-width: 440px;
  animation: headingAnimation 1s 0.5s forwards,
    shiftTop 0.7s 2s ease-out forwards;
}
.thank-you__return-btn {
  opacity: 0;
  translate: 0 10px;
  margin-top: 40px;
  animation: fadeIn 1.6s 3.2s forwards;
}
.thank-you__notification {
  opacity: 0;
  translate: 0 10px;
  margin-top: 30px;
  animation: fadeIn 1.6s 3.4s forwards;
  width: 100%;
  max-width: 440px;
}
@media (min-width: 768px) {
  .thank-you__notification {
    margin-top: 60px;
  }
}
@media (min-width: 1000px) {
  .thank-you__notification {
    margin-top: 80px;
  }
}
.thank-you__social-links-item {
  opacity: 0;
  translate: 0 10px;
}
.thank-you__social-links-item:nth-child(1) {
  animation: fadeIn 1.6s 3.4s forwards;
}
.thank-you__social-links-item:nth-child(2) {
  animation: fadeIn 1.6s 3.6s forwards;
}
.thank-you__social-links-item:nth-child(3) {
  animation: fadeIn 1.6s 3.8s forwards;
}
.thank-you__social-links-item:nth-child(4) {
  animation: fadeIn 1.6s 4s forwards;
}
.thank-you__social-links-item:nth-child(5) {
  animation: fadeIn 1.6s 4.2s forwards;
}
.thank-you__social-links-item:nth-child(6) {
  animation: fadeIn 1.6s 4.4s forwards;
}
@keyframes videoAnimation {
  to {
    scale: 1;
  }
}
@keyframes shiftTop {
  to {
    translate: 0;
  }
}
@keyframes fadeIn {
  to {
    translate: 0;
    opacity: 1;
  }
}
.success-contact {
  --success-page-paddings: 60px 16px 100px;
  --success-page-gap: 80px;
  --success-subtitle-margin-top: 16px;
  --success-socials-margin-top: 20px;
  --success-titles-color: #000;
  --success-notification-color: #4d4d4d;
  display: flex;
  padding: var(--success-page-paddings);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--success-page-gap);
  align-self: stretch;
  --success-final-video-height: 81px;
  --success-btn-shift: 41px;
  --success-notification-shift: 80px;
  --success-socials-shift: 41px;
}
@media (min-width: 768px) {
  .success-contact {
    --success-page-paddings: 80px 40px 100px;
  }
}
@media (min-width: 1000px) {
  .success-contact {
    --success-subtitle-margin-top: 20px;
    --success-page-paddings: 120px 60px 160px;
  }
}
.success-contact__wrapper {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.success-contact__heading {
  width: 100%;
  z-index: 1;
}
.success-contact__title,
.success-contact__subtitle {
  text-align: center;
  color: var(--success-titles-color);
}
.success-contact__title {
  font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-style: normal;
  font-size: 2.4375rem;
  line-height: 1;
  letter-spacing: -0.7px;
}
@media (min-width: 375px) {
  .success-contact__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 2.4375rem;
    line-height: 1;
    letter-spacing: -0.7px;
  }
}
@media (min-width: 768px) {
  .success-contact__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.5rem;
    line-height: 1;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1000px) {
  .success-contact__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.75rem;
    line-height: 1.1;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .success-contact__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.75rem;
    line-height: 1.1;
    letter-spacing: -1px;
  }
}
@media (min-width: 1600px) {
  .success-contact__title {
    font-family: "Nekst Bold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 700;
    font-style: normal;
    font-size: 3.75rem;
    line-height: 1.1;
    letter-spacing: -1px;
  }
}
.success-contact__subtitle {
  font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
  margin-top: var(--success-subtitle-margin-top);
}
@media (min-width: 375px) {
  .success-contact__subtitle {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .success-contact__subtitle {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1000px) {
  .success-contact__subtitle {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1200px) {
  .success-contact__subtitle {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1600px) {
  .success-contact__subtitle {
    font-family: "Nekst SemiBold", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.5px;
  }
}
.success-contact__return-btn {
  z-index: 2;
}
.success-contact__notification {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--success-notification-color);
  text-align: center;
}
@media (min-width: 375px) {
  .success-contact__notification {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .success-contact__notification {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (min-width: 1000px) {
  .success-contact__notification {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
@media (min-width: 1200px) {
  .success-contact__notification {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
@media (min-width: 1600px) {
  .success-contact__notification {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.success-contact__social-links {
  --social-links-gap: 20px 30px;
  --social-link-padding: 0 5px 10px;
  --social-link-hovered-padding: 5px;
  --social-link-size: 50px;
  --social-link-color: #000;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--success-socials-margin-top);
  gap: var(--social-links-gap);
  width: 100%;
  max-width: 500px;
  z-index: 2;
}
@media (min-width: 768px) {
  .success-contact__social-links {
    --social-link-size: 60px;
  }
}
.success-contact__social-links-item {
  display: inline-flex;
}
.success-contact__social-links-link {
  display: inline-flex;
  width: var(--social-link-size);
  height: var(--social-link-size);
  padding: var(--social-link-padding);
  transition: 0.3s;
}
.success-contact__social-links-link:hover {
  padding: var(--social-link-hovered-padding);
}
.success-contact__social-links-icon {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .success-contact {
    --success-final-video-height: 171px;
    --success-btn-shift: 41px;
    --success-notification-shift: 80px;
    --success-socials-shift: 41px;
  }
}
.success-contact__video {
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: var(--success-final-video-height);
  translate: 0 120px;
  transform-origin: top center;
  scale: 2.72;
  animation: videoAnimation 1s 0.5s forwards, shiftTop 0.7s 2s ease-out forwards;
  overflow: hidden;
}
.success-contact__video-element {
  object-fit: cover;
  margin: -1px;
  clip-path: inset(1px);
  -webkit-mask: linear-gradient(
      to bottom,
      transparent 5%,
      #fff 5% 93%,
      transparent 0
    ),
    linear-gradient(to right, transparent 5%, #fff 5% 94%, transparent 0);
  -webkit-mask-size: 110% 110%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
  mask: linear-gradient(to bottom, transparent 5%, #fff 5% 93%, transparent 0),
    linear-gradient(to right, transparent 5%, #fff 5% 94%, transparent 0);
  mask-size: 110% 110%;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-composite: intersect;
}
.success-contact__logo-container {
  display: flex;
  justify-content: center;
  overflow: hidden;
  translate: 0 120px;
  transform-origin: top center;
  animation: videoAnimation 1s 0.5s forwards, shiftTop 0.7s 2s ease-out forwards;
  overflow: hidden;
  scale: 3;
}
.success-contact__logo {
  position: absolute;
  pointer-events: none;
  aspect-ratio: 2/1;
  width: 250px;
}
.success-contact__heading {
  opacity: 0;
  translate: 0 80px;
  margin-top: 40px;
  animation: headingAnimation 1s 0.5s forwards,
    shiftTop 0.7s 2s ease-out forwards;
}
.success-contact__return-btn {
  opacity: 0;
  translate: 0 10px;
  margin-top: var(--success-btn-shift);
  animation: fadeIn 1.6s 3.2s forwards;
}
.success-contact__notification {
  opacity: 0;
  translate: 0 10px;
  margin-top: var(--success-notification-shift);
  animation: fadeIn 1.6s 3.4s forwards;
}
.success-contact__social-links {
  margin-top: var(--success-socials-shift);
}
.success-contact__social-links-item {
  opacity: 0;
  translate: 0 10px;
}
.success-contact__social-links-item:nth-child(1) {
  animation: fadeIn 1.6s 3.4s forwards;
}
.success-contact__social-links-item:nth-child(2) {
  animation: fadeIn 1.6s 3.6s forwards;
}
.success-contact__social-links-item:nth-child(3) {
  animation: fadeIn 1.6s 3.8s forwards;
}
.success-contact__social-links-item:nth-child(4) {
  animation: fadeIn 1.6s 4s forwards;
}
.success-contact__social-links-item:nth-child(5) {
  animation: fadeIn 1.6s 4.2s forwards;
}
.success-contact__social-links-item:nth-child(6) {
  animation: fadeIn 1.6s 4.4s forwards;
}
@keyframes videoAnimation {
  to {
    scale: 1;
  }
}
@keyframes shiftTop {
  to {
    translate: 0;
  }
}
@keyframes fadeIn {
  to {
    translate: 0;
    opacity: 1;
  }
}
@keyframes headingAnimation {
  to {
    opacity: 1;
  }
}