@charset "UTF-8";

.footer__bottom-menu .menu-item a,
.footer__menu .menu-item a,
.header__menu .menu-item a {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
}

.footer__bottom-menu .menu-item a,
.footer__menu .menu-item a,
.header__menu .menu-item a {
  display: block;
  padding: 8px;
  color: var(--white);
  opacity: 0.7;
  transition: var(--tr);
}

.footer__bottom-menu .menu-item a:hover,
.footer__menu .menu-item a:hover,
.header__menu .menu-item a:hover {
  opacity: 1;
}

.btn,
button.btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
  text-transform: uppercase;
}

.success__text,
.styled-text ul li,
.styled-text,
.flat-header__subtitle {
  font-size: var(--l);
  font-weight: 400;
  line-height: 1.27;
}

.form__field input {
  font-size: var(--m);
  font-weight: 400;
  line-height: 1.66;
}

.dev__text,
.footer__bottom-menu .menu-item a,
.footer__copyright,
.info-string__left > * span,
.discount__date {
  font-size: var(--s);
  font-weight: 400;
}

.success__title,
.section404__title,
.styled-text h1 {
  font-size: var(--h1);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.styled-text h2,
.flat-header__title {
  font-size: var(--h2);
  font-weight: 600;
  line-height: 1.18;
  text-transform: uppercase;
}

#modal-form .modal-form__title,
.styled-text h3 {
  font-size: var(--h3);
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase;
}

.styled-text h4 {
  font-size: var(--h4);
  line-height: 1.25;
  font-weight: 600;
  text-transform: uppercase;
}

.info-string__left > *.certificate,
.styled-text h5 {
  font-size: var(--h5);
  line-height: 1.25;
  font-weight: 600;
  text-transform: uppercase;
}

.info-string__left > * span:first-child,
.styled-text h6 {
  font-size: var(--h6);
  line-height: 1.25;
  font-weight: 600;
  text-transform: uppercase;
}

@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat/Montserrat-Light.eot");
  src: url("../fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Light.svg#Montserrat") format("svg");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Regular.svg#Montserrat") format("svg");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat") format("svg");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Bold.svg#Montserrat") format("svg");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.footer__bottom-menu .menu-item a,
.footer__menu .menu-item a,
.header__menu .menu-item a {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
}

.footer__bottom-menu .menu-item a,
.footer__menu .menu-item a,
.header__menu .menu-item a {
  display: block;
  padding: 8px;
  color: var(--white);
  opacity: 0.7;
  transition: var(--tr);
}

.footer__bottom-menu .menu-item a:hover,
.footer__menu .menu-item a:hover,
.header__menu .menu-item a:hover {
  opacity: 1;
}

.btn,
button.btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
  text-transform: uppercase;
}

.success__text,
.styled-text ul li,
.styled-text,
.flat-header__subtitle {
  font-size: var(--l);
  font-weight: 400;
  line-height: 1.27;
}

.form__field input {
  font-size: var(--m);
  font-weight: 400;
  line-height: 1.66;
}

.dev__text,
.footer__bottom-menu .menu-item a,
.footer__copyright,
.info-string__left > * span,
.discount__date {
  font-size: var(--s);
  font-weight: 400;
}

.success__title,
.section404__title,
.styled-text h1 {
  font-size: var(--h1);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.styled-text h2,
.flat-header__title {
  font-size: var(--h2);
  font-weight: 600;
  line-height: 1.18;
  text-transform: uppercase;
}

#modal-form .modal-form__title,
.styled-text h3 {
  font-size: var(--h3);
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase;
}

.styled-text h4 {
  font-size: var(--h4);
  line-height: 1.25;
  font-weight: 600;
  text-transform: uppercase;
}

.info-string__left > *.certificate,
.styled-text h5 {
  font-size: var(--h5);
  line-height: 1.25;
  font-weight: 600;
  text-transform: uppercase;
}

.info-string__left > * span:first-child,
.styled-text h6 {
  font-size: var(--h6);
  line-height: 1.25;
  font-weight: 600;
  text-transform: uppercase;
}

:root {
  --container-width: 1260px;
  --tr: .3s ease;
  --trd: .3s ease .3s;
  --default-font-family: "Montserrat";
  --heading-font-family: "Montserrat";
  --sp: 120px;
  --brad: 20px;
  --primary: #FFE928;
  --secondary: #02C358;
  --green-d: #269457;
  --menthol: #B6F1D3;
  --menthol-l: #E6F9EE;
  --white: #FFFFFF;
  --black: #1B2225;
  --gray: #262E31;
  --gray-900: #3F494D;
  --gray-500: #787D80;
  --gray-400: #B2B6B8;
  --gray-200: #D7DADB;
  --gray-100: #F5F5F5;
  --gray-50: #FAFAFA;
  --gray-20: rgb(120, 125, 128, 20%);
  --red: #DD0B0B;
  --green: #02C358;
  --fz-default: 14px;
  --h1: 52px;
  --h2: 44px;
  --h3: 32px;
  --h4: 24px;
  --h5: 18px;
  --h6: 14px;
  --xxl: 32px;
  --xl: 24px;
  --l: 22px;
  --m: 18px;
  --s: 14px;
  --xs: 12px;
  --xxs: 10px;
}

body {
  font: 400 var(--fz-default) var(--default-font-family), Helvetica, Arial, sans-serif;
  background: var(--black);
  min-width: 360px;
  color: var(--white);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.overflow-hidden {
  overflow: hidden;
  height: 100vh;
}

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

.hidden {
  display: none;
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}

[class*=__container] {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 10px;
  width: 100%;
}

[class*=__container] [class*=__container] {
  padding: 0;
}

form input.error {
  border: 2px solid var(--red) !important;
}

form input.not_error {
  border: 2px solid var(--green) !important;
}

.flat-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}

.flat-header__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.flat-header__subtitle {
  flex: 0 0 auto;
  width: 484px;
}

.flat-header__subtitle > * {
  margin-bottom: 0.5em;
}

.flat-header__subtitle > *:last-child {
  margin-bottom: 0;
}

.social {
  display: flex;
  gap: 16px;
}

.social a {
  position: relative;
  aspect-ratio: 1/1;
  width: 44px;
  border: 1px solid var(--white);
  border-radius: 8px;
  transition: var(--tr);
  overflow: hidden;
}

.social a:before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.social a:hover {
  filter: invert(1);
  border-color: #000000;
  background: #000000;
}

.social a.facebook:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4001_1318%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M7.665%2017.9168H10.9983V11.2418H14.0017L14.3317%207.92516H10.9983V6.25016C10.9983%206.02915%2011.0861%205.81719%2011.2424%205.66091C11.3987%205.50463%2011.6107%205.41683%2011.8317%205.41683H14.3317V2.0835H11.8317C10.7266%202.0835%209.66679%202.52248%208.88539%203.30388C8.10399%204.08529%207.665%205.14509%207.665%206.25016V7.92516H5.99833L5.66833%2011.2418H7.665V17.9168Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4001_1318)%22%3E%0D%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.social a.instagram:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4003_7739%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M10%207.0875C8.3875%207.0875%207.0875%208.4%207.0875%2010C7.0875%2011.6%208.4%2012.9125%2010%2012.9125C11.6%2012.9125%2012.9125%2011.6%2012.9125%2010C12.9125%208.4%2011.6%207.0875%2010%207.0875ZM18.75%2010C18.75%208.7875%2018.75%207.6%2018.6875%206.3875C18.625%204.9875%2018.3%203.7375%2017.275%202.725C16.25%201.7%2015.0125%201.375%2013.6125%201.3125C12.4%201.25%2011.2125%201.25%2010%201.25C8.7875%201.25%207.6%201.25%206.3875%201.3125C4.9875%201.375%203.7375%201.7%202.725%202.725C1.7%203.75%201.375%204.9875%201.3125%206.3875C1.25%207.6%201.25%208.7875%201.25%2010C1.25%2011.2125%201.25%2012.4%201.3125%2013.6125C1.375%2015.0125%201.7%2016.2625%202.725%2017.275C3.75%2018.3%204.9875%2018.625%206.3875%2018.6875C7.6%2018.75%208.7875%2018.75%2010%2018.75C11.2125%2018.75%2012.4%2018.75%2013.6125%2018.6875C15.0125%2018.625%2016.2625%2018.3%2017.275%2017.275C18.3%2016.25%2018.625%2015.0125%2018.6875%2013.6125C18.7625%2012.4125%2018.75%2011.2125%2018.75%2010ZM10%2014.4875C7.5125%2014.4875%205.5125%2012.4875%205.5125%2010C5.5125%207.5125%207.5125%205.5125%2010%205.5125C12.4875%205.5125%2014.4875%207.5125%2014.4875%2010C14.4875%2012.4875%2012.4875%2014.4875%2010%2014.4875ZM14.675%206.375C14.1%206.375%2013.625%205.9125%2013.625%205.325C13.625%204.7375%2014.0875%204.275%2014.675%204.275C15.2625%204.275%2015.725%204.7375%2015.725%205.325C15.7282%205.46192%2015.7032%205.59803%2015.6516%205.72489C15.6%205.85176%2015.5228%205.96667%2015.425%206.0625C15.3292%206.16034%2015.2143%206.23746%2015.0874%206.28906C14.9605%206.34067%2014.8244%206.36566%2014.6875%206.3625L14.675%206.375Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4003_7739)%22%3E%0D%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.social a.linkedin:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4001_1249%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M3.95833%201.5625C3.48868%201.5625%203.03826%201.74907%202.70617%202.08117C2.37407%202.41326%202.1875%202.86368%202.1875%203.33333C2.1875%203.80299%202.37407%204.25341%202.70617%204.5855C3.03826%204.9176%203.48868%205.10417%203.95833%205.10417C4.42799%205.10417%204.87841%204.9176%205.2105%204.5855C5.5426%204.25341%205.72917%203.80299%205.72917%203.33333C5.72917%202.86368%205.5426%202.41326%205.2105%202.08117C4.87841%201.74907%204.42799%201.5625%203.95833%201.5625ZM2.29167%206.5625C2.26404%206.5625%202.23754%206.57347%202.21801%206.59301C2.19847%206.61254%202.1875%206.63904%202.1875%206.66667V17.5C2.1875%2017.5575%202.23417%2017.6042%202.29167%2017.6042H5.625C5.65263%2017.6042%205.67912%2017.5932%205.69866%2017.5737C5.71819%2017.5541%205.72917%2017.5276%205.72917%2017.5V6.66667C5.72917%206.63904%205.71819%206.61254%205.69866%206.59301C5.67912%206.57347%205.65263%206.5625%205.625%206.5625H2.29167ZM7.70833%206.5625C7.68071%206.5625%207.65421%206.57347%207.63468%206.59301C7.61514%206.61254%207.60417%206.63904%207.60417%206.66667V17.5C7.60417%2017.5575%207.65083%2017.6042%207.70833%2017.6042H11.0417C11.0693%2017.6042%2011.0958%2017.5932%2011.1153%2017.5737C11.1349%2017.5541%2011.1458%2017.5276%2011.1458%2017.5V11.6667C11.1458%2011.2523%2011.3105%2010.8548%2011.6035%2010.5618C11.8965%2010.2688%2012.2939%2010.1042%2012.7083%2010.1042C13.1227%2010.1042%2013.5202%2010.2688%2013.8132%2010.5618C14.1062%2010.8548%2014.2708%2011.2523%2014.2708%2011.6667V17.5C14.2708%2017.5575%2014.3175%2017.6042%2014.375%2017.6042H17.7083C17.736%2017.6042%2017.7625%2017.5932%2017.782%2017.5737C17.8015%2017.5541%2017.8125%2017.5276%2017.8125%2017.5V10.3167C17.8125%208.29417%2016.0542%206.7125%2014.0417%206.895C13.4191%206.95212%2012.8092%207.1062%2012.2342%207.35167L11.1458%207.81833V6.66667C11.1458%206.63904%2011.1349%206.61254%2011.1153%206.59301C11.0958%206.57347%2011.0693%206.5625%2011.0417%206.5625H7.70833Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4001_1249)%22%3E%0D%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.social a.tiktok:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4001_251%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M13.8335%204.85C13.2639%204.19961%2012.95%203.3645%2012.9501%202.5H10.3751V12.8333C10.3557%2013.3927%2010.1197%2013.9226%209.71705%2014.3112C9.31437%2014.6999%208.77646%2014.917%208.2168%2014.9167C7.03346%2014.9167%206.05013%2013.95%206.05013%2012.75C6.05013%2011.3167%207.43346%2010.2417%208.85846%2010.6833V8.05C5.98346%207.66667%203.4668%209.9%203.4668%2012.75C3.4668%2015.525%205.7668%2017.5%208.20846%2017.5C10.8251%2017.5%2012.9501%2015.375%2012.9501%2012.75V7.50833C13.9943%208.25821%2015.2479%208.66054%2016.5335%208.65833V6.08333C16.5335%206.08333%2014.9668%206.15833%2013.8335%204.85Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4001_251)%22%3E%0D%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.social a.telegram:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4001_53%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M17.2585%203.04526C17.2585%203.04526%2018.8772%202.41401%2018.7418%203.94693C18.6972%204.57818%2018.2926%206.78776%2017.9776%209.17734L16.8985%2016.2565C16.8985%2016.2565%2016.8085%2017.2936%2015.9989%2017.474C15.1897%2017.654%2013.9755%2016.8428%2013.7505%2016.6623C13.5705%2016.5269%2010.378%2014.4978%209.25387%2013.5061C8.93887%2013.2353%208.57887%2012.6944%209.29887%2012.0632L14.0205%207.55401C14.5601%207.01234%2015.0997%205.74984%2012.8514%207.28318L6.55554%2011.5665C6.55554%2011.5665%205.83596%2012.0178%204.48721%2011.6119L1.56387%2010.7098C1.56387%2010.7098%200.484706%2010.0336%202.32846%209.35734C6.82554%207.23818%2012.3568%205.07401%2017.258%203.04484%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4001_53)%22%3E%0D%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.text {
  padding: var(--sp) 0;
}

.text ol ul li {
  padding-left: 20px;
}

.text ol ul li:before {
  display: none;
}

.discount {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.discount__circle {
  font: 700 var(--h4)/125% var(--heading-font-family);
  aspect-ratio: 1/1;
  color: var(--secondary);
  border: 2px solid var(--secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-10deg);
  padding: 2px;
}

.discount__circle sup {
  font-size: var(--xs);
  transform: translateY(-5px);
}

.discount__circle-full {
  aspect-ratio: 1/1;
  padding: 7px;
  border: 2px solid var(--secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center !important;
}

.discount__circle-full ._text {
  font-size: var(--xs);
}

.discount__circle-full ._value {
  font: 700 var(--h5)/140% var(--heading-font-family);
}

.discount__circle-full ._value sup {
  display: inline-block;
  font-size: 0.6em;
  transform: translateY(-5px);
}

h2,
._h2 {
  font: 700 var(--h2)/122% var(--heading-font-family);
  max-width: 700px;
}

h3,
._h3 {
  font: 700 var(--h3)/120% var(--heading-font-family);
}

h4,
._h4 {
  font: 700 var(--h4)/125% var(--heading-font-family);
}

h5,
._h5 {
  font: 700 var(--h5)/140% var(--heading-font-family);
}

h6,
._h6 {
  font: 700 var(--h6)/140% var(--heading-font-family);
}

a {
  color: var(--white);
  text-decoration: none;
}

._semibold {
  font-weight: 600;
}

._bold {
  font-weight: 700;
}

._primary {
  color: var(--primary);
}

._secondary {
  color: var(--secondary);
}

._s {
  font-size: var(--s);
  line-height: 140%;
}

._m {
  font-size: var(--m);
  line-height: 140%;
}

._l {
  font-size: var(--l);
  line-height: 140%;
}

.styled-text > * {
  margin: 0.5em 0;
}

.styled-text > *:first-child {
  margin-top: 0;
}

.styled-text > *:last-child {
  margin-bottom: 0;
}

.styled-text p {
  margin: 0.5em 0;
}

.styled-text ul,
.styled-text ol {
  margin: 0.5em 0;
}

.styled-text ul {
  display: flex;
  flex-direction: column;
}

.styled-text ul li {
  position: relative;
  padding: 0.36em 0 0.36em 25px !important;
}

.styled-text ul li:before {
  content: "";
  display: block;
  aspect-ratio: 9/10;
  width: 9px;
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M6.05308%200.167394C7.44818%200.652166%208.6488%201.82541%208.95102%203.32448C9.23402%204.72817%208.23202%205.92265%207.45164%207.10444C6.65422%208.31205%205.95097%209.85992%204.54933%209.99034C3.12386%2010.123%201.99958%208.86604%201.11533%207.69402C0.319209%206.63881%20-0.167029%205.35306%200.053028%204.03076C0.271215%202.7197%201.14443%201.68913%202.23111%200.989429C3.39524%200.239854%204.75479%20-0.283738%206.05308%200.167394Z%22%20fill%3D%22%2302C358%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.styled-text b,
.styled-text strong {
  font-weight: 700;
}

.styled-text i,
.styled-text em {
  font-style: italic;
}

.styled-text ol {
  padding-left: 20px;
  counter-reset: ollist1;
}

.styled-text ol > li {
  list-style: decimal;
  padding-left: 10px;
  counter-increment: ollist1;
  margin: 0.5em 0;
}

.styled-text ol > li::marker {
  content: counter(ollist1) ".";
}

.styled-text ol > li ol {
  counter-reset: ollist2;
}

.styled-text ol > li ol > li {
  list-style: inherit;
  counter-increment: ollist2;
  padding-left: inherit;
  margin: inherit;
}

.styled-text ol > li ol > li::marker {
  content: counter(ollist1) "." counter(ollist2);
}

.styled-text ol > li ol > li ol {
  counter-reset: ollist3;
}

.styled-text ol > li ol > li ol > li {
  list-style: inherit;
  counter-increment: ollist3;
  padding-left: inherit;
  margin: inherit;
}

.styled-text ol > li ol > li ol > li::marker {
  content: counter(ollist1) "." counter(ollist2) "." counter(ollist3);
}

.styled-text ol > li ol > li ol > li ol {
  counter-reset: ollist4;
}

.styled-text ol > li ol > li ol > li ol > li {
  list-style: inherit;
  counter-increment: ollist4;
  padding-left: inherit;
  margin: inherit;
}

.styled-text ol > li ol > li ol > li ol > li::marker {
  content: counter(ollist1) "." counter(ollist2) "." counter(ollist3) "." counter(ollist4);
}

.btn,
button.btn {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: var(--tr);
  cursor: pointer;
  box-shadow: none;
  border: none;
}

.btn:after,
button.btn:after {
  content: "";
  flex: 0 0 auto;
  display: block;
  aspect-ratio: 1/1;
  width: 16px;
  transition: var(--tr);
}

.btn_primary,
button.btn_primary {
  background: var(--primary);
  color: var(--black);
}

.btn_primary:hover,
button.btn_primary:hover {
  background: var(--white);
}

.btn_transparent,
button.btn_transparent {
  border: 2px solid var(--black);
  color: var(--black);
}

.btn_transparent:hover,
button.btn_transparent:hover {
  background: var(--black);
  color: var(--white);
}

.btn_transparent:hover::after,
button.btn_transparent:hover::after {
  filter: invert(1);
}

.btn_white,
button.btn_white {
  background: rgba(255, 255, 255, 0.1);
}

.btn_white:hover,
button.btn_white:hover {
  background: #000000;
  filter: invert(1);
}

.btn_disabled,
button.btn_disabled {
  background: var(--gray-20);
  pointer-events: none;
}

.btn._disabled,
button.btn._disabled {
  background: var(--gray-400);
  pointer-events: none;
}

.btn._calendar:after,
button.btn._calendar:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4004_1059%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%0D%0A%3Cpath%20d%3D%22M12.6667%204H3.33333C2.59695%204%202%204.59695%202%205.33333V12.6667C2%2013.403%202.59695%2014%203.33333%2014H12.6667C13.403%2014%2014%2013.403%2014%2012.6667V5.33333C14%204.59695%2013.403%204%2012.6667%204Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%2F%3E%0D%0A%3Cpath%20d%3D%22M4.66666%202V4M11.3333%202V4%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3Cpath%20d%3D%22M14%208L3%208%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3Cpath%20d%3D%22M6.75%2011L4.75%2011%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3Cpath%20d%3D%22M11.25%2011L9.25%2011%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4004_1059)%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.btn._arrow:after,
button.btn._arrow:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4004_936%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2217%22%20height%3D%2216%22%3E%0D%0A%3Cpath%20d%3D%22M1.36591%207.07448L12.0906%207.07448L7.92516%202.90899L9.23405%201.6001L15.6341%208.00014L9.23405%2014.4002L7.92516%2013.0913L12.0906%208.92581L1.36591%208.9258L1.36591%207.07448Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4004_936)%22%3E%0D%0A%3Crect%20x%3D%220.5%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.btn._arrow-down:after,
button.btn._arrow-down:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4001_711%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%0D%0A%3Cpath%20d%3D%22M1.6001%205.91555L8.0001%2012L14.4001%205.91555L13.2268%204.80005L8.00007%209.76908L2.77341%204.80008L1.6001%205.91555Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4001_711)%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.btn._ticket:after,
button.btn._ticket:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4004_241%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0_4004_241)%22%3E%0D%0A%3Cpath%20d%3D%22M6.96491%2011.8628L5.51602%2011.4746L6.03366%209.54273L7.48255%209.93096L6.96491%2011.8628Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cpath%20d%3D%22M7.74137%208.96504L6.29248%208.57681L6.81012%206.64496L8.25901%207.03319L7.74137%208.96504Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cpath%20d%3D%22M8.51783%206.06726L7.06894%205.67903L7.58657%203.74718L9.03546%204.13541L8.51783%206.06726Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.3515%203.75723C15.5222%203.80298%2015.6681%203.91488%2015.7565%204.06797C15.8449%204.22109%2015.8689%204.40334%2015.8231%204.57412L14.8743%208.11522C14.4474%208.00086%2013.9921%208.0608%2013.6094%208.28179C13.2266%208.50281%2012.947%208.86703%2012.8326%209.29396C12.7182%209.7209%2012.7782%2010.1761%2012.9992%2010.5589C13.2202%2010.9417%2013.5845%2011.2212%2014.0114%2011.3356L13.0626%2014.8767C13.0168%2015.0475%2012.9049%2015.1934%2012.7518%2015.2818C12.5987%2015.3701%2012.4164%2015.3941%2012.2457%2015.3483L0.654548%2012.2425C0.483994%2012.1967%200.338773%2012.085%200.250434%2011.932C0.162029%2011.7789%200.138094%2011.5967%200.183856%2011.4259L1.13269%207.88477C1.5596%207.9991%202.01487%207.93918%202.39761%207.7182C2.78036%207.49718%203.059%207.13269%203.17339%206.70577C3.28778%206.27886%203.22871%205.82388%203.00776%205.4411C2.78678%205.05836%202.42247%204.77883%201.99559%204.66439L2.94442%201.12329C2.99019%200.952501%203.10204%200.806636%203.25516%200.71823C3.40813%200.629958%203.58976%200.605805%203.76038%200.6514L15.3515%203.75723ZM3.54756%204.02272L3.63459%204.10164C4.00729%204.45699%204.2817%204.90278%204.43245%205.39519C4.58315%205.88755%204.60468%206.4102%204.49479%206.91325L4.46192%207.05103C4.32248%207.57149%204.04552%208.04501%203.65999%208.42142C3.27448%208.79781%202.79459%209.06372%202.27098%209.19067L2.1564%209.21457L1.64382%2011.1276L11.9473%2013.8884L12.4599%2011.9754L12.3726%2011.8974C12%2011.5423%2011.7255%2011.0969%2011.5745%2010.6048C11.4236%2010.1126%2011.4017%209.58951%2011.5112%209.08649L11.546%208.94921C11.6854%208.42863%2011.9624%207.95535%2012.3479%207.57882C12.7335%207.2023%2013.2132%206.93655%2013.7369%206.80957L13.8511%206.78354L14.3632%204.87244L4.05963%202.11162L3.54756%204.02272Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4004_241)%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0_4004_241%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.btn._none:after,
button.btn._none:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4027_548%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2217%22%20height%3D%2216%22%3E%0D%0A%3Cpath%20d%3D%22M13%204.54656L11.9534%203.5L8.5%206.95344L5.04656%203.5L4%204.54656L7.45344%208L4%2011.4534L5.04656%2012.5L8.5%209.04656L11.9534%2012.5L13%2011.4534L9.54656%208L13%204.54656Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4027_548)%22%3E%0D%0A%3Crect%20opacity%3D%220.3%22%20x%3D%220.5%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.btn._send:after,
button.btn._send:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4027_931%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%0D%0A%3Cpath%20d%3D%22M2.35307%2013.5395C2.10439%2013.6389%201.86813%2013.617%201.64432%2013.4738C1.4205%2013.3306%201.30859%2013.1224%201.30859%2012.8494V9.49211L7.27703%208L1.30859%206.50789V3.15064C1.30859%202.87709%201.4205%202.66894%201.64432%202.52619C1.86813%202.38345%202.10439%202.36156%202.35307%202.46054L13.8423%207.3099C14.1532%207.44667%2014.3086%207.67671%2014.3086%208C14.3086%208.32329%2014.1532%208.55332%2013.8423%208.6901L2.35307%2013.5395Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4027_931)%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.btn._arrow-right:after,
button.btn._arrow-right:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_4027_1309%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%0D%0A%3Cpath%20d%3D%22M0.866211%207.07432L11.591%207.07432L7.42547%202.90883L8.73436%201.59995L15.1344%207.99999L8.73435%2014.4L7.42547%2013.0911L11.591%208.92565L0.866211%208.92565L0.866211%207.07432Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_4027_1309)%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.subm {
  cursor: pointer;
  border: none;
  display: block;
  margin: 0 auto;
}

.form {
  overflow: hidden;
}

.form:before {
  content: "";
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: center/40px no-repeat url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22loader-1%22%20fill%3D%22%23ffffff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M20.201%205.169c-8.254%200-14.946%206.692-14.946%2014.946%200%208.255%206.692%2014.946%2014.946%2014.946s14.946-6.691%2014.946-14.946c-.001-8.254-6.692-14.946-14.946-14.946zm0%2026.58c-6.425%200-11.634-5.208-11.634-11.634%200-6.425%205.209-11.634%2011.634-11.634%206.425%200%2011.633%205.209%2011.633%2011.634%200%206.426-5.208%2011.634-11.633%2011.634z%22%2F%3E%3Cpath%20d%3D%22M26.013%2010.047l1.654-2.866a14.855%2014.855%200%2000-7.466-2.012v3.312c2.119%200%204.1.576%205.812%201.566z%22%3E%3CanimateTransform%20attributeType%3D%22xml%22%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2020%2020%22%20to%3D%22360%2020%2020%22%20dur%3D%220.5s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 1;
}

.form.loading {
  display: block;
}

.form__fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form__field input {
  background: var(--gray);
  font-family: var(--default-font-family);
  border: none;
  border-radius: 4px;
  width: 100%;
  padding: 12px 16px;
  color: var(--white);
}

.form__field input[disabled] {
  opacity: 0.5;
}

.form__field._agree {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  cursor: pointer;
}

.form__field._agree input[type=checkbox] {
  display: none;
}

.form__field._agree a {
  color: var(--primary);
}

.form__field._agree span.checkbox {
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
  border: 1px solid var(--white);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  transition: var(--tr);
}

.form__field._agree span.checkbox:before {
  content: "";
  display: block;
  height: 150%;
  width: 150%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0_2038_4888)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM7.08021%209.09688L4.73854%206.75521L3.73333%207.76146L7.08021%2011.1083L12.9167%205.27188L11.9115%204.26667L7.08021%209.09688Z%22%20fill%3D%22%23FFE928%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0_2038_4888%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
  transition: var(--tr);
}

.form__field._agree:has(input[type=checkbox]:checked) span.checkbox {
  border: 1px solid var(--primary);
}

.form__field._agree:has(input[type=checkbox]:checked) span.checkbox:before {
  transform: translate(-50%, -50%) scale(1);
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header:after {
  content: "";
  display: block;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.header__logo {
  aspect-ratio: 170/40;
  width: 170px;
  background: center left/contain no-repeat;
}

.header__right {
  display: flex;
  position: relative;
}

.header__menu {
  display: flex;
  gap: 12px;
}

.burger {
  display: none;
  height: 20px;
  width: 27px;
  position: relative;
  z-index: 6;
  cursor: pointer;
}

.burger:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 40px;
  width: 40px;
}

.burger span {
  background: var(--white);
  position: absolute;
  height: 2px;
  width: 100%;
  display: block;
  left: 0%;
  transition: top var(--trd), bottom var(--trd), transform var(--tr), opacity var(--trd);
}

.burger span:nth-child(1) {
  top: 0%;
}

.burger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.burger span:nth-child(3) {
  top: calc(100% - 2px);
}

.header.active .burger span {
  transition: top var(--tr), bottom var(--tr), transform var(--trd), opacity var(--tr);
  top: 50%;
}

.header.active .burger span:nth-child(1) {
  transform: translateY(-50%) rotate(45deg);
}

.header.active .burger span:nth-child(2) {
  transform: translateY(-50%);
  opacity: 0;
}

.header.active .burger span:nth-child(3) {
  transform: translateY(-50%) rotate(-45deg);
}

.info-string {
  background: var(--green);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(100%);
  transition: var(--tr);
  z-index: 100;
}

.info-string._visible {
  transform: translateY(0);
}

.info-string__container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
}

.info-string__left {
  display: flex;
}

.info-string__left > * {
  padding: 0 12px;
  position: relative;
  border-right: 1px solid var(--green-d);
  display: flex;
  align-items: center;
  gap: 4px;
}

.info-string__left > *:first-child {
  padding-left: 0;
}

.info-string__left > *:last-child {
  padding-right: 0;
  border-right: none;
}

.info-string__left > *:before {
  content: "";
  aspect-ratio: 1/1;
  width: 16px;
  margin-right: 4px;
  flex: 0 0 auto;
}

.info-string__left > *.location:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M13.3334%206.66666C13.3334%209.99533%209.64075%2013.462%208.40075%2014.5327C8.28523%2014.6195%208.14461%2014.6665%208.00008%2014.6665C7.85555%2014.6665%207.71493%2014.6195%207.59941%2014.5327C6.35941%2013.462%202.66675%209.99533%202.66675%206.66666C2.66675%205.25217%203.22865%203.89562%204.22885%202.89543C5.22904%201.89523%206.58559%201.33333%208.00008%201.33333C9.41457%201.33333%2010.7711%201.89523%2011.7713%202.89543C12.7715%203.89562%2013.3334%205.25217%2013.3334%206.66666Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3Cpath%20d%3D%22M8%208.66666C9.10457%208.66666%2010%207.77123%2010%206.66666C10%205.56209%209.10457%204.66666%208%204.66666C6.89543%204.66666%206%205.56209%206%206.66666C6%207.77123%206.89543%208.66666%208%208.66666Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.info-string__left > *.date:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12.6667%204H3.33333C2.59695%204%202%204.59695%202%205.33333V12.6667C2%2013.403%202.59695%2014%203.33333%2014H12.6667C13.403%2014%2014%2013.403%2014%2012.6667V5.33333C14%204.59695%2013.403%204%2012.6667%204Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%2F%3E%0D%0A%3Cpath%20d%3D%22M4.66675%202V4M11.3334%202V4%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3Cpath%20d%3D%22M14%208L3%208%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3Cpath%20d%3D%22M6.75%2011L4.75%2011%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3Cpath%20d%3D%22M11.25%2011L9.25%2011%22%20stroke%3D%22white%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.info-string__left > *.duration:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0_2064_695)%22%3E%0D%0A%3Cpath%20d%3D%22M8%2014.5C11.5899%2014.5%2014.5%2011.5899%2014.5%208C14.5%204.41015%2011.5899%201.5%208%201.5C4.41015%201.5%201.5%204.41015%201.5%208C1.5%2011.5899%204.41015%2014.5%208%2014.5Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3Cpath%20d%3D%22M7.27759%205.11111V8.72223H10.8887%22%20stroke%3D%22white%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0_2064_695%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.info-string__left > *.certificate {
  height: 100%;
  padding-left: 80px;
  position: relative;
  gap: 8px;
}

.info-string__left > *.certificate:before {
  background: center/contain no-repeat url("../img/cert.webp");
  aspect-ratio: 1/1;
  width: 70px;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-51%);
}

.info-string__left > *.certificate span.checked {
  aspect-ratio: 1/1;
  width: 16px;
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0_2099_1259)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.03076%200C12.449%200%2016.0308%203.58172%2016.0308%208C16.0308%2012.4183%2012.449%2016%208.03076%2016C3.61248%2016%200.0307617%2012.4183%200.0307617%208C0.0307617%203.58172%203.61248%200%208.03076%200ZM7.11097%209.09688L4.7693%206.75521L3.7641%207.76146L7.11097%2011.1083L12.9474%205.27188L11.9422%204.26667L7.11097%209.09688Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0_2099_1259%22%3E%0D%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0.0307617)%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.info-string__left > *.discount-row:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_2329_2360)%22%3E%0A%3Cpath%20d%3D%22M9.52925%205.52931C9.78895%205.26961%2010.211%205.26961%2010.4707%205.52931C10.7304%205.78901%2010.7304%206.21102%2010.4707%206.47071L6.47065%2010.4707C6.21095%2010.7304%205.78895%2010.7304%205.52925%2010.4707C5.26955%2010.211%205.26955%209.78901%205.52925%209.52931L9.52925%205.52931Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M6.83447%206.0845C6.83447%206.28342%206.75545%206.47418%206.6148%206.61483C6.47415%206.75549%206.28339%206.8345%206.08447%206.8345C5.88556%206.8345%205.6948%206.75549%205.55414%206.61483C5.41349%206.47418%205.33447%206.28342%205.33447%206.0845C5.33447%205.88559%205.41349%205.69483%205.55414%205.55417C5.6948%205.41352%205.88556%205.3345%206.08447%205.3345C6.28339%205.3345%206.47415%205.41352%206.6148%205.55417C6.75545%205.69483%206.83447%205.88559%206.83447%206.0845Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.4459%2010.4458C10.5865%2010.3051%2010.6655%2010.1144%2010.6655%209.91547C10.6655%209.71655%2010.5865%209.52579%2010.4459%209.38514C10.3052%209.24448%2010.1144%209.16547%209.91553%209.16547C9.71661%209.16547%209.52585%209.24448%209.3852%209.38514C9.24455%209.52579%209.16553%209.71655%209.16553%209.91547C9.16553%2010.1144%209.24455%2010.3051%209.3852%2010.4458C9.52585%2010.5864%209.71661%2010.6655%209.91553%2010.6655C10.1144%2010.6655%2010.3052%2010.5864%2010.4459%2010.4458Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M8%2014.5C11.5899%2014.5%2014.5%2011.5899%2014.5%208C14.5%204.41015%2011.5899%201.5%208%201.5C4.41015%201.5%201.5%204.41015%201.5%208C1.5%2011.5899%204.41015%2014.5%208%2014.5Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_2329_2360%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
}

.info-string__left > *.discount-row > span:first-child {
  text-transform: initial;
  opacity: 0.8;
}

.info-string__left > *.discount-row > span:last-child {
  font-size: 10px;
}

.info-string__left > *.discount-row > span:last-child span {
  font-size: 14px;
}

.info-string__left > *.discount-row > span:last-child sup {
  display: inline-block;
  transform: translateY(-3px);
}

.info-string__right {
  display: flex;
  gap: 8px;
}

.info-string__right .btn {
  padding: 8px 12px;
}

.footer {
  background: var(--black);
  margin-top: auto;
}

.footer__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.footer__logo {
  aspect-ratio: 422/270;
  width: 100%;
  max-width: 422px;
  margin: 0 auto;
  background: center/contain no-repeat;
}

.footer__menu {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.footer__social {
  display: flex;
  justify-content: center;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 32px 0;
}

.footer__copyright {
  color: var(--gray-400);
}

.footer__bottom-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

.footer__bottom-menu .menu-item a {
  opacity: 1;
  padding: 0 !important;
}

.single-master-class .footer {
  padding-bottom: 78px;
}

.dev {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dev__text {
  color: var(--gray-400);
  transition: var(--tr);
}

.dev:hover .dev__text {
  color: var(--white);
}

.dev__logo {
  background: center/contain no-repeat;
  aspect-ratio: 62/24;
  width: 62px;
}

.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(2, 195, 88, 0.3);
  z-index: 999;
  overflow: auto;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.modal-overlay .modal-content {
  position: relative;
  margin-bottom: 0px;
  border-radius: 4px;
}

.modal-overlay .close-button {
  position: absolute;
  aspect-ratio: 1/1;
  width: 16px;
  top: 16px;
  right: 16px;
  cursor: pointer;
  transition: 0.2s linear;
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12.5%204.54656L11.4534%203.5L8%206.95344L4.54656%203.5L3.5%204.54656L6.95344%208L3.5%2011.4534L4.54656%2012.5L8%209.04656L11.4534%2012.5L12.5%2011.4534L9.04656%208L12.5%204.54656Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

#modal-video .modal-content {
  height: auto;
  width: 100%;
}

#modal-video .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#modal-form .modal-form {
  background: var(--black);
  padding: 60px 40px 40px;
  border-radius: var(--brad);
  width: 100%;
  max-width: 460px;
  overflow: hidden;
}

#modal-form .modal-form__title {
  margin-bottom: 40px;
  text-align: center;
}

#modal-form .modal-form .btn {
  margin-top: 40px;
  width: 100%;
}

.countdownHolder {
  margin: 0 auto;
  font: 30px/1 Roboto, sans-serif;
  text-align: center;
  letter-spacing: -3px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  /*Параметры цифр */
  /*Параметры подложки для секций */
  /*Параметры секций разделения (:)*/
  /*Параметры вспомогательного текста (дни, часы, минуты, секунды)*/
}

.countdownHolder .position {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  position: relative;
  width: 0.5em;
}

.countdownHolder .digit {
  position: absolute;
  display: block;
  border-radius: 0.2em;
  text-align: center;
  color: #000;
  letter-spacing: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.countdownHolder .countDays,
.countdownHolder .countHours,
.countdownHolder .countMinutes,
.countdownHolder .countSeconds {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}

.countdownHolder .countDiv {
  display: none;
  width: 10px;
  height: 1em;
  position: relative;
}

.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
  background: #444;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 0.2em;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  content: "";
}

.countdownHolder .countDiv:after {
  top: 0.6em;
}

.countdownHolder .textdigit {
  font-size: 15px;
  letter-spacing: 0px;
}

.section404 {
  padding: 176px 0 91px;
}

.section404__container {
  display: flex;
}

.section404__left {
  flex: 0 0 51%;
}

.section404__title {
  margin-bottom: 20px;
}

.section404__title span {
  color: var(--gray-400);
}

.section404__text {
  margin-bottom: 80px;
}

.section404__right {
  flex: 0 0 49%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 30px;
}

.section404__img {
  aspect-ratio: 475/294;
  width: 475px;
  background: center/contain no-repeat;
}

.success {
  min-height: 500px;
  height: 100vh;
  max-height: 992px;
  background: var(--secondary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--black);
  overflow: hidden;
}

.success__container {
  position: relative;
}

.success__container:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1024/1355;
  width: 1024px;
  transform: translateY(-30%);
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%221204%22%20height%3D%221355%22%20viewBox%3D%220%200%201204%201355%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0_4033_1335)%22%3E%0D%0A%3Cg%20opacity%3D%220.15%22%3E%0D%0A%3Cpath%20d%3D%22M69.3327%201133.62C195.39%201300.98%20419.531%201374.24%20629.157%201350.69C824.237%201328.77%20970.9%201182.6%201079.06%201020.17C1180.02%20868.542%201234.05%20688.766%201186.61%20513.506C1183.89%20503.462%201180.88%20493.569%201177.59%20483.827C1201.36%20629.123%201110.58%20756.429%201022.2%20880.369C1008.62%20899.408%20995.105%20918.366%20982.066%20937.299C965.424%20961.464%20949.1%20986.732%20932.66%201012.18C847.672%201143.73%20759.585%201280.09%20608.361%201293.58C424.816%201309.95%20280.052%201154.78%20166.196%201010.09C91.1327%20914.694%2037.4645%20804.042%2025.2315%20687.532C-4.23231%20846.38%20-26.2393%201006.74%2069.3327%201133.62Z%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3Cpath%20d%3D%22M65.8216%20442.142C89.0506%20282.439%20120.345%20123.391%20256.621%2045.4275C391.97%20-32.0055%20551.169%200.554599%20700.136%2061.1089C565.219%2052.3991%20429.524%20108.493%20309.864%20182.367C205.211%20246.975%20115.934%20334.434%2065.8216%20442.142Z%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1175.12%20470.645C1136.21%20285.577%20981.614%20140.733%20801.979%2080.8854C634.81%2025.1907%20459.754%2089.8311%20309.858%20182.37C169.936%20268.752%2057.5001%20395.981%2029.4061%20557.84C1.07132%20721.085%2063.6799%20879.818%20166.19%201010.09C280.047%201154.78%20424.81%201309.96%20608.356%201293.58C759.579%201280.09%20847.667%201143.74%20932.654%201012.18C949.094%20986.735%20965.418%20961.467%20982.06%20937.303C995.099%20918.37%201008.62%20899.411%201022.2%20880.373C1113.24%20752.698%201206.83%20621.451%201175.12%20470.645ZM545.586%201106.59C815.722%201106.59%201034.71%20887.519%201034.71%20617.283C1034.71%20347.047%20815.722%20127.978%20545.586%20127.978C275.449%20127.978%2056.4605%20347.047%2056.4605%20617.283C56.4605%20887.519%20275.449%201106.59%20545.586%201106.59Z%22%20fill%3D%22%231B2225%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0_4033_1335%22%3E%0D%0A%3Crect%20width%3D%221204%22%20height%3D%221355%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.success__title {
  max-width: 630px;
  margin-bottom: 20px;
  position: relative;
}

.success__text {
  max-width: 630px;
  margin-bottom: 80px;
  position: relative;
}

.success .btn {
  position: relative;
}

@media (max-width: 1260px) {
  .footer__bottom-menu .menu-item a,
  .footer__menu .menu-item a,
  .header__menu .menu-item a {
    padding: 5px;
  }

  .success__text,
  .styled-text ul li,
  .styled-text,
  .flat-header__subtitle {
    font-size: 16px;
  }

  .form__field input {
    font-size: 16px;
  }

  .success__title,
  .section404__title,
  .styled-text h1 {
    font-size: var(--h2);
  }

  .styled-text h2,
  .flat-header__title {
    font-size: var(--h3);
  }

  #modal-form .modal-form__title,
  .styled-text h3 {
    font-size: var(--h4);
  }

  .styled-text h4 {
    font-size: var(--h5);
  }

  .footer__bottom-menu .menu-item a,
  .footer__menu .menu-item a,
  .header__menu .menu-item a {
    padding: 5px;
  }

  .success__text,
  .styled-text ul li,
  .styled-text,
  .flat-header__subtitle {
    font-size: 16px;
  }

  .form__field input {
    font-size: 16px;
  }

  .success__title,
  .section404__title,
  .styled-text h1 {
    font-size: var(--h2);
  }

  .styled-text h2,
  .flat-header__title {
    font-size: var(--h3);
  }

  #modal-form .modal-form__title,
  .styled-text h3 {
    font-size: var(--h4);
  }

  .styled-text h4 {
    font-size: var(--h5);
  }

  :root {
    --container-width: 760px;
    --sp: 80px;
    --brad: 18px;
  }

  .flat-header {
    flex-direction: column;
    gap: 30px;
  }

  .flat-header__subtitle {
    width: 100%;
  }

  .header__container {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header__logo {
    width: 150px;
  }

  .info-string__container {
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .info-string__left {
    height: 40px;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
  }

  .info-string__left > * {
    justify-content: center;
    padding: 0 5px;
  }

  .info-string__left > *.location {
    flex-wrap: wrap;
  }

  .info-string__left > *.certificate {
    padding-left: 4px;
  }

  .info-string__left > *.certificate:before {
    transform: translateY(-59%);
    width: 55px;
    left: 7px;
    display: none;
  }

  .info-string__right {
    justify-content: center;
    gap: 20px;
  }

  .footer__container {
    gap: 32px;
  }

  .footer__logo {
    max-width: 340px;
  }

  .footer__bottom {
    padding: 20px 0 32px;
  }

  .footer__bottom-menu {
    gap: 20px;
  }

  .section404 {
    padding: var(--sp) 0;
  }

  .section404__container {
    flex-direction: column;
  }

  .section404__left {
    order: 2;
    flex: 0 0 auto;
    text-align: center;
  }

  .section404__right {
    order: 1;
    flex: 0 0 auto;
    justify-content: center;
    margin-bottom: 40px;
  }

  .section404 .btn {
    margin: 0 auto;
  }

  .success {
    height: initial;
    padding: 172px 0;
  }
}

@media (max-width: 760px) {
  .success__text,
  .styled-text ul li,
  .styled-text,
  .flat-header__subtitle {
    font-size: var(--s);
  }

  .form__field input {
    font-size: var(--s);
  }

  .success__title,
  .section404__title,
  .styled-text h1 {
    line-height: 1.4;
    font-size: var(--h3);
  }

  .styled-text h2,
  .flat-header__title {
    font-size: 28px;
  }

  #modal-form .modal-form__title,
  .styled-text h3 {
    font-size: 20px;
  }

  .success__text,
  .styled-text ul li,
  .styled-text,
  .flat-header__subtitle {
    font-size: var(--s);
  }

  .form__field input {
    font-size: var(--s);
  }

  .success__title,
  .section404__title,
  .styled-text h1 {
    line-height: 1.4;
    font-size: var(--h3);
  }

  .styled-text h2,
  .flat-header__title {
    font-size: 28px;
  }

  #modal-form .modal-form__title,
  .styled-text h3 {
    font-size: 20px;
  }

  :root {
    --container-width: 100%;
    --sp: 60px;
    --brad: 14px;
  }

  [class*=__container] {
    flex-direction: column;
  }

  .flat-header {
    gap: 20px;
  }

  .social {
    width: 100%;
    justify-content: center;
  }

  .discount__circle {
    font-size: var(--h5);
    padding: 1px;
  }

  .discount__circle-full ._text {
    font-size: var(--xxs);
  }

  .discount__circle-full ._text br {
    display: none;
  }

  .header__container {
    flex-direction: row;
  }

  .header__logo {
    width: 120px;
  }

  .header__menu {
    position: absolute;
    top: calc(100% + 20px);
    right: 0;
    background: var(--black);
    flex-direction: column;
    min-width: 340px;
    border: 1px solid var(--gray-900);
    padding: 12px;
    border-radius: var(--brad);
    gap: 8px;
    transform-origin: top right;
    transform: scale(0);
    transition: var(--tr);
    box-shadow: 0px 10px 30px 1px #00000052;
  }

  .header.active .header__menu {
    transform: scale(1);
  }

  .burger {
    display: block;
    height: 14px;
    width: 22px;
  }

  .info-string__left {
    grid-template-columns: repeat(1, 1fr);
    height: auto;
    gap: 20px;
    display: none;
  }

  .info-string__left > * {
    border-right: none;
    justify-content: flex-start;
    padding-left: 0;
  }

  .info-string__left > * span {
    font-size: var(--m);
  }

  .info-string__left > * span:first-child {
    font-size: var(--l);
  }

  .info-string__left > *.certificate {
    padding-left: 35px;
  }

  .info-string__left > *.certificate:before {
    transform: translateY(-59%);
    width: 30px;
    left: 0px;
  }

  .info-string__right {
    gap: 4px;
  }

  .info-string__right .btn {
    padding: 5px 8px;
  }

  .info-string__right:has(._discount) {
    flex-wrap: wrap;
  }

  .info-string__right:has(._discount) .btn {
    width: 100%;
  }

  .footer {
    padding-top: 20px;
  }

  .footer__logo {
    max-width: 200px;
  }

  .footer__menu {
    margin-bottom: 20px;
  }

  .footer__bottom {
    flex-direction: column;
  }

  .footer__copyright {
    order: 2;
  }

  .footer__bottom-menu {
    order: 1;
  }

  .dev {
    order: 3;
  }

  #modal-form .modal-form {
    padding: 40px 20px 20px;
    max-width: 360px;
  }

  .section404__title {
    font-size: 27px;
  }

  .section404__text {
    margin-bottom: 40px;
  }

  .section404 .btn {
    width: 100%;
  }

  .success__title {
    font-size: 30px;
  }

  .success__text {
    margin-bottom: 40px;
  }

  .success .btn {
    width: 100%;
  }
}