@charset "UTF-8";
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/jost/jost-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/jost/jost-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/jost/jost-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.container {
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
}

.new .h2, .new h2,
.corporate-section .heading.back h1 {
  font-weight: 500;
  font-size: 44px;
  line-height: 118%;
}
@media (max-width: 768px) {
  .new .h2, .new h2,
  .corporate-section .heading.back h1 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .new.smaller-title .h2, .new.smaller-title h2 {
    font-size: 20px;
  }
}
.new .container {
  max-width: 1400px;
}

.overflow-footer .footer {
  margin-top: 110px;
}

.video-item {
  max-width: 730px;
  width: 100%;
}
@media (max-width: 950px) {
  .video-item {
    max-width: 85vw;
  }
}
@media (max-width: 450px) {
  .video-item {
    max-width: 293px;
    margin-left: 20px;
  }
}

.video-container {
  position: relative;
}
.video-container::before {
  content: "";
  left: -84px;
  right: -38px;
  top: -35px;
  bottom: -67px;
  position: absolute;
  background-size: cover;
  background-image: url('data:image/svg+xml,<svg width="853" height="529" viewBox="0 0 853 529" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.37073 100.254L833.742 32.3198L785.242 497.32L70.2103 526.194L1.37073 100.254Z" fill="%23080808" /><path d="M27.2417 57.4425L850.242 16.8198L793.742 486L81.2417 473L27.2417 57.4425Z" fill="%23FFBC11" /><path d="M93.6594 493.803L54.3268 28.2884L834.708 2.85417L819.273 480.837L93.6594 493.803Z" stroke="%23F3ECE5" stroke-width="2" /></svg>');
}
@media (max-width: 768px) {
  .video-container::before {
    left: -34px;
    right: -15px;
    top: -14px;
    bottom: -28px;
  }
}

.client-video-wrapper {
  position: relative;
  padding-top: 58%;
  display: block;
}

.client-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 1330px) {
  .video-rev-wrap {
    width: calc(100vw - (100vw - 1280px) / 2);
    margin-left: auto;
    overflow: hidden;
  }
}
.client-video-.main-new_project.wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.bg-video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .video-play svg {
    width: 48px;
    height: 48px;
  }
}
.video-play:hover {
  cursor: pointer;
  transition: all 0.2s;
  filter: drop-shadow(4px 4px 2px #000);
}

.form-wrapper {
  background: #fff;
  padding: 46px 40px;
  max-width: 672px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .form-wrapper {
    padding: 28px 20px 40px;
  }
}

.form__input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.form__input-wrapper label {
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--color, var(--corporate-page-blue));
}
@media (max-width: 768px) {
  .form__input-wrapper label {
    font-size: 16px;
  }
}
.form__input-wrapper input {
  background: transparent;
  width: 100%;
  line-height: 138%;
  padding: 12px 0;
  border-bottom: 1px solid var(--color, var(--corporate-page-blue));
}
.form__input-wrapper input::-moz-placeholder {
  opacity: 0.5;
}
.form__input-wrapper input::placeholder {
  opacity: 0.5;
}
.form__input-wrapper + .form__input-wrapper {
  margin-top: 22px;
}
.form__privacy {
  margin-top: 24px;
}
.form__privacy > label {
  display: block;
  font-size: 14px;
  position: relative;
  padding-left: 36px;
  text-align: left;
  line-height: 1.35;
  text-transform: none;
  color: var(--bw-black);
}
.form__privacy .form__consent-text {
  overflow-wrap: anywhere;
}
.form__privacy > label a {
  color: var(--corporate-page-blue);
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.form__privacy input[type=checkbox] {
  position: absolute;
  visibility: hidden;
  width: 0;
}
.form .btn {
  max-width: 458px;
  margin: 30px auto 0;
}
@media (max-width: 768px) {
  .form .btn {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .form .btn {
    width: 100%;
    margin-left: -6px;
  }
}

.custom-checkbox {
  width: 24px;
  height: 24px;
  border: 1px solid var(--color, var(--corporate-page-blue));
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0;
  background: transparent;
}

.custom-checkbox:after {
  content: "";
  width: 14px;
  height: 8px;
  position: absolute;
  bottom: 8.5px;
  left: 4px;
  border: 2px solid var(--color, var(--corporate-page-blue));
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

input[type=checkbox]:checked + .custom-checkbox:after, input[type=checkbox]:checked + label + .custom-checkbox:after {
  opacity: 1;
}

.callback .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.5s 0s;
  padding: 24px 35px;
  text-decoration: none;
  text-align: center;
  width: 100%;
  margin: 30px 0 15px;
}

.callback__heading {
  padding-bottom: 15px;
}

.callback__input-wrapper + .callback__input-wrapper {
  margin-top: 15px;
}

.callback__input-wrapper label {
  font-size: 16px;
  display: inline-block;
  padding-bottom: 5px;
}

.callback__input-wrapper input {
  padding: 12px 0;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid var(--color, var(--bw-light-gray));
}

.callback__privacy {
  font-size: 12px;
}

.callback__privacy a {
  color: var(--black);
}

.callback__input-wrapper {
  position: relative;
}

.callback__input-wrapper:after {
  content: "";
  background: #000;
  height: 1px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.2s ease-in-out;
}

.callback__input-wrapper:focus-within:after {
  width: 100%;
}

.quiz {
  border-radius: 40px;
  overflow: hidden;
  background: var(--bw-light-beige);
  box-shadow: 8px 8px 0px 0px var(--bw-black);
  color: var(--bw-black);
}
.quiz__date {
  background: var(--main-colors-yellow);
  display: flex;
  align-items: stretch;
  position: relative;
  padding: 14px 0 8px;
  border-bottom: 2px solid var(--bw-black);
}
.quiz__date::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40%;
  width: 2px;
  background: var(--bw-black);
  pointer-events: none;
}
.quiz__date span,
.quiz__date-main,
.quiz__date-place {
  display: block;
  font-size: 28px;
  line-height: 114%;
  text-transform: lowercase;
  text-align: center;
}
.quiz__date span:first-child,
.quiz__date-main {
  padding: 0 16px 0 20px;
  font-weight: 700;
}
.quiz__date span:last-child,
.quiz__date-place {
  font-weight: 500;
  padding: 0 12px 0 16px;
}
.quiz__body {
  padding: 10px 18px 28px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1041px) {
  .quiz__body .btn-secondary {
    margin-top: 20px;
  }
}
.quiz__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 114%;
  text-transform: uppercase;
  text-align: center;
}
.quiz__title + div {
/*   margin-top: 16px; */
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1040px) {
  .quiz__title + div {
    align-items: flex-start;
    gap: 4px;
    margin-top: 4px;
  }
}
@media (max-width: 520px) {
  .quiz__title {
    font-size: 20px;
  }
}
.quiz__time {
  font-weight: 700;
  font-size: 40px;
  line-height: 110%;
  text-transform: uppercase;
  text-align: center;
  color: var(--main-colors-red);
}
@media (max-width: 520px) {
  .quiz__time {
    font-size: 28px;
  }
}
.quiz__price {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
}
@media (max-width: 520px) {
  .quiz__price {
    font-size: 16px;
  }
}
.quiz.ends {
  position: relative;
  pointer-events: none;
}
.quiz.ends::after {
  content: "";
  background: url("../images/icons/gameover.svg");
  background-size: cover;
  position: absolute;
  width: 230px;
  height: 230px;
  left: 50%;
  transform: translate(-50%);
  bottom: 55px;
  z-index: 10;
}
@media (max-width: 1040px) {
  .quiz.ends::after {
    width: 100px;
    height: 100px;
    left: unset;
    right: -20px;
    bottom: 30px;
  }
}

@media (max-width: 1040px) {
  .quiz__body {
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 28px 28px 20px;
  }
  .quiz__title {
    flex: 100%;
    text-align: left;
  }
  .quiz .btn, .quiz form {
    margin-left: auto;
  }
}
@media (max-width: 359px) {
  .quiz__title + div {
    flex: 1 1 100%;
  }
  .quiz .btn {
    margin-top: 12px;
    flex: 1 1 100%;
  }
}
:root {
  --bw-dark-backgound: #101011;
  --bw-light-background: #373737;
  --bw-black: #080808;
  --bw-dark-gray: #1f1f1f;
  --bw-gray: #6d6d6d;
  --bw-light-gray: #c4c4c4;
  --bw-white: #fff;
  --bw-light-beige: #f3ece5;
  --main-colors-yellow: #ffbc11;
  --main-colors-red: #ea2424;
  --main-colors-light-green: #00a59b;
  --main-colors-dark-green: #006f76;
  --main-colors-blue: #19237a;
  --main-colors-purple: #592472;
  --main-colors-dark-purple: #1a0742;
  --birthday-page-blue: #51d9fa;
  --birthday-page-yellow: #fad55c;
  --birthday-page-green: #aaf982;
  --birthday-page-orange: #f76443;
  --corporate-page-blue: #3b47eb;
  --corporate-page-yellow: #fce987;
  --corporate-page-pink: #e49ff4;
  --corporate-page-geen: #bdf676;
}

:root {
  --font-family: "Jost", sans-serif;
  --second-family: "Cera Pro", sans-serif;
}

* {
  font-family: var(--font-family);
}

body {
  background: var(--bw-dark-backgound);
  color: var(--bw-black);
}

.btn-primary {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  color: var(--bw-black);
  position: relative;
}
.btn-primary + .btn-primary {
  margin-left: 16px;
}
@media (max-width: 600px) {
  .btn-primary {
    font-size: 16px;
    height: 52px;
  }
}
.btn-primary::after {
  content: "";
  border-radius: 100px;
  border: 3px solid var(--bw-white);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.btn-primary::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 20px 24px 32px;
  border-radius: 100px;
  background: var(--color, var(--main-colors-yellow));
  transform: translate(11px, 8px);
  transition: all 0.2s ease-in-out;
  box-shadow: 6px 6px 0px 0px rgb(0, 0, 0);
}
@media (max-width: 600px) {
  .btn-primary::before {
    transform: translate(6px, 6px);
  }
}
.btn-primary span {
  text-align: center;
  z-index: 2;
  padding: 20px 40px;
}
@media (max-width: 360px) {
  .btn-primary span {
    padding: 18px 32px;
  }
}
.btn-primary:hover:before {
  transform: translate(0);
}
.btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.btn-secondary {
  height: 60px;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  color: var(--bw-white);
  position: relative;
}
.btn-secondary + .btn-secondary {
  margin-left: 16px;
}
@media (max-width: 600px) {
  .btn-secondary {
    font-size: 16px;
    height: 52px;
  }
}
.btn-secondary::after {
  content: "";
  border: 2px solid var(--bw-black);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.btn-secondary::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 20px 24px 32px;
  background: var(--color, var(--main-colors-red));
  transform: translate(8px, 8px);
  transition: all 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .btn-secondary::before {
    transform: translate(6px, 6px);
  }
}
.btn-secondary span {
  z-index: 2;
  padding: 20px 40px;
}
@media (max-width: 600px) {
  .btn-secondary span {
    padding: 10px 13px;
  }
}
.btn-secondary:hover:before {
  transform: translate(0);
}
.flex {
  display: flex;
}

.justify-content-space-between {
  justify-content: space-between;
}

h1, .h1, h2, .h2, h3, .h3 {
  font-weight: 600;
  font-size: 40px;
  line-height: 110%;
  text-transform: uppercase;
  text-align: center;
  color: var(--bw-black);
}

@media (max-width: 700px) {
  .h2, h2 {
    font-size: 20px;
  }
}

.rotate {
  animation: rotate 20s infinite linear;
}

.rotate-reverse {
  animation: rotate-reverse 20s infinite linear;
}

.pulse {
  animation: pulse 5s infinite linear;
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: scale(0.85, 0.85);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-reverse {
  0% {
    transform: rotate(0deg);
    animation-timing-function: linear;
  }
  100% {
    transform: rotate(-360deg);
  }
}
.absolute {
  position: absolute;
}

.heading.back {
  max-width: 1000px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.heading.back h1, .heading.back h2, .heading.back h3 {
  padding: 50px 20px;
}
@media (max-width: 1000px) {
  .heading.back h1, .heading.back h2, .heading.back h3 {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .heading.back h1, .heading.back h2, .heading.back h3 {
    font-size: 28px;
  }
}
@media (max-width: 700px) {
  .heading.back h1, .heading.back h2, .heading.back h3 {
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .heading.back h1, .heading.back h2, .heading.back h3 {
    padding: 25px;
  }
}
@media (max-width: 1000px) {
  .heading.back {
    max-width: 90vw;
  }
}
.heading.back.small-left {
  background-image: url('data:image/svg+xml,<svg width="1004" height="143" viewBox="0 0 1004 143" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 34.8995L999.391 0L1003.23 109.933L71.7975 142.459L2.93156 118.848L0 34.8995Z" fill="%23F3ECE5" /><path d="M71.7975 142.459L2.93156 118.848L28.305 100.452L71.7975 142.459Z" fill="%23C4C4C4" /></svg>');
}
@media (max-width: 450px) {
  .heading.back.small-left {
    background-image: url('data:image/svg+xml,<svg width="345" height="72" viewBox="0 0 345 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.0574695 12.0036L342.849 0.03303L344.943 59.9965L25.4612 71.153L1.6565 57.7938L0.0574695 12.0036Z" fill="%23F3ECE5" /><path d="M25.4612 71.153L1.6565 57.7938L10.2359 47.943L25.4612 71.153Z" fill="%23C4C4C4" /></svg>');
  }
}
.heading.back.big-left {
  background-image: url('data:image/svg+xml,<svg width="974" height="167" viewBox="0 0 974 167" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.286865 10.1895L970.252 0.517578L973.818 157.639L69.6947 166.969L3.00988 130.173L0.286865 10.1895Z" fill="%23F3ECE5" /><path d="M69.6947 166.969L2.89463 130.071L28.0061 104.174L69.6947 166.969Z" fill="%23C4C4C4" /></svg>');
}
@media (max-width: 450px) {
  .heading.back.big-left {
    background-image: url('data:image/svg+xml,<svg width="347" height="85" viewBox="0 0 347 85" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.830719 12.0076L343.622 0.0370672L346.169 72.9926L26.6882 84.1491L2.77621 67.7191L0.830719 12.0076Z" fill="%23F3ECE5" /><path d="M26.6882 84.1491L2.77621 67.7191L16.0326 60.5066L26.6882 84.1491Z" fill="%23C4C4C4" /></svg>');
  }
}
.heading.back.big-right {
    padding-top: 40px;
    background-size: cover;
    background-position: right bottom;
  background-image: url('data:image/svg+xml,<svg width="1005" height="158" viewBox="0 0 1005 158" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1004.5 32.1084L4.95406 0.14325L0.145996 128.568L931.613 158L1001.11 131L1004.5 32.1084Z" fill="%23F3ECE5" /><path d="M931.613 158L1001.11 130.977L976.216 109.198L931.613 158Z" fill="%23C4C4C4" /></svg>');
}
@media (max-width: 450px) {
  .heading.back.big-right {
    background-image: url('data:image/svg+xml,<svg width="347" height="119" viewBox="0 0 347 119" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M346.537 9.47087L3.64571 0.490776L0.0383239 111.868L309 118.5L343.783 94.5229L346.537 9.47087Z" fill="%23F3ECE5" /><path d="M309 118.5L343.783 94.5229L327.625 88.5L309 118.5Z" fill="%23C4C4C4" /></svg>');
  }
}
.heading.back.small-top-right {
  background-image: url('data:image/svg+xml,<svg width="1003" height="162" viewBox="0 0 1003 162" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M998.711 162.252L0.0814052 109.916L5.83832 0.0669981L936.561 48.8445L1003.11 78.3677L998.711 162.252Z" fill="%23F3ECE5" /><path d="M936.561 48.8445L1003.11 78.3677L976.227 94.4822L936.561 48.8445Z" fill="%23C4C4C4" /></svg>');
}
@media (max-width: 400px) {
  .heading.back.small-top-right {
    background-image: url('data:image/svg+xml,<svg width="346" height="78" viewBox="0 0 346 78" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M343.318 77.0799L0.733864 60.196L3.68731 0.268743L322.976 16.0045L345.573 31.3173L343.318 77.0799Z" fill="%23F3ECE5" /><path d="M322.976 16.0045L345.573 31.3173L326.43 34.6583L322.976 16.0045Z" fill="%23C4C4C4" /></svg>');
  }
}
.heading.back.small-top-right2 {
  background-image: url('data:image/svg+xml,<svg width="1004" height="143" viewBox="0 0 1004 143" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1003.89 107.637L4.49764 142.536L0.658651 32.6033L932.091 0.0773367L1000.96 23.6883L1003.89 107.637Z" fill="%23F3ECE5" /><path d="M932.091 0.0773367L1000.96 23.6883L975.584 42.0843L932.091 0.0773367Z" fill="%23C4C4C4" /></svg>');
}
@media (max-width: 400px) {
  .heading.back.small-top-right2 {
    background-image: url('data:image/svg+xml,<svg width="347" height="83" viewBox="0 0 347 83" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M346.582 58.8243L4.3915 82.381L0.270775 22.5227L319.192 0.567773L343.435 13.1142L346.582 58.8243Z" fill="%23F3ECE5" /><path d="M319.192 0.567773L343.435 13.1142L324.818 18.6852L319.192 0.567773Z" fill="%23C4C4C4" /></svg>');
  }
}

.btn-up {
  position: fixed;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 20px;
  border: 1px solid var(--main-colors-yellow);
  background: var(--bw-dark-backgound);
  right: 36px;
  bottom: 36px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  color: var(--bw-white);
  z-index: 20;
  transform: translateY(0);
  transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
  opacity: 1;
}
@media (max-width: 1400px) {
  .btn-up {
    right: 16px;
  }
}
@media (max-width: 992px) {
  .btn-up {
    bottom: 16px;
  }
}
@media (max-width: 520px) {
  .btn-up {
    font-size: 13px;
    padding: 6px 12px;
  }
  .btn-up svg {
    width: 15px;
    height: auto;
  }
}

.btn-up_hide {
  visibility: hidden;
  opacity: 0;
  transform: translateY(120px);
}

@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    color: var(--bw-black);
    background-color: var(--main-colors-yellow);
  }
  .btn-up:hover path {
    stroke: var(--bw-black);
  }
}
.overflow-hidden {
  overflow: hidden;
}

.header {
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  transition: all 0.4s;
}
.header.active {
  background: var(--bw-dark-backgound);
  padding: 8px 0;
}
.header.active .header__logo svg, .header.active .header__logo img {
  width: 68px;
}
.header.active .header__body {
  align-items: center;
}
.header.active span.header__logo {
  visibility: visible;
}
.header.active .contact-mark {
  opacity: 0;
  visibility: hidden;
}
.header .container {
  max-width: 1368px;
}
.header__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.header__logo img {
    max-width: 95px;
    height: auto;
}
@media (max-width: 768px) {
  .header__logo img {
    width: 58px;
    height: auto;
  }
}
.header span.header__logo {
  visibility: hidden;
}
.header__menu ul {
  display: flex;
  gap: 16px;
}
.header__menu ul li {
  border: 1px solid var(--color, var(--main-colors-light-green));
  border-radius: 100px;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  color: var(--bw-white);
  transition: background 0.2s;
}
.header__menu ul li a {
  padding: 12px 16px;
  color: inherit;
  display: inline-block;
}
.header__menu ul li:hover {
  background: var(--color, var(--main-colors-light-green));
}

.header + * {
  padding-top: 145px;
}
@media (max-width: 768px) {
  .header + * {
    padding-top: 85px;
  }
}

@media (min-width: 1081px) {
  #burger, #close {
    display: none;
  }
}

@media (max-width: 1080px) {
  .header__menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 28px;
    position: fixed;
    top: 0;
    right: -140%;
    width: 100%;
    max-width: 64vw;
    height: 100vh;
    transition: all 0.3s ease 0s;
    z-index: 99;
    background-color: var(--bw-black);
    overflow: auto;
    padding: 16px;
  }
  .header__menu ul {
    flex-direction: column;
    align-items: flex-end;
  }
}
.menu-active {
  overflow: hidden;
}
.menu-active .header__menu {
  right: 0;
}
.menu-active .menu-overlay {
  visibility: visible;
  opacity: 0.6;
}

.menu-overlay {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--bw-black);
  z-index: 9;
}

.contact-mark {
  position: absolute;
  top: 24px;
  left: 81px;
  color: #fff;
  transition: all 0.4s;
}
.contact-mark a {
    color: #fff;
}
.contact-mark a:hover {
    text-decoration:underline;
}
.contact-mark p {
  font-weight: 300;
  font-size: 12px;
  line-height: 133%;
  max-width: 146px;
}
.contact-mark p strong {
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
}
.contact-mark p + p {
  margin-top: 4px;
}
.contact-mark::before {
  content: "";
  border-radius: 100px;
  width: 484px;
  height: 140px;
  background: var(--main-colors-purple);
  position: absolute;
  transform: rotate(8deg);
  z-index: -1;
  top: -50px;
  left: -250px;
}
@media (max-width: 1366px) {
  .contact-mark::before {
    left: -300px;
    top: -60px;
  }
}
@media (max-width: 1200px) {
  .contact-mark::before {
    left: -300px;
  }
}
.contact-mark::after {
  content: "";
  width: 13px;
  height: 14px;
  position: absolute;
  left: -21px;
  top: 3px;
  background-image: url('data:image/svg+xml,<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2021_655)"><path d="M6.49241 0.5C3.83336 0.5 1.67822 2.61943 1.67822 5.23417C1.67822 7.84868 4.928 13.4733 6.49241 13.4733C8.05726 13.4733 11.307 7.8489 11.307 5.23417C11.3068 2.61943 9.15124 0.5 6.49241 0.5ZM6.49241 7.3718C5.292 7.3718 4.31832 6.41478 4.31832 5.23417C4.31832 4.05355 5.292 3.09632 6.49241 3.09632C7.69326 3.09632 8.66649 4.05333 8.66649 5.23417C8.66649 6.415 7.69326 7.3718 6.49241 7.3718Z" fill="%23FFBC11" /></g><defs><clipPath id="clip0_2021_655"><rect width="13" height="13" fill="white" transform="translate(0 0.5)" /></clipPath></defs></svg>');
}
@media (max-width: 1200px) {
  .contact-mark {
    left: 40px;
    top: 16px;
  }
}
@media (max-width: 992px) {
  .contact-mark {
    display: none;
  }
}

.footer {
  margin-top: 200px;
  padding-bottom: 32px;
  line-height: 150%;
  text-align: center;
  color: var(--bw-white);
  position: relative;
}
.footer__bottom a, .footer__politics a {
  position: relative;
}
.footer__bottom a::after, .footer__politics a::after {
  content: "";
  background: var(--main-colors-yellow);
  height: 1px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: -2px;
  transition: all 0.2s ease-in-out;
}
.footer__bottom a:hover::after, .footer__politics a:hover::after {
  width: 100%;
}
.footer .container {
  max-width: 1400px;
}
.footer .container > svg, .footer .container > img {
  display: none;
  position: absolute;
  top: -455px;
  right: 100px;
}
.new .footer .container > svg, .new .footer .container > img {
  display: block;
}

@media (max-width: 1080px) {
  .footer .container > svg, .footer .container > img {
    right: 6px;
    top: -400px;
  }
}
@media (max-width: 900px) {
  .footer .container > svg, .footer .container > img  {
    width: 100px;
    height: auto;
    top: -230px;
  }
}
@media (max-width: 500px) {
  .footer .container > svg, .footer .container > img  {
    width: 70px;
    top: -160px;
  }
}
.footer::before, .footer::after {
  content: "";
  position: absolute;
}
.footer::before {
  left: 0;
  right: -500px;
  top: -130px;
  height: 500px;
  background: var(--main-colors-purple);
  transform-origin: 0 0;
  transform: rotate(6deg);
  z-index: -2;
}
.footer::after {
  right: 0;
  left: -500px;
  top: -130px;
  height: 700px;
  background: var(--bw-dark-gray);
  transform: rotate(-6deg);
  transform-origin: 100% 0;
  z-index: -1;
}
.footer a {
  color: inherit;
}
.footer__body {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  row-gap: 30px;
}
.footer__logo {
  position: absolute;
  left: 16px;
  top: -200px;
}
.footer__contact-wrapp {
  margin-left: 339px;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  flex: 0 1 37%;
}
.footer__links {
  font-size: 20px;
  display: flex;
  flex-direction: column;
}
.footer__links a + a {
  margin-top: 4px;
}
.footer__social {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.footer__address {
  font-size: 20px;
  display: flex;
  flex-direction: column;
}
.footer__politics {
  padding-bottom: 54px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.footer__politics a + a {
  margin-top: 8px;
}
.footer__politics span {
  font-size: 12px;
  line-height: 133%;
  opacity: 0.5;
  display: none;
}
.footer__bottom {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.footer__bottom span {
  font-size: 12px;
  line-height: 133%;
  opacity: 0.5;
  flex: 0 1 600px;
  text-align: right;
}
@media (max-width: 1200px) {
  .footer__bottom span {
    flex: 0 1 40%;
  }
}
.footer__menu {
  flex: 1;
}
.footer__menu ul {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1180px) {
  .footer__logo {
    top: -85px;
  }
  .footer__logo svg, .footer__logo img {
    width: 200px;
    height: auto;
  }
  .footer__contact-wrapp {
    flex-direction: column;
    gap: 20px;
    margin-left: 220px;
  }
}
@media (max-width: 992px) {
  .footer__body {
    row-gap: 20px;
  }
  .footer__contact-wrapp {
    order: 1;
  }
  .footer__bottom {
    flex: none;
    order: 2;
  }
  .footer__bottom span {
    display: none;
  }
  .footer__menu ul {
    flex-direction: column;
    align-items: flex-end;
  }
  .footer__menu ul li {
    line-height: 117%;
  }
  .footer__menu ul li + li {
    margin-top: 12px;
  }
  .footer__social {
    margin-top: 8px;
    gap: 12px;
  }
  .footer__social a svg, .footer__social a img {
    height: auto;
    width: 24px;
  }
  .footer__politics {
    order: 3;
    flex: 1 1 100%;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .footer__politics span {
    display: block;
    order: 1;
    flex: 1 1 100%;
    text-align: left;
  }
  .footer__politics a + a {
    margin-top: 0;
  }
  .footer__politics a:first-child {
    order: 2;
  }
  .footer__politics a:nth-child(2) {
    order: 3;
    margin-left: auto;
  }
}
@media (max-width: 600px) {
  .footer {
    margin-top: 120px;
    padding-bottom: 70px;
  }
  .footer__logo {
    position: static;
  }
  .footer__logo svg, .footer__logo img {
    width: 75px;
    height: auto;
  }
  .footer__contact-wrapp {
    margin: 0 auto;
  }
  .footer__politics {
    padding-bottom: 0;
  }
  .footer::before {
    top: -60px;
  }
  .footer::after {
    top: -80px;
  }
}
@media (max-width: 510px) {
  .footer .container {
    padding: 0 15px;
  }
  .footer__menu {
    font-size: 12px;
  }
  .footer__politics a, .footer__politics span {
    font-size: 10px;
  }
  .footer__address, .footer__links {
    font-size: 14px;
  }
  .footer::after {
    top: -65px;
  }
}
@media (max-width: 350px) {
  .footer__links, .footer__address {
    font-size: 12px;
  }
}
.hero-main {
  margin-bottom: 30px;
  padding-top: 105px;
}
@media (max-width: 1366px) and (min-width: 993px) {
  .hero-main {
    padding-top: 150px;
  }
}
@media (max-width: 950px) {
  .hero-main {
    margin-top: -105px;
  }
}
@media (max-width: 950px) and (min-width: 520px) {
  .hero-main {
    margin-bottom: 170px;
  }
}
.hero-main .container {
  min-height: 650px;
  position: relative;
  max-width: 891px;
}
@media (max-width: 950px) {
  .hero-main .container {
    min-height: 870px;
  }
}
@media (max-width: 768px) {
  .hero-main .container {
    min-height: 850px;
  }
}
@media (max-width: 450px) {
  .hero-main .container {
    min-height: 770px;
  }
}
@media (max-width: 350px) {
  .hero-main .container {
    min-height: 720px;
  }
}
.hero-main .logo {
  z-index: 2;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
}
@media (max-width: 950px) {
  .hero-main .logo {
    top: 110px;
  }
}
@media (max-width: 600px) {
  .hero-main .logo {
    height: auto;
    width: calc(100% - 32px);
    top: 155px;
  }
}
@media (max-width: 520px) {
  .hero-main .logo {
    top: 95px;
  }
}
.hero-main .background {
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  height: 576px;
}
@media (max-width: 950px) {
  .hero-main .background {
    width: 230vw;
    top: 150px;
  }
}
@media (max-width: 600px) {
  .hero-main .background {
    height: auto;
  }
}
@media (max-width: 520px) {
  .hero-main .background {
    top: 90px;
  }
}
@media (max-width: 480px) {
  .hero-main .background {
    top: 96px;
  }
}
.hero-main .man {
  width: 162px;
  z-index: 2;
  left: 0;
  bottom: 90px;
}
@media (max-width: 950px) {
  .hero-main .man {
    bottom: -5px;
    left: 12px;
  }
}
@media (max-width: 768px) {
  .hero-main .man {
    width: 91px;
    height: auto;
  }
}
@media (max-width: 520px) {
  .hero-main .man {
    bottom: 115px;
  }
}
@media (max-width: 400px) {
  .hero-main .man {
    bottom: 137px;
  }
}
.hero-main .left-top-symbol {
  left: -230px;
  top: 80px;
  z-index: 2;
}
@media (max-width: 1366px) {
  .hero-main .left-top-symbol {
    left: 0;
    top: 20px;
  }
}
@media (max-width: 950px) {
  .hero-main .left-top-symbol {
    width: 120px;
    left: 16px;
  }
}
@media (max-width: 520px) {
  .hero-main .left-top-symbol {
    width: 56px;
  }
}
.hero-main .left-top-symbol2 {
  left: -230px;
  top: 100px;
}
@media (max-width: 1366px) {
  .hero-main .left-top-symbol2 {
    left: 0;
    top: 30px;
  }
}
@media (max-width: 950px) {
  .hero-main .left-top-symbol2 {
    width: 120px;
    left: 16px;
  }
}
@media (max-width: 520px) {
  .hero-main .left-top-symbol2 {
    width: 90px;
    top: 20px;
  }
}
.hero-main .right-top-symbol {
  right: -82px;
  top: 4px;
}
@media (max-width: 950px) {
  .hero-main .right-top-symbol {
    right: 20px;
    bottom: 40px;
    top: auto;
  }
}
@media (max-width: 768px) {
  .hero-main .right-top-symbol {
    width: 96px;
    height: auto;
    bottom: 75px;
  }
}
@media (max-width: 520px) {
  .hero-main .right-top-symbol {
    top: 550px;
  }
}
@media (max-width: 470px) {
  .hero-main .right-top-symbol {
    top: 490px;
  }
}
@media (max-width: 400px) {
  .hero-main .right-top-symbol {
    top: 400px;
    right: 0;
  }
}
.hero-main .right-bottom-symbol {
  bottom: 104px;
  right: -130px;
}
@media (max-width: 1200px) {
  .hero-main .right-bottom-symbol {
    right: -50px;
  }
}
@media (max-width: 950px) {
  .hero-main .right-bottom-symbol {
    display: none;
  }
}
.hero-main .right-bottom-ellipse {
  width: 595px;
  left: 75%;
  transform: rotate(6deg);
  z-index: -1;
  bottom: 0;
}
@media (max-width: 950px) {
  .hero-main .right-bottom-ellipse {
    bottom: 100px;
    left: 60%;
  }
}
@media (max-width: 520px) {
  .hero-main .right-bottom-ellipse {
    top: 410px;
    left: 40%;
  }
}
@media (max-width: 470px) {
  .hero-main .right-bottom-ellipse {
    top: 340px;
  }
}
@media (max-width: 400px) {
  .hero-main .right-bottom-ellipse {
    top: 270px;
    left: 30%;
  }
}
.hero-main__btn-wrapp {
  bottom: -14px;
  left: 0;
  right: 0;
}
@media (min-width: 951px) {
  .hero-main__btn-wrapp {
    gap: 16px;
  }
  .hero-main__btn-wrapp .btn-primary:first-child {
    flex: 0 1 363px;
  }
  .hero-main__btn-wrapp .btn-primary:last-child {
    flex: 1 1;
  }
}
@media (max-width: 950px) {
  .hero-main__btn-wrapp {
    flex-direction: column;
    top: 100%;
    left: 0;
    right: 0;
  }
  .hero-main__btn-wrapp .btn-primary {
    margin: 0 28px 0 16px;
  }
  .hero-main__btn-wrapp .btn-primary + .btn-primary {
    margin-top: 20px;
  }
}
@media (max-width: 520px) {
  .hero-main__btn-wrapp {
    bottom: 0;
    top: auto;
  }
}
@media (max-width: 400px) {
  .hero-main__btn-wrapp {
    bottom: 20px;
  }
  .hero-main__btn-wrapp .btn-primary span {
    padding: 0;
  }
}

.quizzes-section {
  margin-top: 100px;
}
.quizzes-section .container {
  position: relative;
  max-width: 2000px;
}
.quizzes-section__background {
  height: 840px;
  margin: 0 -16px;
  background-color: #19237A;
  background-image: url("../images/icons/gold_grid.svg");
  -webkit-mask-image: url("../images/icons/blue-ellipse.svg");
          mask-image: url("../images/icons/blue-ellipse.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.quizzes-section__wrapp {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  bottom: 100px;
  z-index: 1;
}
@media (max-width: 1360px) {
  .quizzes-section__wrapp {
    left: 16px;
    right: 16px;
  }
}
.quizzes-section__row {
  display: flex;
  justify-content: space-between;
  margin: 25px auto 55px;
  max-width: 1176px;
}
@media (min-width: 1041px) {
  .quizzes-section__row > * {
    flex: 0 1 316px;
  }
}
@media (min-width: 1361px) {
  .quizzes-section__row .quiz:first-child {
    transform: rotate(-9deg);
    transform-origin: 0 0;
  }
  .quizzes-section__row .quiz:last-child {
    transform: rotate(12deg);
    transform-origin: 100% 50%;
  }
  .quizzes-section__row .quiz:first-child.sold::after {
    transform: rotate(9deg);
    transform-origin: 0 0;
    left: 20%;
    }
    .quizzes-section__row .quiz:last-child.sold::after{
        transform: rotate(-12deg);
        transform-origin: 100% 50%;
        left: 20%;
    }
}
.quizzes-section .btn-primary {
  margin: 0 auto;
  max-width: 476px;
}

@media (max-width: 1040px) {
  .quizzes-section__row {
    flex-direction: column;
    gap: 16px;
  }
  .quizzes-section__background {
    height: 1200px;
  }
}
@media (max-width: 520px) {
  .quizzes-section .btn-primary {
    margin-right: 12px;
  }
}
@media (max-width: 500px) {
  .quizzes-section {
    margin-top: 0;
  }
}
@media (max-width: 520px) and (min-width: 360px) {
  .quizzes-section__background {
    height: 1050px;
  }
}
.corporate-section {
  margin-top: -100px;
  padding-bottom: 300px;
  position: relative;
}
.corporate-section .container {
  max-width: 1400px;
}
@media (max-width: 450px) {
  .corporate-section .heading.back.big-left {
    background-image: url('data:image/svg+xml,<svg width="347" height="121" viewBox="0 0 347 121" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.0875128 9.47099L342.979 0.490901L346.587 111.868L27.0116 120.238L2.84226 94.523L0.0875128 9.47099Z" fill="%23F3ECE5" /><path d="M27.0116 120.238L2.84226 94.523L19.4998 86.5L27.0116 120.238Z" fill="%23C4C4C4" /></svg>');
  }
}
@media (max-width: 1550px) {
  .corporate-section {
    padding-bottom: 170px;
  }
}
.corporate-section::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  background-image: url('data:image/svg+xml,<svg width="1440" height="1197" viewBox="0 0 1440 1197" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="732.213" cy="598.712" rx="1617.56" ry="582.951" transform="rotate(-5 732.213 598.712)" fill="%23101011" /></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
}
@media (max-width: 1550px) {
  .corporate-section::after {
    background-size: cover;
  }
}
.corporate-section__head {
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.corporate-section__head .h2 {
  text-align: left;
  color: var(--bw-white);
  font-weight: 500;
  flex: 0 1 560px;
  position: relative;
  z-index: 1;
  margin-bottom: 17px;
}
.corporate-section__head .h2::after {
  content: "";
  background: var(--corporate-page-blue);
  width: 100%;
  height: 2.2em;
  position: absolute;
  left: -5px;
  bottom: -2px;
  z-index: -1;
}
.corporate-section__head svg {
  position: absolute;
  left: 98%;
  top: -5px;
}
@media (max-width: 700px) {
  .corporate-section__head svg {
    width: 90px;
    left: auto;
    right: -45px;
    top: 20px;
  }
}
@media (max-width: 768px) {
  .corporate-section__head {
    flex-direction: column;
  }
  .corporate-section__head .h2 {
    font-size: 24px;
  }
  .corporate-section__head .h2, .corporate-section__head .corporate-section__col {
    flex: auto;
  }
}
.corporate-section__col {
  flex: 0 1 580px;
}
.corporate-section__col p {
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--bw-white);
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .corporate-section__col p {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
.corporate-section__col .btn {
  max-width: 458px;
}
@media (max-width: 768px) {
  .corporate-section__col .btn {
    max-width: none;
    margin-right: 12px;
  }
}
.corporate-section__col .btn + .btn {
  margin: 20px 12px 0 0;
}
.corporate-section__photo-grid {
  margin-top: 81px;
  display: grid;
  grid-template: auto/repeat(6, 208px);
  gap: 24px;
  position: relative;
}
@media (max-width: 1410px) {
  .corporate-section__photo-grid {
    grid-template: auto/repeat(3, 1fr);
  }
  .corporate-section__photo-grid > *:nth-child(1), .corporate-section__photo-grid > *:nth-child(2), .corporate-section__photo-grid > *:nth-child(3) {
    display: none;
  }
  .corporate-section__photo-grid > *:nth-child(4) {
    z-index: 1;
  }
}
@media (max-width: 700px) {
  .corporate-section__photo-grid {
    margin-top: 50px;
    grid-template: auto/repeat(2, 1fr);
    gap: 15px;
  }
  .corporate-section__photo-grid > * {
    aspect-ratio: 1/1;
  }
  .corporate-section__photo-grid > *:nth-child(6), .corporate-section__photo-grid > *:nth-child(7) {
    display: none;
  }
}
.corporate-section__photo-grid img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.corporate-section__photo-grid img:first-child {
  grid-area: span 2/span 2;
  z-index: 2;
  position: relative;
}
.corporate-section__photo-grid div {
  border: 1px solid var(--bw-gray);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}
.corporate-section__photo-grid div p {
  font-size: 16px;
  line-height: 125%;
  text-transform: uppercase;
  color: var(--bw-white);
}
.corporate-section__photo-grid div p span {
  color: var(--color, var(--corporate-page-pink));
  display: block;
}
@media (max-width: 500px) {
  .corporate-section__photo-grid div {
    padding: 0;
  }
  .corporate-section__photo-grid div p {
    max-width: 60%;
    font-size: 12px;
  }
}
.corporate-section__photo-grid svg {
  position: absolute;
  top: -200px;
  left: -200px;
}
@media (max-width: 700px) {
  .corporate-section__photo-grid svg {
    width: 193px;
    left: -80px;
    top: -150px;
  }
}

.bday-section {
  padding-top: 300px;
  margin-top: -350px;
  position: relative;
  padding-bottom: 365px;
  position: relative;
}
@media (max-width: 768px) {
  .bday-section {
    padding-top: 50px;
    margin-top: -150px;
  }
}
.bday-section::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--birthday-page-orange);
  z-index: -3;
}
.bday-section .container {
  max-width: 1368px;
}
.bday-section .heading {
  position: relative;
}
.bday-section .heading svg, .bday-section .heading img {
  position: absolute;
  right: 71px;
  top: -30px;
}
@media (max-width: 768px) {
  .bday-section .heading svg, .bday-section .heading img {
    width: 52px;
    height: auto;
    top: 10px;
    right: 15px;
  }
}
@media (max-width: 450px) {
  .bday-section .heading svg, .bday-section .heading img {
    top: -20px;
  }
}
.bday-section__body {
  margin-top: 87px;
  display: flex;
  justify-content: space-between;
  gap: 47px;
}
@media (max-width: 768px) {
  .bday-section__body {
    margin-top: 28px;
    gap: 32px;
  }
}
.bday-section__col {
  flex: 0 1 524px;
}
.bday-section__col .btn {
  margin: 40px 0 0 7px;
  max-width: 481px;
}
@media (max-width: 768px) {
  .bday-section__col .btn {
    margin: 16px 0 0;
  }
}
.bday-section__img-wrapp {
  margin-top: -45px;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.bday-section__img-wrapp img {
  max-width: 410px;
}
@media (max-width: 450px) {
  .bday-section__img-wrapp img:first-child {
    margin-left: 20px;
  }
}
.bday-section__img-wrapp img:nth-child(2) {
  margin-left: auto;
  margin-top: -120px;
}
@media (max-width: 1200px) {
  .bday-section__img-wrapp img:nth-child(2) {
    margin-top: -50px;
  }
}
@media (max-width: 450px) {
  .bday-section__img-wrapp img:nth-child(2) {
    width: 233px;
    height: 160px;
  }
}
.bday-section__img-wrapp img:nth-child(3) {
  margin-top: -120px;
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .bday-section__img-wrapp img:nth-child(3) {
    margin-top: -50px;
  }
}
@media (max-width: 450px) {
  .bday-section__img-wrapp img:nth-child(3) {
    margin-left: 0;
  }
}
.bday-section__img-wrapp > svg {
  position: absolute;
}
.bday-section__img-wrapp .baloon {
  top: 15px;
  left: 390px;
}
@media (max-width: 580px) {
  .bday-section__img-wrapp .baloon {
    width: 50px;
    height: auto;
    left: -15px;
    top: 240px;
  }
}
@media (max-width: 450px) {
  .bday-section__img-wrapp .baloon {
    top: 120px;
  }
}
.bday-section__text-wrapp {
  background: var(--bw-white);
  padding: 40px 32px;
}
.bday-section__text-wrapp h1, .bday-section__text-wrapp h2, .bday-section__text-wrapp h3, .bday-section__text-wrapp h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 112%;
  text-transform: uppercase;
  color: var(--bw-black);
  margin-bottom: 80px;
}
.bday-section__text-wrapp h1 span, .bday-section__text-wrapp h2 span, .bday-section__text-wrapp h3 span, .bday-section__text-wrapp h4 span {
  color: var(--birthday-page-orange);
  display: block;
}
.bday-section__text-wrapp ul li {
  display: flex;
  gap: 10px;
}
.bday-section__text-wrapp ul li span,
.bday-section__text-wrapp ul li div {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-transform: uppercase;
  color: var(--bw-black);
}
.bday-section__text-wrapp ul li + li {
  margin-top: 4px;
}
.bday-section > svg {
  position: absolute;
}
.bday-section .eyes {
  right: 60px;
  bottom: 250px;
}
@media (max-width: 530px) {
  .bday-section .eyes {
    width: 51px;
    height: auto;
    right: 30px;
  }
}
@media (max-width: 450px) {
  .bday-section .eyes {
    bottom: 300px;
    right: 16px;
  }
}
.bday-section .loop1 {
  left: 110px;
  bottom: 270px;
  z-index: -1;
}
@media (max-width: 992px) {
  .bday-section .loop1 {
    width: 130px;
    height: auto;
    right: 0;
    left: auto;
    bottom: 52%;
  }
}
@media (max-width: 768px) {
  .bday-section .loop1 {
    bottom: 60%;
  }
}
.bday-section .loop2 {
  right: 140px;
  bottom: 285px;
  z-index: -1;
}
@media (max-width: 992px) {
  .bday-section .loop2 {
    width: 144px;
    height: auto;
    bottom: 305px;
    right: auto;
    left: -20px;
  }
}
.bday-section .loop3 {
  right: 0;
  top: 400px;
  z-index: -1;
}
@media (max-width: 992px) {
  .bday-section .loop3 {
    top: auto;
    bottom: 850px;
    width: 75px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .bday-section .loop3 {
    bottom: 900px;
  }
}
@media (max-width: 450px) {
  .bday-section .loop3 {
    bottom: 560px;
  }
}
.bday-section .star1 {
  left: 50px;
  top: 420px;
}
@media (max-width: 768px) {
  .bday-section .star1 {
    width: 48px;
    height: auto;
    top: 180px;
    left: 30px;
  }
}
.bday-section .star2 {
  left: 66px;
  top: 520px;
  z-index: -1;
}
@media (max-width: 768px) {
  .bday-section .star2 {
    width: 24px;
    height: 24px;
    left: 95px;
    top: 200px;
  }
}

@media (max-width: 1000px) {
  .bday-section__body {
    flex-direction: column;
  }
  .bday-section__col {
    flex: none;
  }
  .bday-section__col .btn {
    max-width: 100%;
    margin-right: 12px;
  }
  .bday-section__img-wrapp {
    margin-top: 0;
  }
}
@media (max-width: 450px) {
  .bday-section {
    padding-bottom: 290px;
  }
  .bday-section__text-wrapp {
    padding: 28px 20px;
  }
  .bday-section__text-wrapp h1, .bday-section__text-wrapp h2, .bday-section__text-wrapp h3, .bday-section__text-wrapp h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .bday-section__text-wrapp ul svg {
    width: 22px;
    height: auto;
  }
  .bday-section__text-wrapp ul li span,
  .bday-section__text-wrapp ul li div {
    font-size: 16px;
  }
  .bday-section__text-wrapp ul li + li {
    margin-top: 4px;
  }
  .bday-section__img-wrapp img {
    width: 256px;
    height: 170px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.how {
  padding-top: 20px;
  padding-bottom: 120px;
  margin-top: -245px;
  position: relative;
}
.how::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  background-image: url('data:image/svg+xml,<svg width="1440" height="1436" viewBox="0 0 1440 1436" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="1290.56" cy="691.484" rx="1290.56" ry="691.484" transform="matrix(-0.984808 -0.173648 -0.173648 0.984808 2137.07 261.208)" fill="%23006F76" /></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
}
@media (max-width: 1200px) {
  .how::before {
    background-size: cover;
  }
}
.how .container {
  max-width: 1312px;
}
.how__body {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .how__body {
    flex-direction: column;
    gap: 60px;
  }
}
@media (max-width: 600px) {
  .how__body {
    gap: 20px;
    margin-top: 10px;
  }
}
.how__img-wrapp {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1200px) {
  .how__img-wrapp {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 950px) {
  .how__img-wrapp > :not(.mob-svg) {
    transform: scale(0.7);
  }
}
@media (max-width: 900px) {
  .how__img-wrapp > :not(.mob-svg) {
    display: none;
  }
}
.how__img-wrapp .mob-svg {
  display: none;
}
@media (max-width: 900px) {
  .how__img-wrapp .mob-svg {
    display: block;
  }
}
.how__photos {
  margin-top: 70px;
}
@media (max-width: 1200px) {
  .how__photos {
    margin-top: 150px;
  }
}
@media (max-width: 992px) {
  .how__photos {
    margin-top: 70px;
  }
}
.how__photos .heading {
  position: relative;
}
.how__photos .heading svg {
  position: absolute;
  right: 120px;
  top: -60px;
}
@media (max-width: 992px) {
  .how__photos .heading svg {
    right: 20px;
  }
}
@media (max-width: 800px) {
  .how__photos .heading svg {
    width: 67px;
    height: auto;
    top: -10px;
    right: 5px;
  }
}
@media (max-width: 370px) {
  .how__photos .heading svg {
    width: 50px;
  }
}
.how__photos .btn {
  max-width: 405px;
  margin: 40px auto 0;
}
.how__photo-wrapp {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 450px) {
  .how__photo-wrapp {
    margin-top: 20px;
  }
}
.how__photo-wrapp div {
  position: relative;
}
.how__photo-wrapp div img {
  width: 407px;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
}
.how__photo-wrapp div span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-weight: 500;
  font-size: 37px;
  line-height: 110%;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.how__photo-wrapp div::before, .how__photo-wrapp div::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: 0 0;
}
.how__photo-wrapp div::before {
  z-index: -1;
  background-image: url('data:image/svg+xml,<svg width="395" height="277" viewBox="0 0 395 277" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H395L384.728 266.238L0 277V0Z" fill="%23592472" /></svg>');
}
.how__photo-wrapp div::after {
/*   background-color: rgba(0, 0, 0, 0.4); */
  /* background-image: url('data:image/svg+xml,<svg width="392" height="267" viewBox="0 0 392 267" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M12.0054 36.9536L391.565 14.2582L347.201 228.384L168.266 266.374V219.01L50.9472 235.292L12.0054 36.9536Z" fill="%23FFBC11" /><path d="M334.412 213.752L157.186 251.379V205.158V204.095L156.133 204.241L39.6815 220.402L1.11237 23.962L378.408 1.40197L334.412 213.752Z" stroke="%23FFBC11" stroke-width="1.85137" /></svg>'); */
}
.how__photo-wrapp a:first-child div {
  transform: rotate(-3deg);
}
.how__photo-wrapp a:first-child div::before {
  transform: rotate(3deg);
}
.how__photo-wrapp a:nth-child(2) div {
  transform: rotate(4deg);
  background-image: url('data:image/svg+xml,<svg width="393" height="275" viewBox="0 0 393 275" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.807129 0.282227H392.372L382.19 263.64L0.807129 274.285V0.282227Z" fill="%23592472" /></svg>');
}
.how__photo-wrapp a:nth-child(2) div::before {
  height: 274px;
  transform: translateY(5px) rotate(-3deg);
}
.how__photo-wrapp a:last-child div {
  background-image: url('data:image/svg+xml,<svg width="393" height="275" viewBox="0 0 393 275" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.807129 0.282227H392.372L382.19 263.64L0.807129 274.285V0.282227Z" fill="%23592472" /></svg>');
  transform: rotate(-5deg);
}
.how__photo-wrapp a:last-child div::before {
  height: 274px;
  top: -20px;
  transform: translateY(5px) rotate(3deg);
}

@media (max-width: 1300px) {
  .how__photo-wrapp {
    justify-content: center;
  }
}
@media (max-width: 900px) {
  .how__photo-wrapp {
    gap: 40px;
  }
}
@media (max-width: 450px) {
  .how {
    padding-bottom: 20px;
  }
  .how__photo-wrapp {
    gap: 24px;
  }
  .how__photo-wrapp div img {
    width: 100%;
    height: 210px;
  }
  .how__photo-wrapp a:nth-child(2) div::before, .how__photo-wrapp a:nth-child(3) div::before {
    height: 220px;
  }
  .how__photos .btn {
    margin-right: 12px;
    margin-top: 50px;
  }
}
.reviews {
  position: relative;
  padding: 75px 0 50px;
}
@media (max-width: 450px) {
  .reviews {
    padding: 25px 0 20px;
  }
}
.reviews .container {
  max-width: 950px;
}
.reviews__heading {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  background-image: url('data:image/svg+xml,<svg width="941" height="173" viewBox="0 0 941 173" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M165.5 12.0005L19 0L0 68L142.5 116.5L302.893 108.952L294.5 161.5L350.862 108.5H353.5L419.368 112.83L426.5 149L439.266 114.138L572.072 122.868L624.852 172.5L606.737 124.714L941 82L932 0H785.5L627.5 12.0005L375.5 0L165.5 12.0005Z" fill="%23FFBC11" /></svg>');
}
.reviews__heading h1, .reviews__heading h2, .reviews__heading h3 {
  padding: 40px 0 90px;
}
@media (max-width: 500px) {
  .reviews__heading h1, .reviews__heading h2, .reviews__heading h3 {
    padding: 40px 0 59px;
  }
}
@media (max-width: 425px) {
  .reviews__heading h1, .reviews__heading h2, .reviews__heading h3 {
    padding: 20px 0 40px;
  }
}
@media (max-width: 700px) {
  .reviews__heading {
    background-image: url('data:image/svg+xml,<svg width="339" height="78" viewBox="0 0 339 78" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M59.6222 5.47222L6.84485 0L0 31.008L51.3363 53.124L109.521 49.6582L105.629 74.0281L131.381 49.8114L149.6 51.3273L153.188 69.5242L159.548 52.1551L200.831 55.5902L224.652 77.9911L216.66 56.9073L217.774 57L339 37.392L335.758 0H282.98L226.06 5.47222L135.276 0L59.6222 5.47222Z" fill="%23FFBC11" /></svg>');
  }
}
.reviews__slider {
  max-width: 750px;
  padding-bottom: 9px;
  padding-right: 9px;
}
@media (max-width: 768px) {
  .reviews__slider {
    max-width: 360px;
  }
}
.reviews__slide {
  min-height: 199px;
  position: relative;
  height: auto;
  padding: 40px 24px;
}
.reviews__slide::before, .reviews__slide::after {
  content: "";
  position: absolute;
  background-size: cover;
}
.reviews__slide::before {
  width: 100%;
  height: 100%;
  right: -9px;
  bottom: -9px;
  z-index: -2;
  background-image: url('data:image/svg+xml,<svg width="357" height="196" viewBox="0 0 357 196" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H356.97V196H31.5858L0 174.222V0Z" fill="%23EA2424" /></svg>');
}
.reviews__slide::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('data:image/svg+xml,<svg width="359" height="199" viewBox="0 0 359 199" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H358.975V199H43.6185L0 169.264V0Z" fill="%23F3ECE5" /></svg>');
  z-index: -1;
}
.reviews__text-wrapp {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.reviews__text-wrapp p {
  line-height: 125%;
  color: var(--bw-black);
}
.reviews__text-wrapp span {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  text-align: right;
  color: var(--bw-black);
}
.reviews__text-wrapp::after {
  content: "";
  left: 0;
  bottom: 7px;
  width: 44px;
  height: 37px;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="44" height="37" viewBox="0 0 44 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.6185 37L22.5613 0L0 7.5L43.6185 37Z" fill="%23C4C4C4" /></svg>');
}
.reviews__control {
  cursor: pointer;
}
.reviews__control:hover rect {
  opacity: 0.9;
}
.reviews__slider-wrapper {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 520px) {
  .reviews__slider-wrapper {
    justify-content: center;
  }
  .reviews__slider {
    flex: 1 1 100%;
    margin: 0 40px 12px;
  }
  .reviews__prev {
    order: 2;
    margin-left: auto;
    margin-right: 6px;
  }
  .reviews__next {
    order: 3;
    margin-right: auto;
    margin-left: 6px;
  }
}
@media (max-width: 425px) {
  .reviews__slider {
    margin: 0 0 12px;
  }
  .reviews__text-wrapp p {
    font-size: 14px;
  }
  .reviews__text-wrapp span {
    font-size: 18px;
  }
}
.contacts {
  padding-top: 40px;
  margin-bottom: 272px;
}
@media (max-width: 425px) {
  .contacts {
    padding-top: 20px;
  }
}
.contacts .container {
  max-width: 1300px;
}
.contacts__body {
  position: relative;
  padding: 65px 65px 120px;
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
@media (max-width: 992px) {
  .contacts__body {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .contacts__body {
    padding: 12px 12px 110px;
    gap: 20px;
  }
}
.contacts__body::before, .contacts__body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.contacts__body::before {
  background: var(--main-colors-purple);
  transform: rotate(3deg);
  z-index: -3;
  right: 35px;
}
.contacts__body::after {
  z-index: -2;
  background: var(--main-colors-blue);
  transform: rotate(-2deg);
}
.contacts__img-wrapp {
  flex: 0 1 640px;
  display: grid;
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 60px;
  grid-template: 1fr/1fr 1fr;
}
@media (max-width: 1200px) {
  .contacts__img-wrapp {
    flex: 0 1 440px;
  }
}
@media (max-width: 768px) {
  .contacts__img-wrapp {
    transform: scale(0.85);
    flex: none;
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 48px;
  }
}
.contacts__img-wrapp div {
  position: relative;
}
.contacts__img-wrapp div:first-child {
  grid-area: span 2/span 2;
}
.contacts__img-wrapp div:first-child img {
  transform: translate(-15px, 20px) rotate(-2deg);
}
.contacts__img-wrapp div:first-child::after {
  left: -15px;
  transform: translate(10px, -5px) rotate(-3deg);
}
.contacts__img-wrapp div:nth-child(2) img {
  transform: translate(5px, -10px) rotate(-2deg);
}
.contacts__img-wrapp div:nth-child(2)::after {
  transform: translate(10px, -5px) rotate(-3deg);
}
.contacts__img-wrapp div:last-child img {
  transform: translate(10px, -5px) rotate(2deg);
}
.contacts__img-wrapp div:last-child::after {
  right: 10px;
  transform: translate(10px, -5px) rotate(-3deg);
}
.contacts__img-wrapp div::before, .contacts__img-wrapp div::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.contacts__img-wrapp div::before {
  background: #000;
  z-index: 0;
}
.contacts__img-wrapp div::after {
  border: 2px solid var(--bw-light-beige);
}
.contacts__img-wrapp img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  position: relative;
}
.contacts__text-wrapp {
  flex: 1;
}
.contacts__heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--bw-white);
  position: relative;
  z-index: 1;
  padding: 8px 24px;
}
@media (min-width: 993px) {
  .contacts__heading {
    padding-right: 45px;
    margin-right: -90px;
  }
}
.contacts__heading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--main-colors-red);
  z-index: -1;
}
@media (max-width: 768px) {
  .contacts__heading {
    font-size: 14px;
    padding: 12px;
  }
}
.contacts__faq {
  margin-top: 26px;
}
.contacts__faq div + div {
  margin-top: 32px;
}
.contacts__faq div:nth-child(even) span::after {
  transform: rotate(-3deg);
}
.contacts__faq div p {
  padding-left: 35px;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--bw-white);
}
.contacts__faq div p a {
  color: inherit;
}
.contacts__faq div p + p {
  margin-top: 8px;
}
.contacts__faq span {
  font-weight: 600;
  font-size: 26px;
  line-height: 115%;
  color: var(--bw-black);
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 10px 7px;
  margin-bottom: 25px;
}
.contacts__faq span::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--main-colors-yellow);
  transform: rotate(3deg);
  position: absolute;
  z-index: -1;
}
.contacts__map-wrapp {
  position: absolute;
  right: 0;
  top: calc(100% - 90px);
}
.contacts__map-wrapp::after {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  background: var(--main-colors-yellow);
  transform: rotate(-3deg);
}
@media (max-width: 600px) {
  .contacts__map-wrapp {
    left: 0;
  }
  .contacts__map-wrapp iframe {
    width: 100%;
    height: 214px;
  }
}

@media (max-width: 768px) {
  .contacts {
    margin-bottom: 125px;
  }
  .contacts__body::after {
    transform: rotate(-2deg) skewY(-2deg);
    left: 15px;
    right: 10px;
  }
  .contacts__body::before {
    transform: rotate(2deg) skewY(2deg);
    right: 20px;
    left: 12px;
  }
  .contacts__text-wrapp {
    padding: 0 8px;
  }
  .contacts__map-wrapp {
    left: 25px;
  }
}
@media (max-width: 600px) {
  .contacts__img-wrapp {
    transform: scale(0.8) translateX(-10px);
  }
  .contacts__body {
    gap: 0;
  }
  .contacts__faq span {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .contacts__faq div p {
    font-size: 16px;
  }
  .contacts__faq div:nth-child(2) {
    margin-right: -11px;
  }
}
.hero-franchise {
  position: relative;
}
.hero-franchise .container {
  max-width: 1152px;
  position: relative;
}
.hero-franchise .container svg, .hero-franchise .container img {
  position: absolute;
  right: -80px;
  top: -50px;
  z-index: -2;
}
@media (min-width: 992px) {
  .hero-franchise__body .heading {
    transform: translateX(50px);
  }
}
.hero-franchise__desc {
  position: relative;
  margin: -30px 0 -20px;
  padding: 50px 70px;
  text-align: center;
}
.hero-franchise__desc p {
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  color: var(--bw-white);
}
.hero-franchise__desc::after {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: var(--main-colors-red);
  transform: rotate(178deg);
  z-index: -1;
}
.hero-franchise .btn {
  margin: 0 auto;
  max-width: 363px;
}
.hero-franchise::before {
  content: "";
  background: var(--main-colors-dark-purple);
  transform: rotate(-176deg);
  position: absolute;
  top: -200px;
  left: -200px;
  right: -200px;
  bottom: 60px;
  z-index: -2;
}

@media (max-width: 850px) {
    .hero-franchise__desc p{
        display: inline;
    }
}

@media (max-width: 600px) {
  .hero-franchise__desc {
    padding: 25px 10px;
  }
  .hero-franchise__desc p {
    font-size: 16px;
  }
  .hero-franchise .btn {
    margin-top: 40px;
  }
  .hero-franchise .container svg, .hero-franchise .container img {
    width: 96px;
    height: auto;
    right: -42px;
    top: 45px;
  }
}
@media (max-width: 400px) {
  .hero-franchise .heading h1, .hero-franchise .heading .h1 {
    padding: 50px 20px;
  }
  .hero-franchise::before {
    bottom: 75px;
  }
}
.more {
  margin-top: 56px;
  background-image: url("../images/icons/more-ellepse.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 20px 0 400px;
  position: relative;
}
.more .container {
  max-width: 912px;
}
.more__top {
  background-image: url('data:image/svg+xml,<svg width="672" height="392" viewBox="0 0 672 392" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.309879 392H672V0.183613L117.918 0L0 42.7993L0.309879 392Z" fill="%23006F76" /><path d="M117.918 0L0.300727 42.7164L42.074 69.7373L117.918 0Z" fill="%2300A59B" /></svg>');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 40px 60px;
  min-height: 392px;
}
.more__top > * {
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 650px) {
  .more__top > * {
    max-width: 342px;
  }
}
.more__top span {
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  text-align: center;
  color: var(--main-colors-yellow);
  display: inline-block;
}
.more__top p {
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--bw-white);
  margin-top: 12px;
}
.more__top p + span {
  margin-top: 36px;
}
@media (max-width: 650px) {
  .more__top {
    padding: 75px 0 0;
    background-image: url('data:image/svg+xml,<svg width="343" height="393" viewBox="0 0 343 393" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.300779 392.816H343V1.00002L112.918 0.816406L0.300781 43.7164L0.300779 392.816Z" fill="%23006F76" /><path d="M112.918 0.816406L0.300781 43.7164L42.0741 70.7374L112.918 0.816406Z" fill="%2300A59B" /></svg>');
  }
  .more__top span {
    font-size: 20px;
  }
  .more__top p {
    font-size: 16px;
  }
}
.more__bottom {
  background-image: url('data:image/svg+xml,<svg width="898" height="610" viewBox="0 0 898 610" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.2841 409.585C21.4632 414.713 17.8608 419.163 12.8533 419.338L13.466 436.883C18.2217 436.717 22.3681 440.626 22.5566 446.024C22.7357 451.153 19.1333 455.603 14.1258 455.778L14.7384 473.322C19.4941 473.156 23.6405 477.065 23.829 482.463C24.0081 487.592 20.4058 492.042 15.3983 492.217L16.0109 509.761C20.7666 509.595 24.9225 513.774 25.1015 518.903C25.2806 524.031 21.6782 528.481 16.6707 528.656L17.274 545.931C22.0297 545.764 26.1855 549.943 26.3646 555.072C26.5437 560.201 22.9413 564.65 17.9338 564.825L18.4051 578.321C34.9289 577.744 48.9544 591.848 49.5765 609.663L868.961 581.049C868.338 563.234 881.347 548.187 897.869 547.61L897.388 533.844C892.632 534.01 888.485 530.101 888.297 524.702C888.118 519.574 891.982 515.385 896.738 515.219L896.125 497.674C891.369 497.841 887.222 493.931 887.034 488.533C886.855 483.405 890.459 478.955 895.465 478.78L894.853 461.235C890.097 461.401 885.95 457.492 885.761 452.094C885.582 446.965 889.186 442.516 894.193 442.341L893.58 424.796C888.824 424.962 884.677 421.053 884.489 415.655C884.31 410.526 887.914 406.076 892.92 405.901L892.308 388.357C887.552 388.523 883.405 384.614 883.216 379.216C883.037 374.087 886.641 369.637 891.648 369.462L891.163 355.569C886.407 355.736 882.26 351.826 882.071 346.428C881.892 341.3 885.756 337.111 890.512 336.945L889.9 319.4C885.144 319.566 880.997 315.657 880.808 310.259C880.629 305.13 884.233 300.681 889.24 300.506L888.627 282.961C883.871 283.127 879.724 279.218 879.536 273.82C879.357 268.691 882.961 264.241 887.967 264.067L887.355 246.522C882.599 246.688 878.452 242.779 878.263 237.381C878.084 232.252 881.688 227.802 886.695 227.627L886.082 210.082C881.349 210.248 877.219 206.376 876.994 201.018C876.854 195.922 880.703 191.772 885.437 191.607L884.824 174.062C880.068 174.228 875.922 170.319 875.733 164.921C875.554 159.793 879.158 155.343 884.165 155.168L883.552 137.623C878.796 137.789 874.649 133.88 874.461 128.482C874.281 123.353 877.886 118.904 882.892 118.729L882.279 101.184C877.523 101.35 873.377 97.441 873.188 92.0426C873.009 86.9139 876.613 82.464 881.62 82.2891L881.007 64.7445C876.251 64.9106 872.104 61.0014 871.916 55.6045C871.736 50.4759 875.341 46.0265 880.347 45.8516L879.867 32.0864C863.345 32.6633 849.318 18.5598 848.696 0.742807L29.3117 29.3563C29.9339 47.1733 16.9265 62.2209 0.402617 62.7979L0.883312 76.5632C5.65782 76.9356 9.80413 80.8422 9.98323 85.9709C10.1624 91.1011 6.55999 95.551 1.55249 95.7258L2.16518 113.271C6.92088 113.105 11.0673 117.014 11.2558 122.412C11.4349 127.541 7.83249 131.991 2.82498 132.165L3.43765 149.71C8.19336 149.544 12.3397 153.453 12.5283 158.851C12.7074 163.98 9.10497 168.43 4.09746 168.604L4.71013 186.149C9.46584 185.983 13.6217 190.162 13.8008 195.291C13.9798 200.419 10.3774 204.869 5.36994 205.044L5.97319 222.318C10.7047 222.153 14.8446 226.292 15.0613 231.387C15.2053 236.483 11.6111 240.89 6.6278 241.064L7.24049 258.609C11.9962 258.443 16.1426 262.352 16.3311 267.75C16.5102 272.879 12.9078 277.329 7.9003 277.503L8.51297 295.048C13.2687 294.882 17.4151 298.791 17.6036 304.189C17.7827 309.318 14.1803 313.768 9.17278 313.942L9.78545 331.487C14.5412 331.321 18.697 335.5 18.8761 340.629C19.0552 345.757 15.4528 350.207 10.4453 350.381L11.0485 367.656C15.8042 367.49 19.96 371.669 20.1391 376.798C20.2953 381.271 17.5727 385.227 13.5559 386.282C12.9423 386.344 12.3232 386.386 11.7033 386.408L12.184 400.174C16.9586 400.548 21.105 404.457 21.2841 409.585Z" fill="%2319237A" /></svg>');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 610px;
  padding: 74px 40px 0 50px;
  margin-top: -180px;
  position: relative;
}
.more__bottom::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.more__bottom > * {
  margin: 0 auto;
}
.more__bottom p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  text-transform: uppercase;
  color: var(--main-colors-yellow);
  color: var(--bw-white);
  max-width: 803px;
}
.more__bottom > span {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 25px auto;
  padding: 25px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  text-align: center;
  color: var(--bw-black);
  background-image: url('data:image/svg+xml,<svg width="648" height="84" viewBox="0 0 648 84" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M647.865 0L0 5.48446e-05L7.1322e-06 83.9124L597.352 83.9932L648 65.1418L647.865 0Z" fill="%23FFBC11" /><path d="M596.704 84L647.869 65.1784L629.928 53.2767L596.704 84Z" fill="%23F3ECE5" /></svg>');
}
.more__photo-wrapp {
  display: flex;
  justify-content: space-between;
  margin: 0 -90px;
}
.more__photo-wrapp img {
  max-width: 290px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.more__photo-wrapp div {
  position: relative;
}
.more__photo-wrapp div::before, .more__photo-wrapp div::after {
  content: "";
  position: absolute;
}
.more__photo-wrapp div::before {
  background: #592472;
  width: 102%;
  height: 102%;
  z-index: -2;
}
.more__photo-wrapp div::after {
  border: 2px solid var(--main-colors-yellow);
  width: 102%;
  height: 102%;
  z-index: -1;
}
.more__photo-wrapp div:first-child {
  transform: rotate(-4deg);
}
.more__photo-wrapp div:first-child::before {
  top: 15px;
  left: -10px;
  transform: rotate(2deg) skewY(2deg);
}
.more__photo-wrapp div:first-child::after {
  top: -10px;
  left: 10px;
  width: 95%;
  height: 110%;
  transform: rotate(0deg);
}
.more__photo-wrapp div:nth-child(2) {
  transform: rotate(2deg) translateY(35px);
}
.more__photo-wrapp div:nth-child(2)::before {
  left: 5px;
  top: 10px;
  transform-origin: 0 0;
  transform: rotate(-4deg);
}
.more__photo-wrapp div:nth-child(2)::after {
  top: -15px;
  left: -10px;
  transform: rotate(-2deg);
}
.more__photo-wrapp div:last-child {
  transform: rotate(4deg);
}
.more__photo-wrapp div:last-child::before {
  height: 110%;
  width: 105%;
  left: -20px;
  bottom: -20px;
  transform-origin: 0 0;
  transform: rotate(-4deg);
}
.more__photo-wrapp div:last-child::after {
  left: -20px;
  top: -15px;
  transform: rotate(-4deg);
}
.more > svg, .more > img {
  position: absolute;
  left: -80px;
  top: 400px;
}
@media (max-width: 650px) {
  .more > svg, .more > img {
    width: 150px;
    height: auto;
    scale: 1 !important;
    top: 200px;
    z-index: 2;
  }
}
.more .container {
  position: relative;
}
.more .container > svg, .more .container > img {
  position: absolute;
  right: -80px;
  top: 30px;
  z-index: 1;
}
.more + section {
  z-index: 2;
  margin-top: -300px;
}
@media (max-width: 768px) {
  .more {
    background-size: 400% 100%;
    margin-top: 30px;
  }
}

@media (max-width: 1040px) {
  .more__photo-wrapp {
    justify-content: center;
  }
  .more__photo-wrapp div:first-child {
    display: none;
  }
  .more__photo-wrapp div:nth-child(2) {
    order: 1;
    margin-left: -50px;
  }
}
@media (max-width: 920px) {
  .more__bottom {
    height: 550px;
  }
  .more__bottom p {
    font-size: 16px;
  }
  .more__photo-wrapp div:last-child::before {
    transform: rotate(-2deg);
    left: -10px;
    bottom: -9px;
  }
  .more__photo-wrapp div:last-child::after {
    left: -10px;
    top: -10px;
  }
  .more__photo-wrapp div:nth-child(2) {
    margin-left: -20px;
    transform: translateY(80px);
  }
  .more__photo-wrapp div:nth-child(2)::before {
    transform: rotate(-4deg);
    left: 6px;
    top: 13px;
  }
  .more__photo-wrapp div:nth-child(2)::after {
    left: -4px;
    top: -9px;
    transform: rotate(1deg);
  }
  .more__photo-wrapp img {
    max-width: 156px;
    height: 111px;
  }
}
@media (max-width: 850px) {
  .more__bottom {
    margin-top: -120px;
  }
}
@media (max-width: 768px) {
  .more__top p + span {
    margin-top: 28px;
  }
  .more__bottom {
    height: 610px;
    background-image: url('data:image/svg+xml,<svg width="342" height="610" viewBox="0 0 342 610" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.2843 409.584C21.4634 414.712 17.861 419.162 12.8535 419.337L13.4662 436.882C18.2219 436.716 22.3683 440.624 22.5568 446.023C22.7359 451.151 19.1335 455.601 14.126 455.776L14.7387 473.321C19.4944 473.155 23.6408 477.063 23.8293 482.462C24.0084 487.591 20.406 492.04 15.3985 492.215L16.0112 509.76C20.7669 509.594 24.9227 513.773 25.1018 518.901C25.2809 524.03 21.6785 528.479 16.671 528.654L17.2742 545.929C22.0299 545.763 26.1858 549.942 26.3649 555.071C26.544 560.199 22.9416 564.649 17.9341 564.824L18.4053 578.32C34.9292 577.743 48.9546 591.846 49.5767 609.661L312.961 581.048C312.339 563.233 325.348 548.185 341.87 547.608L341.389 533.842C336.633 534.008 332.486 530.1 332.298 524.701C332.119 519.573 335.983 515.384 340.739 515.218L340.126 497.673C335.37 497.839 331.223 493.93 331.035 488.532C330.856 483.404 334.46 478.954 339.466 478.779L338.854 461.234C334.097 461.4 329.951 457.491 329.762 452.092C329.583 446.963 333.187 442.514 338.194 442.339L337.581 424.794C332.825 424.96 328.678 421.052 328.49 415.653C328.311 410.524 331.915 406.074 336.921 405.9L336.309 388.355C331.552 388.521 327.406 384.612 327.217 379.214C327.038 374.085 330.642 369.635 335.649 369.461L335.164 355.568C330.407 355.734 326.261 351.825 326.072 346.426C325.893 341.298 329.757 337.109 334.513 336.943L333.901 319.399C329.144 319.565 324.998 315.655 324.809 310.257C324.63 305.129 328.234 300.679 333.241 300.504L332.628 282.959C327.872 283.126 323.725 279.216 323.537 273.818C323.358 268.689 326.962 264.24 331.968 264.065L331.356 246.52C326.599 246.686 322.453 242.777 322.264 237.379C322.085 232.25 325.689 227.8 330.696 227.625L330.083 210.081C325.349 210.246 321.219 206.375 320.995 201.016C320.854 195.921 324.704 191.77 329.438 191.605L328.825 174.061C324.069 174.227 319.922 170.317 319.734 164.919C319.555 159.791 323.159 155.341 328.166 155.166L327.553 137.621C322.797 137.788 318.65 133.878 318.461 128.48C318.282 123.351 321.886 118.902 326.893 118.727L326.28 101.182C321.524 101.348 317.377 97.4393 317.189 92.0409C317.01 86.9122 320.614 82.4623 325.621 82.2875L325.008 64.7429C320.252 64.909 316.105 60.9997 315.916 55.6029C315.737 50.4742 319.342 46.0248 324.348 45.85L323.867 32.0847C307.346 32.6616 293.319 18.5581 292.697 0.741138L29.312 29.3549C29.9342 47.1718 16.9267 62.2194 0.402874 62.7964L0.883569 76.5617C5.65805 76.9341 9.80439 80.8408 9.98349 85.9694C10.1626 91.0997 6.56025 95.5495 1.55274 95.7244L2.16543 113.27C6.92111 113.103 11.0675 117.012 11.256 122.411C11.4351 127.539 7.83275 131.989 2.82524 132.164L3.43791 149.709C8.19359 149.542 12.34 153.451 12.5285 158.85C12.7076 163.978 9.10523 168.428 4.09772 168.603L4.71039 186.148C9.46607 185.982 13.6219 190.16 13.801 195.289C13.9801 200.417 10.3777 204.867 5.3702 205.042L5.97345 222.317C10.7049 222.152 14.8448 226.29 15.0615 231.385C15.2055 236.482 11.6113 240.888 6.62806 241.062L7.24075 258.608C11.9964 258.441 16.1428 262.35 16.3314 267.749C16.5104 272.877 12.9081 277.327 7.90056 277.502L8.51323 295.047C13.2689 294.88 17.4153 298.789 17.6038 304.188C17.7829 309.316 14.1805 313.766 9.17303 313.941L9.7857 331.486C14.5414 331.319 18.6972 335.498 18.8763 340.627C19.0554 345.755 15.453 350.205 10.4455 350.38L11.0488 367.655C15.8044 367.489 19.9603 371.668 20.1394 376.796C20.2956 381.269 17.5729 385.226 13.5562 386.28C12.9426 386.342 12.3235 386.385 11.7036 386.407L12.1843 400.172C16.9588 400.546 21.1053 404.455 21.2843 409.584Z" fill="%2319237A" /></svg>');
    padding: 60px 29vw;
  }
  .more__bottom > span {
    font-size: 18px;
    margin: 0;
    background-image: url('data:image/svg+xml,<svg width="275" height="84" viewBox="0 0 275 84" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M274.943 0L0 5.48446e-05L3.02678e-06 83.9124L253.506 83.9932L275 65.1418L274.943 0Z" fill="%23FFBC11" /><path d="M253.231 84L274.945 65.1784L261.5 59L253.231 84Z" fill="%23F3ECE5" /></svg>');
  }
  .more .container > svg, .more .container > img {
    width: 102px;
    height: auto;
    right: calc((100vw - 340px - 50px) / 2);
    top: 240px;
  }
}
@media (max-width: 590px) {
  .more__bottom {
    padding: 60px 24vw;
  }
}
@media (max-width: 480px) {
  .more__bottom {
    padding: 60px 16vw;
  }
}
@media (max-width: 400px) {
  .more__bottom {
    padding: 80px 10vw 80px;
  }
}
.want {
  margin-bottom: 20px;
}
.want .container {
  max-width: 678px;
}
.want__body {
  position: relative;
  background-size: cover;
  padding: 0 0 40px 0;
  /* height: 357px; */
  background-position: center;
  background-position: right bottom;
  /* background-size: 100% 100%; */
  background-image: url('data:image/svg+xml,<svg width="647" height="359" viewBox="0 0 647 359" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M641.259 0.47229L0.894531 11.6499L6.94354 358.198L552.701 348.819L646.961 312.836L641.259 0.47229Z" fill="%23F3ECE5" /><path d="M551.485 348.852L646.72 312.907L612.738 291.821L551.485 348.852Z" fill="%23C4C4C4" /></svg>');
}
.want__body > svg, .want__body > img {
  position: absolute;
  right: -100px;
  top: -100px;
  z-index: -1;
}
.want__body .h2 {
  transform: translateY(-20px);
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  text-align: center;
  color: var(--bw-white);
  padding: 27px;
  z-index: 2;
  position: relative;
}
.want__body .h2::before {
  content: "";
  background: var(--main-colors-red);
  position: absolute;
  max-width: 482px;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%) rotate(2deg);
  z-index: -1;
}
.want__body > span,
.want__body > .want__description {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  color: var(--bw-black);
  display: block;
}
.want__body > span,
.want__body > .want__description,
.want__body .mark {
  padding: 0 60px 0 65px;
}
.want__btn-wrapp {
  display: flex;
  margin: 30px -142px 0;
}
.want__btn-wrapp .btn:first-child span {
  color: #fff;
}
.want .mark span {
  line-height: 125%;
  text-transform: uppercase;
  color: var(--main-colors-blue);
  padding-left: 24px;
  margin-top: 24px;
  display: block;
  position: relative;
}
/* .want .mark span::after { */
.want .mark .stark::after {
  content: "";
  left: 0;
  top: -8px;
  width: 16px;
  height: 15px;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2021_868)"><path d="M14.847 4.305L7.631 7.052L8.246 8.938L15.626 6.929L14.847 4.305ZM13.576 13.407L8.738 7.421L7.18 8.61L11.362 15.006L13.576 13.407ZM4.597 15.006L8.738 8.61L7.18 7.421L2.342 13.407L4.597 15.006ZM0.250999 6.929L7.631 8.938L8.246 7.052L1.071 4.305L0.250999 6.929ZM6.606 0.328003L7.016 7.995H8.984L9.394 0.328003H6.606Z" fill="%2319237A" /></g><defs><clipPath id="clip0_2021_868"><rect width="15.99" height="15.17" fill="white" transform="translate(0.00499725)" /></clipPath></defs></svg>');
}

@media (max-width: 925px) {
  .want__btn-wrapp {
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
  }
  .want__btn-wrapp .btn {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .want__body {
    background-image: url('data:image/svg+xml,<svg width="343" height="358" viewBox="0 0 343 358" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M339.973 0.458252L0 11.6301L3.21145 358L292.957 348.626L343 312.661L339.973 0.458252Z" fill="%23F3ECE5" /><path d="M292.311 348.659L342.872 312.732L313.5 297.5L292.311 348.659Z" fill="%23C4C4C4" /></svg>');
  }
  .want__body .h2 {
    font-size: 20px;
  }
  .want__body .h2::before {
    max-width: 268px;
  }
  .want__body > svg, .want__body > img {
    width: 100px;
    height: auto;
    right: 103px;
    top: -50px;
  }
  .want__body > * {
    margin: 0 auto;
    max-width: 343px;
  }
  .want__body > span,
  .want__body > .want__description {
    padding: 0 16px;
    font-size: 20px;
  }
  .want__body .mark {
    padding: 0 16px;
  }
  .want__body .mark span {
    margin-top: 12px;
    font-size: 12px;
  }
  .want__body .mark span::after {
    width: 12px;
    height: 11px;
    background-size: cover;
    top: 0;
  }
}
@media (max-width: 400px) {
  .want__body > svg, .want__body > img {
    right: -25px;
  }
  .want__btn-wrapp {
    margin-top: 20px;
  }
}
.every {
  background: var(--birthday-page-blue);
  padding: 80px 0 75px;
  position: relative;
}
@media (max-width: 768px) {
  .every__body .h2 svg {
    width: 34px;
    height: auto;
    position: absolute;
    right: -8px;
    top: 12px;
  }
}
.every__body .btn {
  max-width: 420px;
  margin: 40px auto 0;
}
.every__list {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  position: relative;
}
.every__list svg {
  position: absolute;
}
.every__list svg.eyes {
  right: -25px;
  bottom: -60px;
  z-index: 2;
}
@media (max-width: 1400px) {
  .every__list svg.eyes {
    bottom: auto;
    top: 0;
    right: 16px;
  }
}
@media (max-width: 768px) {
  .every__list svg.eyes {
    display: none;
  }
}
.every__item {
  background: var(--bw-white);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 1;
  flex: 0 1 324px;
}
.every__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.every__item span, .every__item p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 114%;
  text-transform: uppercase;
  text-align: center;
  color: var(--bw-black);
}
.every__photo-wrapp {
  margin-top: 60px;
  display: grid;
  grid-template: 185px 185px/repeat(4, 1fr);
  gap: 21px;
  position: relative;
}
.every__photo-wrapp img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.every__photo-wrapp img:first-child {
  grid-area: span 2/span 2;
}
.every__photo-wrapp img:nth-child(2) {
  transform: rotate(2deg);
}
.every__photo-wrapp img:nth-child(5) {
  transform: rotate(1deg);
}
.every__photo-wrapp svg, .every__photo-wrapp img.absolute {
  width: auto;
  height: auto;
  position: absolute;
}
.every__photo-wrapp svg.rombs, .every__photo-wrapp img.absolute.rombs {
  left: calc(50% - 160px);
  top: 24px;
}
@media (max-width: 992px) {
  .every__photo-wrapp svg.rombs, .every__photo-wrapp img.absolute.rombs {
    top: 10px;
    left: auto;
    right: 7px;
    width: 68px;
    height: auto;
  }
}
.every__photo-wrapp svg.star, .every__photo-wrapp img.absolute.star {
  top: 120px;
  right: 290px;
}
@media (max-width: 992px) {
  .every__photo-wrapp svg.star, .every__photo-wrapp img.absolute.star {
    width: 35px;
    height: auto;
    right: calc(50% - 30px);
    top: 328px;
  }
}
.every__photo-wrapp svg.eyes, .every__photo-wrapp img.absolute.eyes {
  top: -30px;
  left: -4px;
}
@media (min-width: 769px) {
  .every__photo-wrapp svg.eyes, .every__photo-wrapp img.absolute.eyes {
    display: none;
  }
}
.every .loop {
  position: absolute;
  top: 350px;
  left: 0;
  z-index: 0;
}

@media (max-width: 992px) {
  .every__photo-wrapp {
    gap: 10px;
    grid-template: 236px 112px 112px/repeat(2, 1fr);
  }
  .every__photo-wrapp img:first-child {
    grid-area: span 1/span 2;
  }
}
@media (max-width: 768px) {
  .every__body .btn {
    margin-top: 20px;
  }
  .every__photo-wrapp {
    margin-top: 50px;
  }
  .every .loop {
    width: 143px;
    height: auto;
    top: 170px;
  }
}
@media (max-width: 730px) {
  .every__list {
    gap: 13px;
    margin-top: 28px;
  }
  .every__item {
    gap: 10px;
    padding: 10px;
    flex: 0 1 165px;
  }
  .every__item span, .every__item p {
    font-size: 14px;
  }
}
@media (max-width: 450px) {
  .every__body .btn {
    margin-right: 12px;
  }
}
@media (max-width: 374px) {
  .every__item {
    flex: 0 1 calc(50% - 6.5px);
  }
  .every__item span, .every__item p {
    font-size: 12px;
  }
}
.achieve {
  background: var(--birthday-page-orange);
  padding: 90px 0 80px;
  position: relative;
}
.achieve__wrapp {
  background: var(--bw-white);
  padding: 80px 50px;
  z-index: 1;
  position: relative;
}
.achieve__wrapp > svg {
  position: absolute;
}
.achieve__wrapp .star {
  top: -70px;
  left: -25px;
}
.achieve__wrapp .h2 span {
  color: var(--birthday-page-orange);
}
.achieve__body {
  margin-top: 60px;
  display: flex;
  align-items: center;
}
.achieve__body .btn {
  flex: 0 1 492px;
}
.achieve__body .btn span {
  padding: 0;
}
.achieve__list {
  flex: 1;
}
.achieve__list li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.achieve__list li img, .achieve__list li svg {
  width: 58px;
}
.achieve__list li + li {
  margin-top: 30px;
}
.achieve__list span {
  font-size: 32px;
  line-height: 112%;
  text-transform: uppercase;
}
.achieve__photo-wrapp {
  margin-top: 70px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
.achieve__photo-wrapp img {
  flex: 0 0 400px;
  height: 227px;
  -o-object-fit: cover;
     object-fit: cover;
}
.achieve__photo-wrapp img:first-child {
  transform: rotate(-1deg);
}
.achieve__photo-wrapp img:last-child {
  transform: rotate(2deg);
}
@media (max-width: 1400px) and (min-width: 992px) {
  .achieve__photo-wrapp img:nth-child(2) {
    order: 1;
    flex: 0 1;
  }
}
.achieve .loop {
  position: absolute;
  right: 0;
  top: -70px;
  z-index: 0;
}
.achieve .loop2 {
  position: absolute;
  left: 32%;
  bottom: -25px;
}

@media (max-width: 1180px) {
  .achieve__body {
    flex-direction: column;
    gap: 28px;
  }
  .achieve__body > * {
    width: 100%;
  }
  .achieve__body .btn {
    flex: none;
    margin-right: 12px;
  }
}
@media (max-width: 768px) {
  .achieve__wrapp {
    padding: 28px 16px;
  }
  .achieve__wrapp .star {
    width: 53px;
    height: auto;
    left: 0;
    top: -33px;
  }
  .achieve__list {
    padding-left: 10px;
  }
  .achieve__photo-wrapp {
    margin-top: 55px;
  }
  .achieve .loop {
    width: 150px;
    height: auto;
    top: -30px;
    right: -15px;
  }
  .achieve .loop2 {
    width: 64px;
    height: auto;
    left: 50px;
    bottom: -38px;
  }
}
@media (max-width: 700px) {
  .achieve__body {
    margin-top: 20px;
  }
  .achieve__list li {
    gap: 10px;
  }
  .achieve__list li svg, .achieve__list li img {
    width: 20px;
    height: auto;
  }
  .achieve__list li span {
    font-size: 16px;
  }
  .achieve__list li + li {
    margin-top: 8px;
  }
}
@media (max-width: 470px) {
  .achieve__photo-wrapp {
    gap: 8px;
  }
  .achieve__photo-wrapp img {
    height: 200px;
    flex: 100%;
    width: 100%;
  }
}
.h-feedback {
  padding: 80px 0 75px;
  background: var(--birthday-page-green);
  position: relative;
}
.h-feedback__body {
  position: relative;
  z-index: 1;
}
@media (min-width: 481px) {
  .h-feedback__body .h2 br {
    display: none;
  }
}
.h-feedback__body p {
  font-size: 32px;
  line-height: 112%;
  text-transform: uppercase;
  text-align: center;
  max-width: 725px;
  margin: 20px auto 0;
}
@media (max-width: 768px) {
  .h-feedback__body p {
    font-size: 14px;
    max-width: 263px;
    margin-top: 8px;
  }
}
.h-feedback__body .form-wrapper {
  margin-top: 26px;
  transform: rotate(-1deg);
  z-index: 1;
  position: relative;
}
.h-feedback > svg {
  position: absolute;
}
.h-feedback .loop1 {
  top: 0;
  left: 0;
}
@media (max-width: 1000px) {
  .h-feedback .loop1 {
    display: none;
  }
}
.h-feedback .drops {
  right: 0;
  top: -130px;
  z-index: 2;
}
@media (max-width: 768px) {
  .h-feedback .drops {
    transform: scale(0.5);
    top: -120px;
    right: auto;
    left: calc(100% - 100px);
  }
}
.h-feedback .like {
  top: 240px;
  left: 130px;
}
@media (max-width: 1200px) {
  .h-feedback .like {
    left: -10px;
  }
}
@media (max-width: 768px) {
  .h-feedback .like {
    width: 45px;
    top: 46px;
  }
}
@media (max-width: 345px) {
  .h-feedback .like {
    top: 40px;
  }
}
.h-feedback .loop2 {
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .h-feedback .loop2 {
    width: 133px;
    height: auto;
    left: -65px;
    bottom: 93px;
  }
}
.h-feedback .loop3 {
  right: 0;
  top: 250px;
  z-index: 0;
}
@media (max-width: 1000px) {
  .h-feedback .loop3 {
    display: none;
  }
}
.h-feedback .cocktail {
  bottom: 62px;
  right: 95px;
  z-index: 1;
}
@media (max-width: 970px) {
  .h-feedback .cocktail {
    right: calc((100vw - 680px - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .h-feedback .cocktail {
    width: 47px;
    height: auto;
    bottom: 20px;
  }
}
@media (max-width: 700px) {
  .h-feedback .cocktail {
    right: -7px;
  }
}

.h-photo {
  padding: 50px 0;
}
@media (max-width: 768px) {
  .h-photo {
    padding-bottom: 0;
  }
}
.h-photo__body {
  display: grid;
  grid-template: auto/repeat(4, 1fr);
  gap: 43px 16px;
}
@media (max-width: 1000px) {
  .h-photo__body {
    gap: 20px;
    grid-template: auto/repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .h-photo__body {
    grid-template: auto/repeat(2, 1fr);
    gap: 10px;
  }
}
.h-photo__body img {
  width: 100%;
  height: 185px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .h-photo__body img {
    height: 29vw;
  }
}
.h-photo__body img:nth-child(1) {
  transform: rotate(-1deg);
}
.h-photo__body img:nth-child(2) {
  transform: rotate(-2deg);
}
.h-photo__body img:nth-child(3) {
  transform: rotate(1deg);
}
.h-photo__body img:nth-child(4) {
  transform: rotate(-1deg);
}
.h-photo__body img:nth-child(5) {
  transform: rotate(1deg);
}
.h-photo__body img:nth-child(6) {
  transform: rotate(0.5deg);
}
.h-photo__body img:nth-child(7) {
  transform: rotate(-2deg);
}
.h-photo__body img:nth-child(8) {
  transform: rotate(1deg);
}

.promo {
  background: var(--birthday-page-orange);
  padding: 40px 0;
  position: relative;
}
.promo__body {
  background: var(--bw-white);
  padding: 60px;
  display: grid;
  grid-template: repeat(2, 1fr)/repeat(2, 1fr);
  gap: 40px 60px;
}
.promo__item {
  padding: 28px;
  background: var(--birthday-page-orange);
  position: relative;
}
.promo__item:first-child {
  transform: rotate(-1deg);
}
.promo__item:first-child span::after {
  background-image: url('data:image/svg+xml,<svg width="514" height="173" viewBox="0 0 514 173" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M350.061 30.5713L115.613 18.8617L313.389 44.7647L130.213 44.8871L422.5 61.1153L71.3268 69.2872L513.099 84.7142L1.38607 95.0144L499.082 112.394L22.6711 130.186L479.892 146.152L68.3931 153.296" stroke="%23AAF982" stroke-width="37" stroke-linecap="square" /></svg>');
}
.promo__item:nth-child(2) {
  transform: rotate(1deg);
}
.promo__item:nth-child(2) span::after {
  background-image: url('data:image/svg+xml,<svg width="538" height="180" viewBox="0 0 538 180" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M490 28.4999L36.5003 20.4987L518.5 48.4987L18.5003 60.4987L536.501 88.4987L1.50034 96.9987L496.501 123.499L52.5003 123.499L453.501 159.499L89.0003 153.499" stroke="%2351D9FA" stroke-width="40" /></svg>');
}
.promo__item:last-child {
  transform: rotate(1deg);
  grid-area: span 1/span 2;
}
.promo__item:last-child span::after {
  background-image: url('data:image/svg+xml,<svg width="1210" height="88" viewBox="0 0 1210 88" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.5002 15.9999L743.25 20.7907L0.499955 43L1086 27.5L45.5 65.2706L1209 42L259 61.0005L1185.5 72" stroke="%23FAD55C" stroke-width="30" stroke-linecap="square" /></svg>');
}
.promo__item > span {
  font-size: 44px;
  line-height: 118%;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-top: 42px;
  position: relative;
  z-index: 1;
}
.promo__item > span::after {
  content: "";
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  left: -5px;
  right: -5px;
  top: -30px;
  bottom: -25px;
  z-index: -1;
}
.promo__item .btn {
  margin: 40px auto 20px;
  max-width: 420px;
}
.promo__item svg {
  position: absolute;
  right: -30px;
  top: -70px;
}
.promo__title {
  padding: 16px;
  font-size: 24px;
  line-height: 117%;
  text-transform: uppercase;
  text-align: center;
  background: var(--bw-white);
}
.promo > svg, .promo > img {
  position: absolute;
  bottom: -50px;
  left: 0;
}
@media (max-width: 1050px) {
  .promo > svg, .promo > img {
    width: 250px;
    left: -60px;
    bottom: -160px;
  }
}

@media (max-width: 1390px) {
  .promo__body {
    padding: 40px;
  }
  .promo__item > span {
    font-size: 32px;
  }
}
@media (max-width: 1040px) {
  .promo__body {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .promo__item > span {
    font-size: 24px;
  }
}
@media (max-width: 850px) {
  .promo__body {
    display: flex;
    flex-direction: column;
    padding: 28px 16px;
    gap: 16px;
  }
  .promo__item {
    padding: 16px 16px 40px;
  }
  .promo__item > span {
    margin-top: 50px;
  }
  .promo__item svg {
    width: 43px;
    height: auto;
    right: -6px;
    top: 8px;
  }
  .promo__item .btn {
    max-width: none;
    margin-left: -32px;
    margin-right: -20px;
  }
  .promo__item:first-child {
    transform: rotate(0deg);
  }
  .promo__item:first-child span::after {
    background-image: url('data:image/svg+xml,<svg width="286" height="112" viewBox="0 0 286 112" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M194.391 26.1689L64.1283 19.358L174.044 33.8533L72.2853 33.5941L234.687 42.9751L39.6158 46.8118L285.059 56.0216L0.807696 60.7346L277.322 71.1103L12.6947 79.9765L266.721 89.5083L38.1356 92.676" stroke="%23AAF982" stroke-width="37" stroke-linecap="square" /></svg>');
  }
  .promo__item:nth-child(2) {
    transform: rotate(0deg);
  }
  .promo__item:nth-child(2) span::after {
    background-image: url('data:image/svg+xml,<svg width="294" height="108" viewBox="0 0 294 108" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M267.817 18.5781L23.3906 33.7568L282.656 26.1896L12.6104 52.0726L291.296 43.0214L2.46333 68.8094L268.782 60.0473L29.2663 78.3498L244.623 77.6362L48.1537 90.0255" stroke="%2351D9FA" stroke-width="40" /></svg>');
  }
  .promo__item:last-child {
    transform: rotate(0deg);
  }
  .promo__item:last-child > span {
    margin: 50px auto 0;
    max-width: 300px;
  }
  .promo__item:last-child > span::after {
    left: -40px;
    right: -40px;
    background-image: url('data:image/svg+xml,<svg width="297" height="97" viewBox="0 0 297 97" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 16L278.459 19.9316L6.90336 40.8096L286.097 43.7322L1.81645 62.4887L294.79 61.464L59.2325 81.783L250.236 75.9164" stroke="%23FAD55C" stroke-width="30" stroke-linecap="square" /></svg>');
  }
}
@media (max-width: 520px) {
  .promo__item > span {
    font-size: 20px;
  }
  .promo__title {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .promo__item:last-child {
    padding-bottom: 20px;
  }
  .promo__item:last-child > span::after {
    left: -5px;
    right: -5px;
  }
}
.h-hero {
  background: var(--birthday-page-orange);
  padding-top: 182px;
  padding-bottom: 142px;
  position: relative;
}
.h-hero__body {
  max-width: 1108px;
  margin: 0 auto;
  padding: 60px 65px;
  background: var(--bw-white);
  transform: rotate(2deg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  z-index: 1;
  position: relative;
}
.s-sale .h-hero__body h2 {
    max-width: 66%;
}
.s-sale .h-hero__body {
    padding: 60px 23px;
    z-index: 2;
}
.s-sale .h-hero__body p {
    max-width: 100%;
}

.tab_body {
    max-width: 1200px;
    margin:58px auto 0;
    background: #FFFFFF;
    position: relative;
    z-index: 1;
    padding: 92px 0px 87px 52px;
}
.tab_body div.item:not(:last-of-type) {
    margin-bottom: 45px;
}
.tab_body .item {
    display: flex;
    align-items: center;
}
.tab_body .item .line {
    display: block;
    background: #51D9FA;
    width: 100px;
    height: 3px;
    margin: 0 40px 0 auto;
}
.tab_body .item p:first-child{
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
}
.tab_body .item p:last-child{
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    max-width: 321px;
    width: 100%;
}
.text_sale {
    background: #51D9FA;
    position: relative;
    padding-bottom: 150px;
}
.text_sale .text {
    max-width: 1190px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 41px;
    
}
.text_sale .text * {
    font-size: 36px;
    text-transform: uppercase;
}
.text_sale:after {
    content: '';
    display: block;
    width: 100%;
    background: #51D9FA;
    position: absolute;
    height: 200px;
  z-index: -2;
}
.tab_body img {
    position: absolute;
    right: -58px;
  bottom: -52px;
}

@media (max-width: 1350px) {
  .h-hero__body {
    max-width: 950px;
  }
}
.h-hero__body h1 {
  font-weight: 500;
  font-size: 60px;
  line-height: 107%;
}
.h-hero__body h1 span {
  color: var(--birthday-page-orange);
}
.h-hero__body p {
  font-size: 32px;
  line-height: 112%;
  text-transform: uppercase;
  text-align: center;
  max-width: 650px;
}
.h-hero__body .btn {
  width: 100%;
  max-width: 420px;
}
.h-hero__body svg, .h-hero__body img {
  position: absolute;
}
.h-hero__body img {
  -o-object-fit: cover;
     object-fit: cover;
}
.h-hero__body .left-top {
  transform: rotate(-9deg);
  left: -30px;
  top: -60px;
  width: 204px;
  height: 137px;
}
.h-hero__body .left-bottom {
  width: 275px;
  height: 183px;
  transform: rotate(-7deg);
  left: -85px;
  bottom: -40px;
}
.h-hero__body .right-center {
  width: 246px;
  height: 165px;
  transform: rotate(12deg);
  right: -100px;
  bottom: 80px;
}
.h-hero__body .baloon {
  left: 28%;
  top: -115px;
}
.h-hero__body .loop1 {
  top: -90px;
  right: -100px;
}
.h-hero__body .star1 {
  right: 210px;
  bottom: -85px;
}
.h-hero__body .star2 {
  right: 85px;
  bottom: -120px;
}
.h-hero .loop2 {
  position: absolute;
  left: 0px;
  bottom: -30px;
  z-index: 0;
}
.s-sale .loop2 {
    bottom: initial;
    top: 306px;
}
@media (max-width: 992px) {
  .h-hero {
    padding-bottom: 250px;
  }
  .h-hero .container {
    padding: 0 23px;
  }
  .h-hero__body .left-top {
    left: 40px;
    top: 96%;
  }
  .h-hero__body .left-bottom {
    left: 35%;
    top: 110%;
  }
  .h-hero__body .right-center {
    right: -10px;
    top: 95%;
  }
  .h-hero__body .star1, .h-hero__body .star2 {
    display: none;
  }
}
@media (max-width: 900px) {
  .h-hero__body .left-top {
    left: 40px;
    top: 96%;
    width: 135px;
    height: 90px;
  }
  .h-hero__body .left-bottom {
    left: 35%;
    top: 110%;
    width: 158px;
    height: 105px;
  }
  .h-hero__body .right-center {
    right: -10px;
    top: 95%;
    width: 123px;
    height: 82px;
  }
  .h-hero .loop2 {
    width: 110px;
    height: auto;
    bottom: 230px;
  }
  .tab_body .item p:first-child {
      font-size: 15px;
      white-space: nowrap;
  }
  .tab_body .item p:last-child {
      font-size: 15px;
      white-space: nowrap;
      width: 127px;
  }
    .tab_body .item {
        gap: 4px;
    }
    .tab_body {
        padding: 16px 18px 21px 15px;
    }
    .tab_body div.item:not(:last-of-type) {
        margin-bottom: 3px;
    }
  .tab_body .item .line {
      width: 100%;
      margin: 0;
      height: 1px;
  }
  .text_sale .text * {
      font-size: 14px;
  }
  .s-sale .h-hero__body .star1 {
      bottom: initial;
    top: 10px;
  }
  .s-sale {
      padding-bottom: 85px;
  }
  .tab_body img {
      position: absolute;
  right: -36px;
  bottom: -47px;
  width: 70px;
  }
}
@media (max-width: 700px) {
  .h-hero {
    padding-bottom: 190px;
  }
  .h-hero__body {
    padding: 40px 16px 50px;
    gap: 24px;
  }
  .h-hero__body h1 {
    font-size: 28px;
    max-width: 300px;
  }
  .h-hero__body p {
    font-size: 20px;
    max-width: 360px;
  }
}
@media (max-width: 600px) {
  .h-hero {
    padding-top: 100px;
  }
  .h-hero__body .loop1 {
    width: 59px;
    height: auto;
    top: -30px;
    right: -30px;
    z-index: 0;
  }
  .h-hero__body .baloon {
    width: 35px;
    height: auto;
    left: 92px;
    top: -52px;
  }
  .h-hero__body .star1, .h-hero__body .star2 {
    display: block;
  }
  .h-hero__body .star1 {
    width: 52px;
    height: auto;
    right: 30px;
    bottom: -200px;
  }
  .h-hero__body .star2 {
    width: 41px;
    height: auto;
    right: 0;
    bottom: -220px;
  }
  .h-hero__body .left-bottom {
    left: 200px;
    top: auto;
    bottom: -180px;
  }
  
}
@media (max-width: 480px) {
  .h-hero__body .left-top {
    left: 20px;
  }
  .h-hero__body .left-bottom {
    left: 120px;
  }
  .h-hero__body .btn {
    max-width: none;
    width: 115%;
    margin-right: 16px;
  }
  .h-hero .loop2 {
    bottom: 130px;
  }
  .s-sale .h-hero__body h2 {
      max-width: 100%;
  }
  .s-sale .h-hero__body p,.s-sale .h-hero__body p * {
      font-size: 10px;

  }
  .s-sale .h-hero__body {
    padding: 13px 23px 45px;
  }
  .s-sale .h-hero__body .btn {
      width: 115%;
    margin-right: 16px;
    position: absolute;
    max-width: 185px;
    bottom: -13px;
  }
   .tab_body .item {
       gap:4px;
   }
    .tab_body .item p:first-child {
        font-size: 10px;
        white-space: nowrap;
    }
    .tab_body .item p:last-child {
        font-size: 10px;
        white-space: nowrap;
        width: fit-content;
    }
    .tab_body {
        padding: 12px 9px 6px 12px;
    }
    .tab_body .item .line {
        margin: 0;
        width: 100%;
        height: 1px;
    }
    .tab_body div.item:not(:last-of-type) {
                margin-bottom: 0;

    }
    .s-sale .h-hero__body .star1 {
        display: none;
    }
    .tab_body img {
        width: 35px;
        z-index: 0;
        right: -18px;
  bottom: -18px;
    }
    .s-sale.h-hero {
        padding-bottom: 20px;
    }
    .text_sale .text * {
        font-size: 10px;
    }
    .text_sale .text {
        padding-top: 19px;
    }
}
@media (max-width: 370px) {
  .h-hero__body .left-bottom {
    left: 80px;
  }
}
.schedule {
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 480px) {
  .schedule {
    margin-bottom: 0;
  }
}
.schedule .container {
  max-width: 1400px;
}
.schedule__wrapp {
  position: relative;
  z-index: 1;
}
.schedule__wrapp .heading {
  position: relative;
}
.schedule__wrapp .heading svg {
  position: absolute;
  right: -120px;
  top: -30px;
  z-index: -1;
}
@media (max-width: 768px) {
  .schedule__wrapp .heading svg {
    width: 120px;
    height: auto;
    top: -60px;
    right: calc(50% - 60px);
  }
}
.schedule__body {
  margin-top: 60px;
  display: grid;
  gap: 24px;
  grid-template: auto/repeat(4, 1fr);
}
@media (max-width: 1400px) {
  .schedule__body {
    grid-template: auto/repeat(3, 1fr);
    justify-items: center;
  }
}
@media (max-width: 1040px) {
  .schedule__body {
    grid-template: auto/repeat(2, 1fr);
  }
}
@media (max-width: 950px) {
  .schedule__body {
    gap: 16px;
    grid-template: auto/repeat(1, 1fr);
  }
}
@media (max-width: 500px) {
  .schedule__body {
    margin-top: 24px;
  }
}
.schedule::before {
  content: "";
  position: absolute;
  left: -100px;
  right: -100px;
  height: 400px;
  top: -150px;
  z-index: 0;
  background: var(--main-colors-dark-green);
  transform: rotate(-178deg);
}
@media (max-width: 768px) {
  .schedule::before {
    height: 200px;
    top: -60px;
  }
}

body:has(.grid-back) {
  background-image: url("../images/icons/grid.svg");
  background-size: cover;
  background-position: center center;
  background-color: var(--bw-light-background);
}

.advantage {
  padding: 20px 0 40px;
}
.advantage__body {
  display: grid;
  gap: 28px 24px;
  grid-template: repeat(2, auto)/repeat(4, 1fr);
}
.advantage__body > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.advantage__body > div:nth-child(3) {
  grid-area: 1/3/2/5;
}
@media (max-width: 1100px) {
  .advantage__body > div:nth-child(3) {
    grid-area: 2/2/3/3;
  }
}
.advantage__body > div:nth-child(4) {
  grid-area: 2/3/3/5;
}
@media (max-width: 1100px) {
  .advantage__body > div:nth-child(4) {
    grid-area: 3/1/4/3;
  }
}
.advantage__body > div > span {
  font-size: 40px;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--color, #080808);
}
.advantage__body > div > span + * {
  margin-top: 10px;
}
.advantage__body > div p {
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
}
.advantage__body > div ul {
  font-size: 20px;
  line-height: 160%;
  text-transform: uppercase;
}
.advantage__body > div ul li {
  position: relative;
  padding-left: 32px;
}
.advantage__body > div ul li + li {
  margin-top: 12px;
}
.advantage__body > div ul li::before {
  content: "•";
  position: absolute;
  left: 12px;
}
.advantage__body > div .btn {
  margin-top: 10px;
  width: 260px;
}
.advantage__col {
  background: var(--back-color, var(--corporate-page-pink));
  grid-area: 1/1/3/2;
  padding: 40px 28px;
}
@media (max-width: 1100px) {
  .advantage__col {
    grid-area: 1/1/2/3;
  }
}
.advantage__img {
  grid-area: 1/2/3/3;
  position: relative;
}
@media (max-width: 1100px) {
  .advantage__img {
    grid-area: 2/1/3/2;
  }
}
.advantage__img .main {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.advantage__img svg {
  position: absolute;
}
.advantage__img .green {
  top: 18px;
  right: -10px;
}
.advantage__img .blue {
  right: 16px;
  bottom: 12px;
}
.advantage__row {
  padding: 28px 20px;
  background: var(--back-color, var(--corporate-page-blue));
  color: var(--color, #080808);
}

@media (max-width: 1200px) {
  .advantage__img .green {
    width: 180px;
    height: auto;
    top: 43px;
  }
}
@media (max-width: 1100px) {
  .advantage__body {
    grid-template-columns: 0.6fr 0.4fr;
    grid-template-rows: auto 500px auto;
    grid-column-gap: 16px;
    grid-row-gap: 12px;
  }
  .advantage__img img {
    -o-object-position: top;
       object-position: top;
  }
  .advantage__img svg {
    display: none;
  }
}
@media (max-width: 768px) {
  .advantage__body {
    grid-template-columns: calc(40% - 8px) calc(60% - 8px);
    grid-template-rows: auto auto auto;
  }
  .advantage__body > div > span {
    font-size: 20px;
  }
  .advantage__body > div p {
    font-size: 14px;
  }
  .advantage__body > div ul {
    font-size: 14px;
  }
  .advantage__col {
    padding: 20px 16px;
  }
  .advantage__col p {
    margin-top: 80px !important;
  }
  .advantage__row {
    padding: 20px 16px;
  }
  .advantage__img svg {
    display: block;
  }
  .advantage__img .green {
    width: 106px;
    top: 70px;
    right: 48px;
  }
  .advantage__img .blue {
    width: 52px;
    height: auto;
    right: 7px;
    bottom: 14px;
  }
}
@media (max-width: 600px) {
  .advantage__body {
    grid-template-columns: calc(45% - 8px) calc(55% - 8px);
  }
  .advantage__img .green {
    top: 14px;
    right: -4px;
  }
}
@media (max-width: 480px) {
  .advantage__body > div ul li {
    padding-left: 16px;
  }
  .advantage__body > div ul li::before {
    left: 4px;
  }
  .advantage__body > div ul li + li {
    margin-top: 8px;
  }
  .advantage__img .green {
    top: 30px;
  }
}
@media (max-width: 359px) {
  .advantage__body > div ul {
    font-size: 12px;
  }
  .advantage__body > div ul li {
    padding-left: 10px;
  }
  .advantage__body > div ul li::before {
    left: 0px;
  }
}
.photo-grid {
  padding: 40px 0;
}
.photo-grid__body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 24px;
}
.photo-grid__body img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photo-grid__body img:nth-child(1) {
  grid-area: 1/1/3/3;
}
.photo-grid__body img:nth-child(2) {
  grid-area: 1/3/2/4;
}
.photo-grid__body img:nth-child(3) {
  grid-area: 2/3/3/4;
}
.photo-grid__body img:nth-child(4) {
  grid-area: 1/4/3/5;
}
.photo-grid__body img:nth-child(5) {
  grid-area: 3/1/4/2;
}
.photo-grid__body img:nth-child(6) {
  grid-area: 4/1/5/2;
}
.photo-grid__body img:nth-child(7) {
  grid-area: 3/2/5/3;
}
.photo-grid__body img:nth-child(8) {
  grid-area: 3/3/5/5;
}

@media (max-width: 992px) {
  .photo-grid__body {
    gap: 12px;
  }
}
@media (max-width: 525px) {
  .photo-grid__body {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 112px);
  }
  .photo-grid__body img:nth-child(1) {
    grid-area: 1/1/3/3;
  }
  .photo-grid__body img:nth-child(2) {
    grid-area: 3/1/4/2;
  }
  .photo-grid__body img:nth-child(3) {
    grid-area: 4/1/5/2;
  }
  .photo-grid__body img:nth-child(4) {
    grid-area: 3/2/5/3;
  }
  .photo-grid__body img:nth-child(5) {
    grid-area: 7/2/8/3;
  }
  .photo-grid__body img:nth-child(6) {
    grid-area: 8/2/9/3;
  }
  .photo-grid__body img:nth-child(7) {
    grid-area: 7/1/9/2;
  }
  .photo-grid__body img:nth-child(8) {
    grid-area: 5/1/7/3;
  }
}
.options {
  padding: 32px 0 60px;
}
.options__item {
  background: var(--back, var(--corporate-page-blue));
  color: var(--color, var(--bw-black));
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.options__item + .options__item {
  margin-top: 32px;
}
.options__item span {
  flex: 0 1;
  font-weight: 500;
  font-size: 40px;
  line-height: 110%;
  text-transform: uppercase;
}
.options__item ul {
  flex: 0 1 632px;
}
.options__item ul li {
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  position: relative;
  padding-left: 32px;
}
.options__item ul li::before {
  content: "•";
  position: absolute;
  left: 12px;
}
.options__item ul li + li {
  margin-top: 10px;
}
.options .btn {
  max-width: 392px;
  margin: 60px auto 0;
}
.options__seo-links {
  max-width: 780px;
  margin: 24px auto 0;
  color: var(--bw-white);
  font-size: 18px;
  line-height: 140%;
  text-align: center;
}
.options__seo-links a {
  color: var(--corporate-page-geen);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 1100px) {
  .options__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .options__item span, .options__item ul {
    flex: none;
  }
}
@media (max-width: 768px) {
  .options__item {
    gap: 8px;
    padding: 20px 16px;
  }
  .options__item + .options__item {
    margin-top: 12px;
  }
  .options__item span {
    font-size: 20px;
  }
  .options__item ul li {
    font-size: 14px;
    padding-left: 24px;
  }
  .options__item ul li + li {
    margin-top: 8px;
  }
  .options__item ul li::before {
    left: 10px;
  }
  .options .btn {
    margin-top: 20px;
  }
  .options__seo-links {
    font-size: 15px;
    text-align: left;
  }
}
@media (max-width: 400px) {
  .options .btn {
    margin-right: 8px;
  }
}
.clients {
  padding: 68px 0;
  position: relative;
}
.clients .container {
  max-width: 1280px;
}
.clients__wrapp h2 {
  color: var(--bw-white);
}
.clients__wrapp h2 span {
  display: inline-block;
}
@media (max-width: 500px) and (min-width: 360px) {
  .clients__wrapp h2 {
    max-width: 80%;
    margin: 0 auto;
  }
}
.clients__body {
  margin-top: 40px;
  display: grid;
  grid-template: auto/repeat(4, 1fr);
  gap: 24px;
}
.clients__body img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .clients__body {
    margin-top: 20px;
    gap: 13px;
    grid-template: auto/repeat(3, 1fr);
  }
}
@media (max-width: 520px) {
  .clients__body {
    grid-template: auto/repeat(2, 1fr);
  }
}
.clients > img, .clients > svg {
  position: absolute;
  top: -120px;
  left: -120px;
  z-index: -1;
}
@media (max-width: 768px) {
  .clients > img, .clients > svg {
    width: 237px;
    top: 0;
  }
}

.feedback {
  padding-top: 32px;
  position: relative;
}
.feedback h2 {
  color: #fff;
}
.feedback h2 span {
  display: inline-block;
}
.feedback .form-wrapper {
  margin-top: 40px;
  background: var(--corporate-page-geen);
}
.feedback > img {
  position: absolute;
}
.feedback .left {
  left: -50px;
  bottom: -134px;
  z-index: -2;
}
.feedback .right {
  top: -118px;
  right: -10px;
  z-index: -1;
}

@media (max-width: 768px) {
  .feedback .form-wrapper {
    margin-top: 24px;
  }
}
@media (max-width: 768px) and (max-width: 500px) and (min-width: 360px) {
  .feedback h2 {
    max-width: 85%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .feedback .left {
    width: 230px;
    left: -120px;
    bottom: -75px;
  }
  .feedback .right {
    width: 341px;
    right: -150px;
    top: -85px;
  }
}
.c-hero {
  /* padding: 0px 0 108px; */
  padding: 212px 0 108px;
  position: relative;
}
.c-hero__body h1 {
  font-weight: 500;
  font-size: 100px;
  line-height: 108%;
  text-transform: uppercase;
  text-align: center;
  color: var(--bw-white);
}
.c-hero__body h1 span {
  display: inline-block;
}
.c-hero__btn-wrapp {
  margin-top: 80px;
  display: flex;
  justify-content: center;
  gap: 32px;
}
.c-hero__btn-wrapp .btn {
  flex: 0 1 450px;
}
.c-hero > img {
  position: absolute;
}
.c-hero .left {
  left: -120px;
  top: calc(50% - 255px);
  z-index: -1;
}
@media (max-width: 768px) {
  .c-hero .left {
    width: 365px;
    left: -220px;
    top: 70px;
  }
}
.c-hero .right {
  top: 95px;
  right: -95px;
  z-index: -1;
}
@media (max-width: 768px) {
  .c-hero .right {
    width: 185px;
  }
}

@media (max-width: 992px) {
  .c-hero__body h1 {
    font-size: 80px;
  }
  .c-hero__btn-wrapp {
    flex-direction: column;
  }
  .c-hero__btn-wrapp .btn {
    flex: none;
    margin: 0;
    margin-right: 8px;
  }
}
@media (max-width: 768px) {
  .c-hero {
    /* padding: 154px 0 60px; */
    padding: 0 0 60px;
  }
  .c-hero__body h1 {
    font-size: 40px;
  }
  .c-hero__btn-wrapp {
    margin-top: 40px;
    gap: 20px;
  }
}
@media (max-width: 360px) {
  .c-hero__body h1 {
    font-size: 32px;
  }
}
.r-hero {
  padding-top: 120px;
}
.r-hero .container {
  max-width: 1104px;
}
.r-hero__body {
  padding: 74px;
  position: relative;
}
.r-hero__body p,
.r-hero__body h1 {
  font-weight: 700;
  font-size: 22px;
  line-height: 145%;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.r-hero__body svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  animation: pulsation 3.9s infinite linear;
  width: 100%;
  height: 100%;
}

@keyframes pulsation {
  0% {
    transform: scale(1, 1);
    animation-timing-function: linear;
  }
  51% {
    transform: scale(1, 1);
    animation-timing-function: ease-in-out;
  }
  66% {
    transform: scale(1.1, 1.1);
    animation-timing-function: ease-in-out;
  }
  73% {
    transform: scale(0.95, 0.95);
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@media (max-width: 992px) {
  .r-hero__body {
    padding: 38px 48px;
  }
  .r-hero__body p,
  .r-hero__body h1 {
    font-size: 14px;
    max-width: 446px;
    margin: 0 auto;
  }
}
@media (min-width: 600px) {
    .r-hero__body .mob{
        display: none;
    }
}
@media (max-width: 600px) {
  .r-hero {
    padding-top: 64px;
  }
  .r-hero__body p,
  .r-hero__body h1 {
    max-width: 246px;
  }
  .r-hero__body .desktop {
    display: none;
  }
}
@media (max-width: 350px) {
  .r-hero__body p,
  .r-hero__body h1 {
    font-size: 12px;
  }
}
.rules {
  margin-top: 40px;
  position: relative;
}
.rules .container {
  max-width: 1052px;
}
.rules__body > svg {
  position: absolute;
}
.rules__body .back {
  top: 150px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: -2;
}
.rules__body .star {
  right: -120px;
  top: 50px;
  width: 307px;
  height: 307px;
}
.rules__blue {
  max-width: 600px;
  min-height: 360px;
  border-radius: 100%;
  margin: -150px auto 0;
  width: 100%;
  z-index: -1;
  position: relative;
  background: var(--main-colors-blue);
  font-weight: 500;
  font-size: 24px;
  line-height: 117%;
  text-transform: uppercase;
  text-align: center;
  color: var(--main-colors-yellow);
  padding: 170px 100px 141px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(4deg);
}
.rules__blue span {
  transform: rotate(-4deg);
}
.rules__red {
  max-width: 1020px;
  margin: -100px auto 0;
  background: var(--main-colors-red);
  transform: rotate(4deg);
  z-index: 3;
  position: relative;
  padding: 55px 235px 60px;
}
.rules__red > div {
  display: flex;
  align-items: center;
  gap: 40px;
}
.rules__red span, .rules__red p {
  display: block;
  max-width: 383px;
  font-weight: 500;
  font-size: 24px;
  line-height: 117%;
  color: var(--bw-white);
}
.rules__red > * {
  transform: rotate(-4deg);
}
.rules__red .sign {
  position: absolute;
  right: -165px;
  bottom: -175px;
}
.rules__red .svg-wr {
  position: absolute;
  bottom: 50px;
  left: 47%;
}
.rules__red .svg-wr svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.rules__red .svg-wr svg.pulsation {
  animation: scaler 2s infinite linear;
}
.rules__black {
  background: var(--bw-black);
  max-width: 440px;
  width: 100%;
  border-radius: 50%;
  aspect-ratio: 1/1;
  padding-top: 176px;
  padding-bottom: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 64px;
  margin-top: -150px;
  z-index: 2;
  position: relative;
}
.rules__black span {
  font-weight: 500;
  font-size: 24px;
  line-height: 117%;
  text-transform: uppercase;
  text-align: center;
  color: var(--bw-white);
}
.rules__black p {
  margin-top: 12px;
  font-size: 24px;
  line-height: 117%;
  text-align: center;
  color: var(--main-colors-yellow);
}
.rules__blue-rect {
  position: relative;
  max-width: 1148px;
  margin: -85px -60px 0;
  background: var(--main-colors-blue);
  transform: rotate(-3deg);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 60px 40px;
  z-index: 0;
}
.rules__blue-rect > svg {
  position: absolute;
  top: 75px;
  left: -65px;
}
.rules__text {
  font-size: 24px;
  line-height: 117%;
  color: var(--bw-white);
  max-width: 429px;
  margin-left: 80px;
}
.rules__red-mark {
  max-width: 404px;
  background-image: url('data:image/svg+xml,<svg width="405" height="137" viewBox="0 0 405 137" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M399.343 106.727C399.343 104.009 401.62 101.721 404.655 101.721V92.4258C401.772 92.4258 399.343 90.2807 399.343 87.4206C399.343 84.7034 401.62 82.4153 404.655 82.4153V73.1199C401.772 73.1199 399.343 70.9747 399.343 68.1146C399.343 65.3975 401.62 63.1093 404.655 63.1093V53.8139C401.772 53.8139 399.343 51.5257 399.343 48.8086C399.343 46.0915 401.62 43.8033 404.655 43.8033V34.6509C401.772 34.6509 399.343 32.3628 399.343 29.6456C399.343 26.9285 401.62 24.6404 404.655 24.6404V17.49C394.639 17.49 386.443 9.76759 386.443 0.329102H18.8671C18.8671 9.76759 10.6718 17.49 0.655273 17.49V24.7834C3.53882 24.7834 5.96707 26.9285 5.96707 29.7886C5.96707 32.5058 3.53882 34.6509 0.655273 34.6509V43.9463C3.53882 43.9463 5.96707 46.0915 5.96707 48.9516C5.96707 51.6687 3.69059 53.9569 0.655273 53.9569V63.2523C3.53882 63.2523 5.96707 65.3975 5.96707 68.2576C5.96707 70.9747 3.69059 73.2629 0.655273 73.2629V82.5583C3.53882 82.5583 5.96707 84.7034 5.96707 87.5636C5.96707 90.2807 3.69059 92.5688 0.655273 92.5688V101.864C3.53882 101.864 5.96707 104.009 5.96707 106.87C5.96707 109.587 3.69059 111.875 0.655273 111.875V119.168C10.6718 119.168 18.8671 126.891 18.8671 136.329H386.443C386.443 126.891 394.639 119.168 404.655 119.168V111.875C401.772 111.589 399.343 109.444 399.343 106.727Z" fill="%23EA2424" /></svg>');
  background-size: 100% 100%;
  padding: 28px 40px;
  margin-left: auto;
  margin-right: 40px;
}
.rules__red-mark P {
  max-width: 320px;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: var(--bw-white);
}
.rules__red-mark P + p {
  margin-top: 10px;
}
.rules__gray {
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  background: var(--bw-light-gray);
  border-radius: 100px;
  padding: 36px 28px;
  max-width: 676px;
  margin-top: 20px;
  margin-bottom: -60px;
  transform: rotate(6deg);
}
.rules__gray p + p{
    margin-top: 10px;
}
.rules .btn {
  margin-left: auto;
  margin-bottom: -40px;
  max-width: 346px;
  width: 100%;
}

@keyframes scaler {
  0% {
    transform: scale(1, 1);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: scale(0.75, 0.75);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: scale(1, 1);
  }
}
@media (max-width: 1100px) {
  .rules__blue-rect {
    flex-direction: column;
    max-width: 392px;
    margin: -20px auto 0;
    padding: 45px 25px 0 20px;
  }
  .rules__blue-rect > svg {
    width: 55px;
    height: auto;
    top: -5px;
    left: -20px;
  }
  .rules__text {
    margin-left: 0;
    font-size: 16px;
  }
  .rules__red-mark {
    max-width: 280px;
    margin-top: 15px;
    margin-right: -25px;
    padding: 20px 30px;
    position: relative;
  }
  .rules__red-mark p {
    font-size: 14px;
  }
  .rules__red-mark::after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="283" height="103" viewBox="0 0 283 103" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M278.708 80.4278C278.715 78.4068 280.308 76.7106 282.424 76.7182L282.449 69.8041C280.439 69.7969 278.752 68.1952 278.76 66.0678C278.767 64.0467 280.36 62.3505 282.476 62.3582L282.501 55.4441C280.491 55.4368 278.804 53.8351 278.811 51.7077C278.819 49.6867 280.412 47.9905 282.527 47.9981L282.552 41.084C280.543 41.0768 278.856 39.3687 278.863 37.3477C278.871 35.3266 280.464 33.6304 282.579 33.6381L282.604 26.8303C280.594 26.8231 278.908 25.115 278.915 23.094C278.922 21.0729 280.515 19.3767 282.631 19.3844L282.65 14.0658C275.668 14.0406 269.977 8.2759 270.002 1.25543L13.7872 0.328401C13.7618 7.34887 8.0285 13.0722 1.04659 13.047L1.02696 18.4719C3.0369 18.4791 4.72372 20.0808 4.71602 22.2082C4.70871 24.2293 3.01035 25.8187 1.00041 25.8115L0.975389 32.7256C2.98533 32.7328 4.67214 34.3345 4.66445 36.4619C4.65713 38.483 3.06418 40.1792 0.948449 40.1715L0.923433 47.0856C2.93338 47.0929 4.62019 48.6946 4.61249 50.822C4.60518 52.843 3.01222 54.5392 0.896492 54.5316L0.871476 61.4457C2.88142 61.4529 4.56823 63.0546 4.56053 65.182C4.55322 67.2031 2.96026 68.8993 0.844535 68.8916L0.819519 75.8057C2.82946 75.813 4.51627 77.4147 4.50858 79.5421C4.50126 81.5631 2.90831 83.2593 0.792578 83.2517L0.77295 88.6766C7.75486 88.7018 13.4465 94.4665 13.4211 101.487L269.636 102.414C269.661 95.3936 275.395 89.6702 282.377 89.6955L282.396 84.2706C280.387 84.0505 278.7 82.4489 278.708 80.4278Z" fill="%2319237A" /></svg>');
    top: -3px;
    left: 3px;
    bottom: -6px;
    right: -8px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
  }
  .rules__gray {
    font-size: 12px;
    padding: 14px 20px;
    margin: 10px -32px 15px;
  }
  .rules .btn {
    margin: 40px -10px -10px -30px;
    width: 120%;
  }
}
@media (max-width: 1050px) {
  .rules__blue {
    margin-top: -130px;
  }
  .rules__body .star {
    width: 100px;
    height: 110px;
    right: -40px;
    top: -60px;
  }
  .rules__body .back {
    top: 80px;
    height: 100%;
    width: 500vw;
    left: -200vw;
    right: -200vw;
  }
  .rules__black {
    padding: 80px 18px 60px;
    max-width: 360px;
    margin-left: 16vw;
    margin-top: -90px;
  }
  .rules__red {
    max-width: 500px;
    padding: 24px 10px 24px 24px;
  }
  .rules__red div {
    gap: 14px;
  }
  .rules__red span {
    font-size: 16px;
    max-width: none;
    flex: 0 1 100%;
  }
  .rules__red .calendar {
    width: 66px;
    height: 66px;
  }
  .rules__red .svg-wr {
    bottom: -162px;
    left: auto;
    right: 145px;
  }
  .rules__red .svg-wr svg {
    width: 110px;
    height: 110px;
  }
  .rules__red .sign {
    width: 65px;
    height: auto;
    right: -26px;
    bottom: -97px;
  }
}
@media (max-width: 700px) {
  .rules__blue {
    margin-top: -80px;
    padding: 70px 40px;
    max-width: 330px;
    min-height: 200px;
    font-size: 16px;
  }
  .rules__red {
    margin-top: -55px;
  }
  .rules__red .svg-wr {
    bottom: -100px;
  }
  .rules__black {
    margin-top: -70px;
    max-width: 272px;
  }
  .rules__black span {
    font-size: 16px;
  }
  .rules__black p {
    font-size: 16px;
    margin-top: 8px;
  }
}
@media (max-width: 520px) {
  .rules {
    margin-bottom: 50px;
  }
  .rules__red {
    max-width: 330px;
  }
  .rules__red .svg-wr {
    right: 50px;
  }
  .rules__black {
    margin-left: 0;
  }
  .rules__blue-rect {
    max-width: 322px;
  }
  .rules .btn {
    margin-top: 20px;
    transform: rotate(3deg);
  }
}
@media (max-width: 425px) {
  .rules__body .star {
    z-index: -1;
  }
  .rules__body .heading.back.small-top-right2 {
    background-image: url('data:image/svg+xml,<svg width="345" height="68" viewBox="0 0 345 68" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M344.602 59.7156L1.69258 67.6142L0.310877 7.63011L319.902 0.268567L343.547 13.9095L344.602 59.7156Z" fill="%23F3ECE5" /><path d="M319.902 0.268567L343.547 13.9095L324.695 18.6242L319.902 0.268567Z" fill="%23C4C4C4" /></svg>');
  }
  .rules__body .back {
    height: 92%;
  }
  .rules__blue {
    margin-top: -60px;
  }
  .rules__gray {
    margin: 10px -35px 15px;
  }
  .rules__black {
    margin-left: -8px;
  }
  .rules__red .svg-wr {
    right: 90px;
  }
}
@media (max-width: 360px) {
  .rules__blue-rect {
    max-width: 280px;
  }
  .rules__red-mark::after {
    top: 9px;
  }
}
.rounds {
  margin-top: 50px;
}
.rounds__wrapp .heading {
  position: relative;
  z-index: 2;
}
.rounds__wrapper {
  max-width: 780px;
  margin: -50px auto 0;
  position: relative;
}
.rounds__wrapper > svg, .rounds__wrapper > img {
  position: absolute;
  z-index: 1;
}
.rounds__wrapper .whale {
  right: -30px;
  top: 300px;
}
.rounds__wrapper .star {
  right: -120px;
  bottom: 270px;
}
.rounds__wrapper .btn {
  position: absolute;
  bottom: 105px;
  right: -25px;
  max-width: 346px;
  width: 100%;
}
.rounds__body {
  background: #EA2424;
  padding-left: 50px;
  padding-right: 123px;
  padding-top: 95px;
  padding-bottom: 80px;
  -webkit-clip-path: polygon(100% 0, 100% 95%, 92% 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, 100% 95%, 92% 100%, 0 100%, 0 0);
  position: relative;
}
.rounds__body::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  background: #A61C1C;
  -webkit-clip-path: polygon(35% 1%, 0 99%, 92% 12%);
          clip-path: polygon(35% 1%, 0 99%, 92% 12%);
  right: -7px;
  bottom: -7px;
}
.rounds__item {
  position: relative;
}
.rounds__item span {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 22px;
  line-height: 136%;
  text-transform: uppercase;
  color: var(--bw-black);
  background: var(--main-colors-yellow);
  padding: 8px 12px;
  display: inline-block;
  position: relative;
}
.rounds__item span svg {
  position: absolute;
  top: -45px;
  right: -70px;
}
.rounds__item p {
  padding-left: 36px;
  font-size: 24px;
  line-height: 117%;
  color: var(--bw-white);
}
.rounds__item p:first-of-type{
   padding-top: 8px; 
}
.rounds__item + .rounds__item {
  margin-top: 28px;
}
.rounds__item > svg {
  position: absolute;
}
.rounds__item .hell {
  width: 117px;
  height: auto;
  top: -80px;
  right: -120px;
}
.rounds__item .whale-tr {
  top: 0;
  right: 140px;
}

.rounds {
  position: relative;
}
.rounds > svg, .rounds > img {
  position: absolute;
  left: 0;
  right: 0;
  top: -200px;
  width: 100%;
  z-index: -2;
}

@media (max-width: 900px) {
  .rounds__wrapper .btn {
    bottom: 45px;
    right: auto;
    left: 50px;
  }
/*   .rounds__body {
  padding-bottom: 150px;
} */
}
@media (max-width: 1100px) {
  .rounds__body {
    padding-bottom: 150px;
    padding-top: 70px;
    padding-left: 16px;
    padding-right: 50px;
    max-width: 392px;
    margin: 0 auto 0;
  }
  .rounds__body::after {
    -webkit-clip-path: polygon(43% 4%, 0 100%, 100% 23%);
            clip-path: polygon(43% 4%, 0 100%, 100% 23%);
    right: -13px;
    bottom: -15px;
  }
  .rounds__item + .rounds__item {
    margin-top: 20px;
  }
  .rounds__item span {
    /* text-transform: none; */
    font-size: 16px;
  }
  .rounds__item span svg {
    width: 54px;
    height: auto;
    right: -28px;
    top: -26px;
  }
  .rounds__item p {
    padding-left: 0;
    font-size: 16px;
  }
  .rounds__item .hell {
    width: 66px;
    height: auto;
    top: 5px;
    right: -57px;
  }
  .rounds__item .whale-tr {
    width: 70px;
    height: auto;
    top: auto;
    bottom: 20px;
    right: 0;
  }
  .rounds__wrapper .whale {
    width: 58px;
    height: auto;
    right: -5px;
    top: 255px;
  }
  .rounds__wrapper .star {
    width: 64px;
    height: auto;
    right: -20px;
    bottom: 290px;
  }
  .rounds__wrapper .btn {
/*     left: 16px; */
    left: 25%;
    bottom: 45px;
  }
}
@media (max-width: 480px) {
  .rounds {
    margin-top: 35px;
  }
  .rounds__body {
    padding-bottom: 130px;
    -webkit-clip-path: polygon(100% 0, 100% 95%, 87% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 95%, 87% 100%, 0 100%, 0 0);
  }
  .rounds__item span {
    display: block;
    margin-bottom: 8px;
  }
  .rounds__item p{
      display: inline;
  }
  .rounds__item .whale-tr {
    right: -36px;
  }
  .rounds__wrapper .btn {
    left: -5px;
    max-width: none;
  }
}
@media (max-width: 400px) {
  .rounds__body {
    -webkit-clip-path: polygon(100% 0, 100% 96%, 78% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 96%, 78% 100%, 0 100%, 0 0);
  }
  .rounds__body::after {
    -webkit-clip-path: polygon(61% 10%, 0 100%, 100% 40%);
            clip-path: polygon(61% 10%, 0 100%, 100% 40%);
    right: 12px;
  }
}
.if {
  margin-top: 120px;
}
.if__body {
  max-width: 865px;
  margin: 0 auto;
  padding: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.if__body span {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  padding: 12px 24px;
  background: var(--main-colors-yellow);
  position: absolute;
  top: -10px;
  z-index: 2;
}
.if__body p {
  font-size: 24px;
  line-height: 117%;
  text-align: center;
  color: var(--bw-light-beige);
}
.if__body p + p {
  margin-top: 10px;
}
.if__body::before {
  content: "";
  left: 0;
  top: 30px;
  right: 5px;
  bottom: 25px;
  background: var(--main-colors-blue);
  position: absolute;
  z-index: -1;
  transform: rotate(-4deg);
}
.if__body::after {
  content: "";
  left: -21px;
  top: -13px;
  right: -12px;
  bottom: 0px;
  position: absolute;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml,<svg width="896" height="322" viewBox="0 0 896 322" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.67097 320.507L11.442 25.5151L880.964 1.06159L894.776 312.557L1.67097 320.507Z" stroke="%23FFBC11" stroke-width="2" /></svg>');
}

@media (max-width: 900px) {
  .if {
    margin-top: 50px;
  }
  .if__body {
    max-width: 340px;
    padding: 50px 30px 32px;
  }
  .if__body span {
    font-size: 14px;
    top: -5px;
  }
  .if__body p {
    font-size: 16px;
  }
  .if__body p + p {
    margin-top: 8px;
  }
  .if__body::before {
    bottom: 0;
  }
  .if__body::after {
    left: 11px;
    top: 17px;
    right: 21px;
    bottom: 0px;
    background-image: url('data:image/svg+xml,<svg width="340" height="284" viewBox="0 0 340 284" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.00913 282.262L1.91464 15.7233L330.101 1.37198L338.286 282.989L1.00913 282.262Z" stroke="%23FFBC11" stroke-width="2" /></svg>');
  }
}
.faq {
  margin-top: 105px;
  position: relative;
}
.faq > svg {
  position: absolute;
}
.faq .back {
  top: 15px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: -2;
}
.faq__wrapp .heading {
  position: relative;
  z-index: 2;
}
.faq__wrapper {
  max-width: 880px;
  margin: -50px auto 0;
  position: relative;
}
.faq__wrapper > svg {
  position: absolute;
  z-index: 1;
}
@media (max-width: 900px) {
  .faq__wrapper > svg, .faq__wrapper > img {
    display: none;
  }
}
.faq__wrapper .person {
  right: -50px;
  top: 240px;
}
.faq__wrapper .star {
  bottom: 92px;
  right: -122px;
}
.faq__wrapper .star2 {
  left: -220px;
  top: 95px;
}
.faq__wrapper .btn {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 346px;
  width: 100%;
}
.faq__body {
  background: var(--main-colors-yellow);
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 115px;
  padding-bottom: 110px;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 96%, 0 0);
          clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 96%, 0 0);
  position: relative;
}
.faq__body::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 80px;
  background: #CE9B17;
  -webkit-clip-path: polygon(55% 6%, 14% 30%, 90% 100%);
          clip-path: polygon(55% 6%, 14% 30%, 90% 100%);
  left: -10px;
  bottom: -10px;
}
.faq__item {
  position: relative;
}
.faq__item span {
  font-size: 24px;
  line-height: 117%;
  color: var(--bw-white);
  background: var(--main-colors-dark-green);
  padding: 16px 12px;
  display: inline-block;
  position: relative;
}
.faq__item span svg {
  position: absolute;
  top: -45px;
  right: -70px;
}
.faq__item p {
  padding-top: 20px;
  font-size: 24px;
  line-height: 117%;
}
.faq__item + .faq__item {
  margin-top: 28px;
}
.faq__item > svg {
  position: absolute;
}

@media (max-width: 768px) {
  .faq {
    margin-top: 40px;
  }
  .faq__body {
    padding: 90px 32px 150px 16px;
  }
  .faq__body::after {
    -webkit-clip-path: polygon(44% 6%, 14% 30%, 77% 100%);
            clip-path: polygon(44% 6%, 14% 30%, 77% 100%);
    left: -14px;
    bottom: -16px;
  }
  .faq__item + .faq__item {
    margin-top: 20px;
  }
  .faq__item span {
    font-size: 16px;
  }
  .faq__item p {
    font-size: 16px;
  }
  .faq__wrapper {
    padding: 0 16px;
  }
  .faq__wrapper .btn {
    bottom: 30px;
  }
}
@media (max-width: 600px) {
  .faq__body {
    padding-top: 70px;
    padding-bottom: 100px;
  }
  .faq .back {
    width: 400%;
    height: 200%;
  }
}
@media (max-width: 480px) {
  .faq .heading.back.small-top-right2 {
    background-image: url('data:image/svg+xml,<svg width="347" height="99" viewBox="0 0 347 99" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M346.539 77.5328L4.02521 98.8124L0.883083 20.8196L320.106 0.98702L344.139 17.9747L346.539 77.5328Z" fill="%23F3ECE5" /><path d="M320.106 0.98702L344.139 17.9747L325.435 24.7132L320.106 0.98702Z" fill="%23C4C4C4" /></svg>');
  }
  .faq__item span {
    display: block;
  }
  .faq__body {
    padding-top: 90px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 15% 100%, 0 97%, 0 0);
            clip-path: polygon(100% 0, 100% 100%, 15% 100%, 0 97%, 0 0);
  }
  .faq__body::after {
    -webkit-clip-path: polygon(38% 17%, 0% 30%, 64% 100%);
            clip-path: polygon(38% 17%, 0% 30%, 64% 100%);
  }
  .faq__wrapper .btn {
    max-width: none;
  }
}
@media (max-width: 425px) {
  .faq__body::after {
    -webkit-clip-path: polygon(38% 17%, 0% 50%, 71% 100%);
            clip-path: polygon(38% 17%, 0% 50%, 71% 100%);
  }
}
@media (max-width: 768px) {
  .adv, .photo-grid, .options, .clients, .feedback {
    padding: 20px 0;
  }
  .every, .achieve, .h-feedback, .h-photo {
    padding: 40px 0;
  }
}
.wrapper:has(.reviews) {
  background-image: url("../images/icons/iq.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 25% 85%;
}
.iq-defer-background .wrapper:has(.reviews):not(.iq-background-ready) {
  background-image: none;
}
.wrapper:has(.reviews) .how, .wrapper:has(.reviews) .reviews, .wrapper:has(.reviews) .contacts {
  z-index: 2;
}
@media (max-width: 1300px) {
  .wrapper:has(.reviews) {
    background-position: 25% 80%;
  }
}
@media (max-width: 992px) {
  .wrapper:has(.reviews) {
    background-position: 25% 78%;
  }
}

@media (min-width: 1041px) {
    .quiz {
        width: 324px;
    }
}

.quiz{
  display: flex;
  flex-direction: column;
  min-height: 337px;
}

.quiz__body{
  flex: 1 1;
}

.quiz__title{
  margin-bottom: auto;
  margin-top: auto;
}

/* .quiz__title + div{
  margin-top: auto;
} */

@media (max-width: 950px) {
  .schedule__body{
    display: flex;
    flex-direction: column;
  }
}
.back-index{
    z-index: -1;
}

.header + * {
        flex: 1;
    }
    #msmcd-dropdown .dropdown-toggle{
  display: none;
}

#msOrder{
  margin-top: 15px !important;
  .btn-secondary{
    width: 100%;
    margin: 20px 0 30px;
  }
}

.text{
  text-align: center;
  a{
    display: block;
    color: var(--main-colors-yellow);
  }
}

.cart__body{
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
}

.cart__input-wrap{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* cart dropdown */
.dropdown-wrapp{
    position: relative;
}
.dropdown-wrapp select{
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    height: 60px;
    padding: 0 45px 0 20px;
    font-size: 16px;
    line-height: 1.33;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    color: initial;
    -webkit-appearance: none;
    appearance: none;
        color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    height: 56px;
}
.dropdown-wrapp:after {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0;
    border-color: #000 transparent transparent;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}
/* cart dropdown */

.cart__input-wrap label{
  font-weight: 600;
}

.cart__input-wrap input{
  padding: 10px 12px;
  border: 1px solid #374151;
  font-size: 18px;
}

.cart__input-wrap textarea{
  padding: 12px;
  border: 1px solid;
  resize: vertical;
}

.modal__title {
    font-weight: 600;
    color: #000000;
    font-size: 24px;
    line-height: 1.35;
    text-align: left;
    padding-bottom: 15px;
}

.cart__wrapper {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cart__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  gap: 10px;
}
.cart__img img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
}
.cart__title {
  display: flex;
  flex: 0 1 80%;
}
.cart__title {
  width: 100%;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: left;
  line-height: 1.55;
}
.cart__amount-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cartProductCount__btn{
    cursor: pointer;
}

.cart__price {
  width: 94px;
  font-weight: 300;
  font-size: 16px;
}
.cart__delete button {
  opacity: 0.4;
  background: transparent;
}
.cart__footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
  font-size: 16px;
  text-align: right;
  font-weight: 600;
  color: #000;
}

.cartProductCount {
  display: flex;
  align-items: center;
}
.cartProductCount input {
  font-size: 16px;
  width: 20px;
  text-align: center;
  margin: 0 10px;
  background: transparent;
}
.cartProductCount + button {
  display: none;
}
.wrapper:not(:has(section)){
    justify-content: flex-end;
}
.form__input-wrapper input.si-error{
    border-bottom: 1px solid var(--main-colors-red);
}
input[type="hidden"].si-error + label .custom-checkbox {
    border-color: var(--main-colors-red);
}
@media (max-width:450px){
    .fancybox__content{
        padding: 40px 20px 20px;
    }
}

/* filter */
.filters {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.filters + * {
  margin: 60px 0 0;
}
.filters button, .filters label {
  line-height: 125%;
  text-transform: uppercase;
  color: var(--bw-white);
}
.filters label input[type=checkbox] {
  display: none;
}

@media (min-width: 769px) {
  .filters {
    margin-top: 60px;
  }
  .filters button, .filters label {
    padding: 16px 28px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    border-radius: 100px;
  }
  .filters button {
    background: var(--color, var(--main-colors-red));
  }
  .filters button:hover {
    filter: contrast(0.8);
  }
  .filters label {
    border: 2px solid white;
    cursor: pointer;
  }
}
@media (min-width: 769px) and (hover: hover) {
  .filters label:hover {
    background: var(--color, var(--main-colors-red));
    border-color: var(--color, var(--main-colors-red));
  }
}
@media (min-width: 769px) {
  .filters label:has(input[type=checkbox]:checked) {
    background: var(--color, var(--main-colors-red));
    border-color: var(--color, var(--main-colors-red));
  }
  .filter-options {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .filters {
    margin-top: 30px;
    gap: 12px;
    flex-direction: column;
  }
  .filters + * {
    margin-top: 24px;
  }
  .filters button {
    background: transparent;
    text-align: left;
  }
  .filters button, .filters label {
    font-size: 16px;
    position: relative;
  }
  .filters button::after, .filters label::after {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid var(--bw-white);
    position: absolute;
    right: 0;
  }
  .filters button::before, .filters label::before {
    content: "";
    width: 12px;
    height: 12px;
    background: var(--main-colors-red);
    position: absolute;
    right: 4px;
    top: 4px;
    transform: scale(0);
    transition: all 0.1s;
  }
  .filters label:has(input[type=checkbox]:checked)::before {
    transform: scale(1);
  }
  .filter-group:not(:has(input[type=checkbox]:checked)) button:before {
    transform: scale(1);
  }
}
/* Основные стили для фильтров */
.filter-group {
  width: 100%;
}
.filter-group:has(.active) .filter-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  color: var(--main-colors-light-green);
}
.filter-group:has(.active) .filter-header::after {
  transform: rotate(180deg);
}

/* Заголовок фильтра */
.filter-header {
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-transform: uppercase;
  color: var(--bw-white);
  border: 2px solid var(--bw-white);
  border-radius: 25px;
  padding: 16px 20px;
  position: relative;
}
@media (min-width: 769px) {
  .filter-header {
    display: none;
  }
}
.filter-header::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 16px;
  transition: all 0.3s;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 16L1.33975 7L18.6603 7L10 16Z" fill="white" /></svg>');
}

/* Скрываем опции на мобильных */
@media (max-width: 768px) {
  /* Опции фильтра */
  .filter-options {
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    max-height: 0;
    padding: 4px 20px 16px;
    border: 2px solid var(--bw-white);
    border-top: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    transition: max-height 0.3s ease, padding 0.3s ease;
  }
  /* Видимый фильтр */
  .filter-options.active {
    max-height: 300px; /* Достаточно большое значение для отображения содержимого */
  }
  .filter-options {
    display: none;
  }
  .filter-options.active {
    display: flex;
  }
}

/* addons */
@media (max-width: 425px) {
  .hero-main{
    margin-bottom: 10px;
  }
  .corporate-section__head{
    margin-top: 25px;
  }
  .rules{
    margin-top: 12px;
    margin-bottom: 40px;
  }
  .rounds{
    margin-top: 10px;
  }
  .every h2{
    max-width: 286px;
    margin: 0 auto;
  }
  
  .more__bottom br{
    display: none;
  }
  .more__bottom p span{
    margin: 0 2px;
  }
  .more__bottom > span{
    margin: 20px -14px;
  }
}

@media (max-width: 400px) {
  .more__bottom > span {
    margin: 20px -8px;
  }
}
#payments{
    display: none;
}

.quiz.sold,.quiz.game {
  position: relative;
  pointer-events: none;
}
.quiz.sold::after,.quiz.game::after {
  content: "";
  background-size: cover;
  position: absolute;
  width: 230px;
  height: 230px;
  left: 50%;
  transform: translate(-50%);
  bottom: 55px;
  z-index: 10;
}
@media (max-width: 1040px) {
  .quiz.sold::after,.quiz.game::after {
    width: 100px;
    height: 100px;
    left: unset;
    right: -20px;
    bottom: 10px;
  }
}
.quiz.game::after {
  background: url("../images/icons/gameover.svg");
}
.quiz.sold::after {
  background: url("../images/icons/Sold_Out_7.svg");
}  



@media (max-width: 1040px) {
    .quiz{
      min-height: auto;
    }
}

.quiz__date span,
.quiz__date-main,
.quiz__date-place {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  width:100%;
  line-height:60%;
  min-height: 100%;
}
.quiz__date span:first-child,
.quiz__date-main {
  width:40%;
}
.quiz__date span:last-child,
.quiz__date-place {
  width:60%;
}
.quiz__date span:first-child b,
.quiz__date-main b {
  font-size:12px;
  font-weight:400;
  line-height:20px;
  display:inline-block;
  width:100%;
  text-transform:uppercase;
}
.quiz__date-main time {
  font: inherit;
  font-size: 28px;
  font-weight: 700;
  line-height: 60%;
  display: block;
  width: 100%;
  text-transform: lowercase;
  color: inherit;
}
.quiz__address::before{
  display:none !important;
}
.quiz__address{
  padding-bottom:0 !important;
  text-align:center !important;
}
.quiz__date span:last-child .quiz__address,
.quiz__date-place .quiz__address {
  font-size: 22px;
  line-height: 80% !important;
}
.quiz__date span:last-child div,
.quiz__date-place .quiz__address div {
  text-transform:uppercase;
  font-size:22px !important;
  line-height: 80% !important;
}
.quiz__date span:last-child b,
.quiz__date-place .quiz__address b {
  text-transform:lowercase;
  background:transparent;
  padding:0;
  font-size:12px;
  font-weight:400;
  line-height:20px;
}
.quiz__date span:last-child,
.quiz__date-place {
    padding-left:0 !important;
    padding-right:0 !important;
}
.mspc_form .btn-secondary{
    font-weight: 400;
    font-size: 20px;
    padding: 0 10px;
}
.cost__body {
    background: #EA2424;
    padding: 50px;
    gap: 60px;
}
@media (min-width: 1040px) {
    .cost__body {
        display: flex;
    }
    .cost__item {
         margin-bottom: 28px;
    }
}
.cost__item {
    font-size: 24px;
    line-height: 117%;
    color: var(--bw-white);
}
@media (max-width: 1040px) {
    .cost__item {
         margin-bottom: 28px;
    }
}
.cost__item ul {
    margin-top: 20px;
}
.cost__item ul li {
    position: relative;
    padding-left: 32px;
}
.cost__item ul li::before {
    content: "•";
    position: absolute;
    left: 12px;
}
.rounds__item.cost__item {
    margin-top: 0;
}
.iq__want {
    margin-top: 108px;
}
@media (max-width: 450px) {
    .corporat__reviews {
        margin-bottom: 35px;
    }
}
.clientsLogo__body {
    margin-top: 40px;
}
.logo__slide img {
    width: 100%;
}

.corporate .corporate-section {
    margin-top: 0px!important;
}

.corporate .achieve {
    background: #000;
}

.corporate .want ul {
  padding-left: 20px;
  margin: 15px 0;
  list-style-type: disc; 

}
.corporate .want li {
 
  list-style-type: disc; 

}

.corporate .bday-section::after {
    background: #000;
}

.corporate .bday-section__text-wrapp p {
    margin: 10px 0;
    line-height: 1.3;
}

.corporate .rounds__item ul {
     padding-left: 36px;
  margin: 15px 0;
  list-style-type: disc; 
}
body {
    /* overflow-x: hidden; */
    width: 100vw;
} 
.footer, .feedback {
    /* overflow: hidden; */
}
.corporate .rounds__item li {
     list-style-type: disc; 
    
    font-size: 24px;
    line-height: 117%;
    color: var(--bw-white);
}

.corporate .bday-section {
    padding-bottom: 150px;
}


@media (max-width: 768px) {
    .corporate .achieve {
        padding-bottom: 150px;
    }
}

.b2b-content {
  content-visibility: auto;
  contain-intrinsic-size: auto 1800px;
  background: #101011;
  color: #fff;
  padding: 64px 0;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 400;
}
.b2b-content .container { max-width: 960px; }
.b2b-content section { margin: 0 0 40px; scroll-margin-top: 110px; }
.b2b-content h2 { color: inherit; font-size: clamp(26px, 4vw, 38px); font-weight: 600; line-height: 1.2; margin: 0 0 20px; text-align: left; text-transform: none; }
.b2b-content h3 { color: inherit; font-size: 23px; font-weight: 600; line-height: 1.3; margin: 28px 0 12px; }
.b2b-content p, .b2b-content ul, .b2b-content ol { margin: 0 0 18px; }
.b2b-content ul, .b2b-content ol { padding-left: 24px; }
.b2b-content ul { list-style: disc; }
.b2b-content ol { list-style: decimal; }
.b2b-content a:not(.btn) { color: #ffbc11; text-decoration: underline; }
.b2b-content .btn { max-width: 100%; white-space: normal; text-align: center; }
.faq__item a { text-decoration: underline; }
.b2b-breadcrumbs { margin-bottom: 32px; font-size: 16px; }
@media print {
  .b2b-content { content-visibility: visible; contain-intrinsic-size: none; }
}

.content {
  background: #fff;
  flex: 1;
  font-size: 20px;
  line-height: 1.55;
  margin-bottom: -200px;
  padding-bottom: 200px;
}
.content a {
  color: #ff8562;
}
.content .container {
  max-width: 720px;
}
.content h1 {
  color: #101011;
  font-size: 40px;
  line-height: 1.15;
  margin: 0 0 28px;
}
@media (max-width: 600px) {
  .content h1 {
    font-size: 30px;
  }
}
@media (min-width: 1081px) {
  .wrapper:has(.content) .header:not(.active) .header__menu ul li a {
    color: #000;
  }
}
.wrapper:has(.content) #burger path {
  fill: #00A59B;
}
.wrapper:has(.content) .footer {
  z-index: 2;
}

.why-us {
  padding: 60px 0;
  text-align: center;
}
.section-title {
  font-size: 80px;
  margin-bottom: 80px;
  color: #fff;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  gap: 30px;
}
.stat-icon img {
  margin-bottom: 20px;
  max-width: 150px;
}
.stat-number {
  display: block;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.stat-item:first-child .stat-number {
  color: #fff;
}
.stat-description {
  text-transform: uppercase;
  display: block;
  font-size: 20px;
  color: #fff;
  line-height: 1.4;
}
.section-title2 {
  font-size: 80px;
  margin-bottom: 50px;
  color: #fff;
}
.stats2-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
}
.stats2-grid .stat-item {
  width: calc((100% - 40px) / 3);
  min-width: 240px;
  box-sizing: border-box;
}
.stat-icon2 {
  padding: 20px;
}
.stat-icon2 img {
  margin-bottom: 20px;
  max-width: 150px;
  aspect-ratio: 3 / 2.3;
  border-radius: 20px;
  object-fit: cover;
}
.stat-number2 {
  display: block;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
}
.and-price__header {
  max-width: 850px;
  margin: 60px auto 20px;
  text-align: center;
  background-color: #ffbc11;
  padding: 30px 20px;
  font-size: 44px;
  color: black;
  font-weight: bold;
}
.and-price__text {
  max-width: 650px;
  margin: 0 auto 20px;
  display: block;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
}
.and-price .btn {
  max-width: 450px;
  margin: 30px auto 120px;
}
.if_list div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  margin-bottom: 15px;
}
.if_list div img {
  width: 60px;
  height: 60px;
}
.if_list div p {
  text-align: left;
}
@media (max-width: 768px) {
  .section-title {
    font-size: 30px;
    margin-bottom: 30px;
    color: #fff;
  }
  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }
  .section-title2 {
    font-size: 90px;
    margin-bottom: 60px;
    color: #fff;
  }
}
@media (max-width: 480px) {
  .section-title {
    font-size: 30px;
    margin-bottom: 40px;
    color: #fff;
  }
  .stats-grid {
    grid-template-columns: 0.5fr 0.5fr;
    gap: 10px;
  }
  .stats-grid .stat-icon img {
    width: 120px;
    height: 120px;
    border-radius: 20px;
  }
  .stats-grid .stat-number {
    font-size: 18px;
  }
  .stats-grid .stat-description {
    font-size: 14px;
  }
  .section-title2 {
    font-size: 30px;
    margin-bottom: 40px;
    color: #fff;
  }
  .stats2-grid {
    grid-template-columns: 0.5fr 0.5fr;
    gap: 10px;
  }
  .stat-icon {
    padding: 0px !important;
  }
  .stat-icon2 img {
    width: 120px !important;
    height: 120px !important;
    border-radius: 20px !important;
    aspect-ratio: 1 / 1 !important;
  }
  .stats2-grid .stat-number2 {
    font-size: 18px;
  }
  .stats2-grid .stat-description {
    font-size: 14px;
  }
  .and-price__header {
    margin: 20px auto 20px;
    font-size: 30px;
  }
  .and-price__text {
    font-size: 18px;
  }
}

.corporate-section .heading.back h1 {
  font-weight: 500;
  font-size: 44px;
  line-height: 118%;
}
@media (max-width: 768px) {
  .corporate-section .heading.back h1 {
    font-size: 24px;
  }
}

@media (min-width: 951px) {
  .hero-main .right-bottom-ellipse {
    bottom: -145px;
  }
}
.reviews__slider .swiper-wrapper {
  align-items: stretch;
}
.reviews__slide {
  align-self: stretch;
  display: flex;
  height: auto !important;
}
.reviews__text-wrapp {
  flex: 1 1 auto;
}
.stat-icon img,
.stat-icon2 img {
  border-radius: 20px;
  object-fit: cover;
}

/* Component styles loaded with the main stylesheet to avoid extra render-blocking requests. */
.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
}
.jGrowl.top-left { left: 0; top: 0; }
.jGrowl.top-right { right: 0; top: 0; }
.jGrowl.bottom-left { left: 0; bottom: 0; }
.jGrowl.bottom-right { right: 0; bottom: 0; }
.jGrowl.center { top: 0; width: 50%; left: 25%; }
.jGrowl.center .jGrowl-closer,
.jGrowl.center .jGrowl-notification {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl-notification,
.jGrowl-closer {
  background-color: #000;
  opacity: .9;
  width: 250px;
  padding: 10px;
  margin: 10px;
  display: none;
  border-radius: 5px;
}
.jGrowl-notification {
  text-align: left;
  min-height: 40px;
}
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight,
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.jGrowl-notification .jGrowl-header {
  font-weight: 700;
  font-size: .85em;
}
.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: 700;
  font-size: 1em;
  cursor: pointer;
}
.jGrowl-closer {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: 700;
  text-align: center;
}
div.jGrowl > .ui-state-highlight {
  color: inherit;
  background: inherit;
  border: inherit;
}
.ms2-message-success { background-color: green !important; }
.ms2-message-error { background-color: brown !important; }
.ms2-message-info { background-color: black !important; }
#msCart th.count,
#msCart th.weight,
#msCart th.price,
#msCart th.remove,
.ms-count,
.ms-weight,
.ms-price,
.ms-remove {
  width: 15%;
}
.js #msCart [type="submit"][value="cart/change"] {
  display: none;
}
#msMiniCart,
.msMiniCart {
  font-size: 0.8em;
}
#msMiniCart h5,
.msMiniCart h5 {
  margin: 0;
}
#msMiniCart .empty,
.msMiniCart .empty {
  display: block;
}
#msMiniCart .not_empty,
.msMiniCart .not_empty {
  display: none;
}
#msMiniCart.full .empty,
.msMiniCart.full .empty {
  display: none;
}
#msMiniCart.full .not_empty,
.msMiniCart.full .not_empty {
  display: block;
}
#msProduct .old_price,
#msCart .old_price,
.ms2_product .old_price {
  font-style: italic;
  color: brown;
  text-decoration: line-through;
}
#msOrder {
  margin-top: 50px;
}
#msOrder .radio {
  min-height: 30px;
  margin-bottom: 10px;
}
#msOrder .radio img {
  max-height: 30px;
  margin-top: -2px;
  padding: 0 10px;
}
#msOrder .required-star {
  display: none;
  color: brown;
}
#msOrder .required .required-star {
  display: inline;
}
#msOrder .error {
  border: 1px solid brown !important;
}
.msProductsLog,
.msGalleryLog,
.msCartLog,
.msOrderLog,
.msGetOrderLog {
  overflow: auto;
  width: 100%;
  word-wrap: normal;
  white-space: pre;
}
.ms-hidden {
  position: absolute !important;
  z-index: -10000 !important;
  visibility: hidden;
  opacity: 0;
}
.ms-input-number-wrap {
  display: flex;
  font-size: 16px;
}
.ms-input-number-emulator {
  width: 3em;
  text-align: center;
  background-color: transparent;
  border: none;
}
.ms-input-number-emulator:focus,
.ms-input-number-emulator:active {
  border: none;
  outline: none;
  box-shadow: none;
}
.ms-input-number-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress {
  position: relative;
}
.progress:before {
  content: "0%";
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s;
}
.progress .progress__value {
  transition: all 0.4s;
  opacity: 0;
}
.progress.active:before {
  opacity: 0;
}
.progress.active .progress__value {
  opacity: 1;
}
[data-fu-wrap] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
[data-fu-wrap] .file,
[data-fu-progress] {
  width: 100%;
}
.v_hidden {
  opacity: 0 !important;
}
[data-fu-id] {
  position: relative;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 5px;
  font-size: 12px;
  width: 100%;
  display: block;
  overflow: hidden;
  border: 1px solid #BDBDBD;
}
[data-fu-id]::before {
  content: attr(data-fu-text);
  position: relative;
  z-index: 1;
}
[data-fu-id] span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: #1FCA23;
  transition: all .4s;
}
[data-fu-dropzone] {
  display: flex;
  align-items: flex-start;
  border-radius: 20px;
  height: 200px;
  flex-wrap: wrap;
  gap: 20px;
}
[data-fu-dropzone] .btn {
  padding: 10px 20px;
}
[data-fu-hide] {
  pointer-events: none;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media print {
  .jGrowl {
    display: none;
  }
}