:root {
  --neutral-neutral-100-white: #fff;
  --neutral-neutral-200: #bebebe;
  --neutral-neutral-300: #7d7d7d;
  --neutral-neutral-400: #CECECE;
  --neutral-neutral-500-black: #1d1d1d;
  --primary-primary-50-popup-header-bg: white;
  --primary-primary-100: #004330;
  --primary-primary-200: #e9edf6;
  --primary-primary-300: #bc914e;
  --primary-primary-400: #004330;
  --primary-primary-500: #004330;
  --additional-red: #a10000;
}

:root {
  --font-family: 'Lexend', sans-serif;
  --second-family: 'Open Sans', sans-serif;
  --third-family: 'Roboto', sans-serif;
}

:root {
  --border-radius: 4px;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

*,
::after,
::before {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h3 {
  font-family: "Albert Sans", sans-serif;
  font-size: calc(20px + (30 - 26) * ((100vw - 414px) / (1440 - 414)));
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  color: #292526;
}

h2 {
  font-family: "Albert Sans", sans-serif;
  font-size: calc(30px + (32 - 30) * ((100vw - 414px) / (1440 - 414)));
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  color: #292526;
}

h4 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 18px;
  color: var(--primary-primary-500);
}

p {
  font-family: "Albert Sans", sans-serif;
  font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (1440 - 414)));
  line-height: 130%;
  color: #000000;
/*  text-align: center;*/
}

ul {
  padding-left: 2rem;
}

ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

b {
  font-weight: bolder;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

img {
  vertical-align: middle;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button,
input {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  text-transform: none;
}

[type='button'],
[type='submit'],
button {
  -webkit-appearance: button;
}

[type='button']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

[hidden] {
  display: none !important;
}

.container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.iti {
  width: 100%;
}

.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border {
    --bs-spinner-animation-speed: 1.5s;
  }
}

.d-flex {
  display: flex !important;
}

.justify-content-center {
  justify-content: center !important;
}

#error-msg {
  color: red;
}

#valid-msg {
  color: #00c900;
}

.hide {
  display: none;
}

body {
  position: relative;
  font-family: var(--second-family);
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(bg.jpg) no-repeat center/cover;
  z-index: -1;
}

@media (max-width: 414px) {
/*
  body::before {
    background: url(bg-mob.jpg) no-repeat center/cover;
  }
*/
}

.main-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.header .logo img {
  max-width: calc(105px + (170 - 105) * ((100vw - 414px) / (1440 - 414)));
  width: 100%;
  padding-top: 15px;
}

.main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.section-questions {
  display: none;
}

.section-questions .wrapper {
  position: relative;
  padding: 2.6rem 15px;
  width: min(100%, 40rem);
  margin: 0 auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.section-questions .wrapper .stepper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}

.section-questions .wrapper .stepper .step {
  height: clamp(4px, 1vw, 8px);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  transition: all 0.3s ease-in-out;
}

.section-questions .wrapper .stepper .step.active {
  background: #004330;
}

.section-questions .wrapper .questions {
  width: 100%;
  max-width: 768px;
  flex-grow: 1;
  border-radius: 12px;
  padding: calc(24px + (48 - 24) * ((100vw - 320px) / (1440 - 320))) calc(15px + (24 - 15) * ((100vw - 320px) / (1440 - 320)));
  background: var(--primary-primary-50-popup-header-bg);
  margin-top: 30px;
}

.section-questions .wrapper .questions .question {
  display: none;
}

#question-1 {
  display: block;
}

.section-questions .wrapper .questions .question#question-1 {
  display: block;
}

.age-wrapper {
  max-width: 320px;
  width: 100%;
}

.temblor_inf, .small-gift {
  width: min(75%, 15rem);
}

.section-questions .wrapper .questions .question .question-description {
  margin: 10px 0 25px;
  text-wrap: pretty;
  text-align: center;
  font-family: var(--second-family);
}

.section-questions .wrapper .questions .question .question-description span {
  font-weight: 700;
  font-size: 1.6rem;
  color: #494a4a;
  font-family: var(--font-family);
}

.section-questions .wrapper .questions .question .answers {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

.processing-answers {
  padding: 20px;
  display: none;
}

.processing-answers h2 {
  font-size: 32px;
  text-align: center;
  font-family: var(--second-family);
}

.processing-answers .result {
  margin: 0;
  padding: 5px 0 5px 25px;
  display: none;
  font-size: 14px;
  font-family: var(--second-family);
}

.processing-answers .spinner-border {
  width: 32px;
  height: 32px;
  border-width: 4px;
}

.modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: #0006;
  z-index: 999;
}

.section-additional-prize {
  padding: 15px;
}

.modal-wrapper .modal-body,
.start-content .modal-body {
  display: flex;
  justify-content: center;
  padding: 30px 15px;
}

.modal-wrapper .modal-body .modal-content,
.start-content .modal-body .modal-content {
  width: 100%;
  max-width: 610px;
  padding: 24px calc(15px + (24 - 15) * ((100vw - 320px) / (1440 - 320)));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(15px + (20 - 15) * ((100vw - 320px) / (1440 - 320)));
  text-align: center;
  border-radius: 12px;
  background: var(--primary-primary-50-popup-header-bg);
}

.modal-wrapper .modal-body .modal-content .gift,
.start-content .modal-body .modal-content .gift {
  text-align: center;
}

.start-content .modal-body .modal-content .gift img {
  width: 100%;
  max-width: 70%;
}

.text {
  display: flex;
  flex-direction: column;
  gap: calc(15px + (20 - 15) * ((100vw - 320px) / (1440 - 320)));
}

h6 {
  font-family: "Albert Sans", sans-serif;
  font-size: calc(22px + (30 - 22) * ((100vw - 414px) / (1440 - 414)));
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  color: #292526;
}

h5 {
  font-family: "Albert Sans", sans-serif;
  font-size: calc(18px + (24 - 18) * ((100vw - 414px) / (1440 - 414)));
  font-weight: 600;
  line-height: 100%;
  color: #000000;
}

.circle-loader {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 7em;
  height: 7em;
  margin-bottom: 20px;
}

.circle-loader img {
  width: 100%;
}

.checkmark {
  display: none;
  position: relative;
}

.checkmark:after {
  opacity: 1;
  height: 3.5em;
  width: 1.75em;
  transform-origin: left top;
  border-right: 3px solid #000000;
  border-top: 3px solid #000000;
  content: '';
  left: 1.75em;
  top: 3.5em;
  position: absolute;
}

.checkmark.draw:after {
  animation-duration: 0.8s;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}

.boxes-game {
  display: none;
  margin: 0 auto;
  width: min(95%, 50rem);
  padding: 30px 15px;
}

.boxes-game .boxes {
  padding: 40px 20px 20px 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 10rem;
  gap: 0;
  box-shadow: 2px 2px 4px 0 rgba(0, 101, 184, 0.14);
  background: var(--primary-primary-50-popup-header-bg);
  border-radius: 10px;
  padding-bottom: 0;
}

.boxes-game .boxes .box {
  position: relative;
  cursor: pointer;
}

.boxes-game .boxes .box:hover {
  animation: temblor 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.boxes-game .boxes .box.open {
  pointer-events: none;
}

.boxes-game .boxes .box.open .box-2 {
  transform: translate(-50%, -80%);
}

.boxes-game .boxes .box img {
  width: 80%;
  position: absolute;
  top: 30%;
  right: 50%;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 1s linear;
}

.boxes-game .boxes .box .box-2 {
  z-index: 5;
  top: 0%;
  left: 50%;
}

.boxes-game .boxes .box .box-3 {
  z-index: 1;
  top: 8%;
  width: 81%;
}

.boxes-game .boxes .box .box-4 {
  z-index: 3;
}

.boxes-game .boxes .box .prise {
  z-index: 2;
  width: 45%;
  animation: showPrise 2s linear 0.5s forwards;
}

@media (max-width: 768px) {
  .boxes-game .boxes {
    padding-top: 4rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 23vw;
    gap: 0;
  }

  .boxes-game .boxes .box {
    flex: 0 0 32%;
  }

  .boxes-game .boxes .box img {
    width: 80%;
  }

  .boxes-game .boxes .box:nth-child(10),
  .boxes-game .boxes .box:nth-child(11),
  .boxes-game .boxes .box:nth-child(12) {
    display: none;
  }

  .boxes-game .boxes .box.open .box-2 {
    transform: translate(-50%, -100%);
  }

  .boxes-game .boxes .box .box-3 {
  top: 9%;
  width: 78%;
  }
}

.section-additional-prize {
  display: none;
}

.section-additional-prize .wrapper {
  width: min(100%, 40rem);
  margin: 0 auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  background: var(--primary-primary-50-popup-header-bg);
  border-radius: 12px;
  padding: calc(15px + (24 - 15) * ((100vw - 414px) / (1440 - 414)));
}

.section-additional-prize .wrapper .title {
  margin: 0;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 23px;
  color: #494a4a;
  font-family: var(--font-family);
}

.section-additional-prize .wrapper .description {
  display: flex;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 1.18rem;
  line-height: 22px;
  color: #494a4a;
  font-family: var(--second-family);
  flex-direction: column-reverse;
  align-items: center;
  text-align: center;
}

.section-additional-prize .wrapper .description .text {
  text-wrap: balance;
}

.section-additional-prize .wrapper .description .photo {
  flex: 0 0 calc(50% - 0.25rem);
  text-align: center;
}

.section-additional-prize .wrapper .description .photo img {
  width: min(100%, 15rem);
}

.section-additional-prize .wrapper .joy {
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
  color: #494a4a;
  font-family: var(--font-family);
}

.cart {
  display: none;
  min-height: calc(100dvh - 3.6rem);
  padding: 30px 15px;
}

.summary__cart {
  font-family: "Albert Sans", sans-serif;
  font-size: calc(34px + (42 - 34) * ((100vw - 414px) / (1440 - 414)));
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  color: #292526;
  text-align: center;
  margin-bottom: 32px;
}

.cart .container {
  max-width: 560px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 30px;
  background: var(--primary-primary-50-popup-header-bg);
  border-radius: 12px;
  padding: calc(15px + (24 - 15) * ((100vw - 414px) / (1440 - 414)));
}

.cart .form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #494a4a;
}

.cart .form .product-info {
  display: flex;
  gap: 1rem;
  justify-content: space-around;
  align-items: center;
}

.cart .form .product-info .photo {
  flex: 0 0 calc(40% - 0.5rem);
  text-align: center;
}

.cart .form .product-info .photo img {
  width: min(100%, 20rem);
}

.cart .form .product-info .description {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.cart .form .product-info .description .name {
  font-weight: 600;
  font-size: 0.8rem;
}

.cart .form .product-info .description .name h5 {
  text-align: left;
}

.cart .form .product-info .description .name p {
  margin-bottom: 0;
}

.cart .form .stage-name {
  text-align: center;
}

.cart .form .stage {
  padding: 0 1rem 1rem;
}

.cart .form .stage .stage-wrapper {
  display: flex;
  flex-direction: column;
}

.cart .form .stage .stage-wrapper .input {
  position: relative;
  margin-bottom: 8px;
}

.cart .form .stage .stage-wrapper .input input,
.cart .form .stage .stage-wrapper .input select {
  position: relative;
  width: 100%;
  padding: 0.5rem 0.7rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: var(--neutral-neutral-300);
  border: 1px solid var(--neutral-neutral-400);
  border-radius: 4px;
  background: var(--neutral-neutral-100-white);
}

.cart .form .stage .stage-wrapper .input input::placeholder {
  color: #494a4a99;
}

.cart .form .stage .stage-wrapper .input input:focus {
  outline: none;
}

.cart .form .stage .stage-wrapper .input input:read-only {
  border: 1px solid var(--primary-primary-400);
  background: var(--primary-primary-50-popup-header-bg);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 18px;
  color: var(--primary-primary-400);
}

.cart .form .stage .stage-wrapper #sendForm {
  all: unset;
  padding: 1rem;
  font-weight: 700;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
  border-radius: 0.5rem;
  background: #e81727;
  border: 1px solid #e81727;
  cursor: pointer;
  font-family: var(--font-family);
}

.cart .form .stage .stage-wrapper #sendForm:disabled {
  background: transparent;
  color: #e81727;
  opacity: 0.5;
}

.cart .delivery {
  padding: 0.8rem;
  width: 100%;
  display: none;
  text-align: center;
}

.cart .delivery .product-info {
  display: flex;
  gap: 1rem;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
}

.cart .delivery .product-info .photo img {
  width: 115px;
}

.cart .delivery .product-info .description {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.cart .delivery .product-info .description .name {
  font-weight: 600;
  font-size: 0.8rem;
}

.cart .delivery .product-info .description .name h5 {
  text-align: left;
}

.cart .delivery .product-info .description .name p {
  margin-bottom: 0;
}

.cart .delivery .name {
  text-align: left;
  font-weight: 700;
  font-size: 1.3rem;
  color: #494a4a;
  font-family: var(--font-family);
}

.cart .delivery .posts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #494a4a;
  padding: 20px 0;
  z-index: 5;
}

.cart .delivery .posts .radio {
  padding: 0.6rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid var(--primary-primary-400);
  z-index: 5;
}

.cart .delivery .posts .radio:last-child {
  border: none;
}

.cart .delivery .posts .radio .radio-wrapper {
  flex: 0 0 1.25rem;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  display: grid;
  place-content: center;
  border: 1px solid var(--primary-primary-400);
  border-radius: 50%;
  justify-items: center;
  padding: 2px;
  align-items: center;
}

.cart .delivery .posts .radio .radio-wrapper:has(input:checked) .checked {
  opacity: 1;
  scale: 1;
}

.cart .delivery .posts .radio .radio-wrapper input {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
}

.cart .delivery .posts .radio .radio-wrapper .checked {
  width: 100%;
  opacity: 0;
  scale: 0;
  transition: all 0.2s ease-in-out;
}

.cart .delivery .posts .radio label {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-left: 15px;
}

.cart .delivery .posts .radio label img {
  width: 50px;
}

.cart .delivery .posts .radio label .text {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  color: var(--primary-primary-500);
}

.cart .delivery .posts .radio label .description {
  text-align: left;
  font-size: 1rem;
  font-family: var(--second-family);
}

.cart .delivery .posts .radio label .description p {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: var(--neutral-neutral-500-black);
}

.cart .summary {
  width: 100%;
  padding: 0.8rem 0.8rem 0;
  flex-grow: 1;
  display: none;
  flex-direction: column;
}

.cart .summary .title {
  margin-bottom: 1.25rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 29.05px;
  color: #494a4a;
  font-family: var(--font-family);
}

.cart .summary .product-info {
  padding: 1rem 0.5rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: stretch;
  gap: 1rem;
  border-radius: 1.2rem;
  box-shadow: 3px 2px 4px #00000029;
}

.cart .summary .product-info .photo {
  width: calc(115px + (140 - 115) * ((100vw - 414px) / (1440 - 414)));
}

.cart .summary .product-info .photo img {
  width: 100%;
}

.cart .summary .product-info .description {
  flex: 0 0 calc(50% - 0.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.cart .summary .product-info .description .name {
  font-weight: 600;
  font-size: 0.8rem;
}

.cart .summary .product-info .description .name h5 {
  text-align: left;
}

.cart .summary .product-info .description .name p {
  margin-bottom: 0;
}

.cart .summary .order-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cart .summary .order-info hr {
  all: unset;
  height: 1px;
  background: #CECECE;
}

.cart .summary .order-info .info-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #494a4a;
  border-radius: 1rem;
  font-weight: 500;
  font-family: var(--second-family);
}

.cart .summary .order-info .info-block .name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-family: "Albert Sans", sans-serif;
  font-size: 18px;
  line-height: 100%;
  color: #000000;
}

:root {
  --btn-bg: #ffc343;
  --btn-color: #494a4a;
  --primary-family: 'Montserrat', serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  font-size: 16px;
  font-family: var(--second-family);
  overflow-x: hidden;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

button,
.answers-button {
  border-radius: 1000px;
  background: var(--primary-primary-50-popup-header-bg);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  color: var(--primary-primary-500);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid var(--primary-primary-300);
  padding: 4px 0;
}

button:hover,
.answers-button:hover {
  background: var(--neutral-neutral-500-black);
  color: var(--neutral-neutral-500-black);
  border-color: var(--neutral-neutral-500-black);
}

.modal-button,
.to-cart,
.stage_button {
  border-radius: 1000px;
  background: var(--primary-primary-500);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  color: var(--neutral-neutral-500-black);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  padding: 4px 0;
}

.modal-button:hover,
.to-cart:hover,
.stage_button:hover {
  background: var(--neutral-neutral-500-black);
}

@keyframes loader-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }

  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }

  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }

  to {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}

@keyframes temblor {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

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

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes showPrise {
  75% {
    transform: translate(-50%, -80%);
  }

  to {
    transform: translate(-50%, -70%);
  }
}

.modal-content button {
  max-width: 222px;
  width: 100%;
}

.modal-content .modal-button {
  max-width: 70%;
  width: 100%;
}

.answers button {
  max-width: 320px;
  width: 100%;
}

.to-cart {
  max-width: 346px;
  width: 100%;
}

#modal-1 p {
  text-align: center;
}

.section-additional-prize h3 {
  text-align: center;
}

.delivery button {
  width: 100%;
  margin: 0 auto;
}

.summary h3 {
  text-align: center;
}

.cart .summary .product-info {
  display: flex;
  gap: 1rem;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  border: none;
  box-shadow: none;
}

.cart .summary .product-info .photo {
  flex: 0 0 calc(40% - 0.5rem);
  text-align: center;
}

.cart .summary .product-info .description {
  flex: 0 0 calc(60% - 0.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 500px) {
  body {
    background-image: url(https://giftwave12.com/landers/698deafee27d9/assets/bg-mob.webp);
  }

  .cart .form .stage {
    padding: 0;
  }

  .main .start-content {
    padding-top: 0;
  }

  .start-content .modal-content {
    overflow: hidden;
  }
}

.main-btn {
  background: var(--primary-primary-400) !important;
  border: 1px solid var(--primary-primary-400) !important;
  height: 48px !important;
  border-radius: var(--border-radius) !important;
  padding: 12px !important;
  font-family: "Albert Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  color: white;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.main-btn:hover {
  background: var(--primary-primary-100) !important;
  border: 1px solid var(--primary-primary-500) !important;
  color: white;
}

.secondary-btn {
  border: 1px solid #004330 !important;
  border-radius: 4px !important;
  padding: 8px !important;
  height: 40px !important;
  background: var(--neutral-neutral-100-white) !important;
  font-family: "Albert Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  color: #004330;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.secondary-btn:hover {
  color: white;
  background: var(--primary-primary-100) !important;
}

.tetriary-btn {
  border: 1px solid #004330;
  border-radius: 4px;
  padding: 8px !important;
  height: 40px !important;
  background-color: white;
  font-family: "Albert Sans", sans-serif;
  font-size: calc(20px + (20 - 20) * ((100vw - 414px) / (1440 - 414)));
  font-weight: 600;
  line-height: 100%;
  color: #004330;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.tetriary-btn:hover {
  color: black;
  background: var(--primary-primary-100) !important;
}

#modal-1, #modal-2, #modal-3 {
  padding-top: 60px;
}

.answers-button.answer-4.secondary-btn {
  height: auto !important;
}