*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

* {
  padding: 0;
  margin: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

p,
dd,
dl,
figure,
blockquote {
  margin: 0;
}

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

audio,
video {
  display: block;
}

img {
  display: block;
  border: none;
  max-width: 100%;
  max-height: 100%;
}

iframe {
  border: none;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr {
  border: none;
  text-decoration: none;
}

i,
em {
  font-style: inherit;
}

dfn {
  font-style: inherit;
}

mark {
  background-color: transparent;
  color: inherit;
}

small {
  font-size: inherit;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: inherit;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  font: inherit;
  /* By default, font properties for these elements are not inherited. */
  color: inherit;
  letter-spacing: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-align: left;
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
}

textarea {
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: none;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

[type=search] {
  outline: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

::-moz-placeholder {
  color: inherit;
  opacity: 1;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:-moz-placeholder {
  color: inherit;
  opacity: 1;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:focus::-webkit-input-placeholder {
  opacity: 0;
}

:focus::-moz-placeholder {
  opacity: 0;
}

:focus:-moz-placeholder {
  opacity: 0;
}

:focus:-ms-input-placeholder {
  opacity: 0;
}

a {
  outline: none;
}

button {
  outline: none;
}

input:focus {
  outline-style: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
}

textarea {
  outline: none;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

@font-face {
  font-family: GalanoGrotesque;
  font-display: swap;
  src: url("../fonts/GalanoGrotesque-Black.ttf") format("truetype"), url("../fonts/GalanoGrotesque-Black.woff") format("woff"), url("../fonts/GalanoGrotesque-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: GalanoGrotesque;
  font-display: swap;
  src: url("../fonts/GalanoGrotesque-Bold.ttf") format("truetype"), url("../fonts/GalanoGrotesque-Bold.woff") format("woff"), url("../fonts/GalanoGrotesque-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: GalanoGrotesque;
  font-display: swap;
  src: url("../fonts/GalanoGrotesque-Medium.ttf") format("truetype"), url("../fonts/GalanoGrotesque-Medium.woff") format("woff"), url("../fonts/GalanoGrotesque-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: GalanoGrotesque;
  font-display: swap;
  src: url("../fonts/GalanoGrotesque-Regular.ttf") format("truetype"), url("../fonts/GalanoGrotesque-Regular.woff") format("woff"), url("../fonts/GalanoGrotesque-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: GalanoGrotesque;
  font-display: swap;
  src: url("../fonts/GalanoGrotesque-SemiBold.ttf") format("truetype"), url("../fonts/GalanoGrotesque-SemiBold.woff") format("woff"), url("../fonts/GalanoGrotesque-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Halogen;
  font-display: swap;
  src: url("../fonts/Halogen-Black.ttf") format("truetype"), url("../fonts/Halogen-Black.woff") format("woff"), url("../fonts/Halogen-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Halogen;
  font-display: swap;
  src: url("../fonts/Halogen-Bold.ttf") format("truetype"), url("../fonts/Halogen-Bold.woff") format("woff"), url("../fonts/Halogen-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Halogen;
  font-display: swap;
  src: url("../fonts/Halogen-Medium.ttf") format("truetype"), url("../fonts/Halogen-Medium.woff") format("woff"), url("../fonts/Halogen-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  color: currentColor;
  fill: currentColor;
}

.icon-checked {
  font-size: 9px;
  width: 1.3333333333em;
}

.icon-chevron-down {
  font-size: 16px;
  width: 1em;
}

.icon-chevron-left {
  font-size: 19px;
  width: 0.5789473684em;
}

.icon-chevron-right {
  font-size: 9px;
  width: 0.8888888889em;
}

.icon-download {
  font-size: 19px;
  width: 1em;
}

.icon-envelope {
  font-size: 18px;
  width: 1em;
}

.icon-facebook {
  font-size: 19px;
  width: 0.9473684211em;
}

.icon-link {
  font-size: 19px;
  width: 0.9473684211em;
}

.icon-page-adapt {
  font-size: 512px;
  width: 1em;
}

.icon-pen {
  font-size: 22px;
  width: 1em;
}

.icon-share {
  font-size: 18px;
  width: 1.0555555556em;
}

.icon-time-fill {
  font-size: 22px;
  width: 1em;
}

.icon-trash {
  font-size: 24px;
  width: 1em;
}

.icon-twitter {
  font-size: 19px;
  width: 0.9473684211em;
}

.icon-user {
  font-size: 682.667px;
  width: 1em;
}

.white-bg {
  background-color: #ffffff !important;
}

.black-bg {
  background-color: #141325 !important;
}

.red-bg {
  background-color: #ff1c20 !important;
}

.blue-light-bg {
  background-color: #7069f4 !important;
}

.blue-bg {
  background-color: #3c3cd6 !important;
}

.beige-bg {
  background-color: #fbf1e8 !important;
}

.design-bg {
  background-color: #f7f7ff !important;
}

.p1 {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.p2 {
  font-size: 16px;
  line-height: 1.5;
}

.p3 {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.p4 {
  font-size: 12px;
  line-height: 1.2;
}

.d18 {
  font-weight: 900;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.d20 {
  font-size: 20px;
  line-height: 1.5;
}

.d24 {
  font-weight: 900;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ff-hal {
  font-family: "Halogen", sans-serif !important;
}

.ff-gg {
  font-family: "GalanoGrotesque", sans-serif !important;
}

.text-black {
  color: #141325;
}

.text-red {
  color: #ff1c20;
}

.text-blue {
  color: #7069f4;
}

.text-blue1 {
  color: #3c3cd6;
}

.text-blue2 {
  color: #4841c1 !important;
}

.text-grey {
  color: #979aa0 !important;
}

.text-purple {
  color: #bbbbf1 !important;
}

.section-space-top {
  padding-top: 100px;
}

.section-space-bottom {
  padding-bottom: 100px;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.m-0 {
  margin: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.gap-0 {
  gap: 0rem !important;
}

.gap-x-0 {
  -webkit-column-gap: 0rem !important;
     -moz-column-gap: 0rem !important;
          column-gap: 0rem !important;
}

.gap-y-0 {
  row-gap: 0rem !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-x-1 {
  -webkit-column-gap: 0.25rem !important;
     -moz-column-gap: 0.25rem !important;
          column-gap: 0.25rem !important;
}

.gap-y-1 {
  row-gap: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-x-2 {
  -webkit-column-gap: 0.5rem !important;
     -moz-column-gap: 0.5rem !important;
          column-gap: 0.5rem !important;
}

.gap-y-2 {
  row-gap: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.gap-3 {
  gap: 0.75rem !important;
}

.gap-x-3 {
  -webkit-column-gap: 0.75rem !important;
     -moz-column-gap: 0.75rem !important;
          column-gap: 0.75rem !important;
}

.gap-y-3 {
  row-gap: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.gap-4 {
  gap: 1rem !important;
}

.gap-x-4 {
  -webkit-column-gap: 1rem !important;
     -moz-column-gap: 1rem !important;
          column-gap: 1rem !important;
}

.gap-y-4 {
  row-gap: 1rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.ml-5 {
  margin-left: 1.25rem !important;
}

.mr-5 {
  margin-right: 1.25rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.pl-5 {
  padding-left: 1.25rem !important;
}

.pr-5 {
  padding-right: 1.25rem !important;
}

.gap-5 {
  gap: 1.25rem !important;
}

.gap-x-5 {
  -webkit-column-gap: 1.25rem !important;
     -moz-column-gap: 1.25rem !important;
          column-gap: 1.25rem !important;
}

.gap-y-5 {
  row-gap: 1.25rem !important;
}

.m-6 {
  margin: 1.5rem !important;
}

.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.mx-6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.ml-6 {
  margin-left: 1.5rem !important;
}

.mr-6 {
  margin-right: 1.5rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-6 {
  padding-top: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.pl-6 {
  padding-left: 1.5rem !important;
}

.pr-6 {
  padding-right: 1.5rem !important;
}

.gap-6 {
  gap: 1.5rem !important;
}

.gap-x-6 {
  -webkit-column-gap: 1.5rem !important;
     -moz-column-gap: 1.5rem !important;
          column-gap: 1.5rem !important;
}

.gap-y-6 {
  row-gap: 1.5rem !important;
}

.m-7 {
  margin: 1.75rem !important;
}

.my-7 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.mt-7 {
  margin-top: 1.75rem !important;
}

.mb-7 {
  margin-bottom: 1.75rem !important;
}

.mx-7 {
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important;
}

.ml-7 {
  margin-left: 1.75rem !important;
}

.mr-7 {
  margin-right: 1.75rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.pt-7 {
  padding-top: 1.75rem !important;
}

.pb-7 {
  padding-bottom: 1.75rem !important;
}

.px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.pl-7 {
  padding-left: 1.75rem !important;
}

.pr-7 {
  padding-right: 1.75rem !important;
}

.gap-7 {
  gap: 1.75rem !important;
}

.gap-x-7 {
  -webkit-column-gap: 1.75rem !important;
     -moz-column-gap: 1.75rem !important;
          column-gap: 1.75rem !important;
}

.gap-y-7 {
  row-gap: 1.75rem !important;
}

.m-8 {
  margin: 2rem !important;
}

.my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.mx-8 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.ml-8 {
  margin-left: 2rem !important;
}

.mr-8 {
  margin-right: 2rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.pl-8 {
  padding-left: 2rem !important;
}

.pr-8 {
  padding-right: 2rem !important;
}

.gap-8 {
  gap: 2rem !important;
}

.gap-x-8 {
  -webkit-column-gap: 2rem !important;
     -moz-column-gap: 2rem !important;
          column-gap: 2rem !important;
}

.gap-y-8 {
  row-gap: 2rem !important;
}

.m-9 {
  margin: 2.25rem !important;
}

.my-9 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}

.mt-9 {
  margin-top: 2.25rem !important;
}

.mb-9 {
  margin-bottom: 2.25rem !important;
}

.mx-9 {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
}

.ml-9 {
  margin-left: 2.25rem !important;
}

.mr-9 {
  margin-right: 2.25rem !important;
}

.p-9 {
  padding: 2.25rem !important;
}

.py-9 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

.pt-9 {
  padding-top: 2.25rem !important;
}

.pb-9 {
  padding-bottom: 2.25rem !important;
}

.px-9 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.pl-9 {
  padding-left: 2.25rem !important;
}

.pr-9 {
  padding-right: 2.25rem !important;
}

.gap-9 {
  gap: 2.25rem !important;
}

.gap-x-9 {
  -webkit-column-gap: 2.25rem !important;
     -moz-column-gap: 2.25rem !important;
          column-gap: 2.25rem !important;
}

.gap-y-9 {
  row-gap: 2.25rem !important;
}

.m-10 {
  margin: 2.5rem !important;
}

.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.mb-10 {
  margin-bottom: 2.5rem !important;
}

.mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.ml-10 {
  margin-left: 2.5rem !important;
}

.mr-10 {
  margin-right: 2.5rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.pt-10 {
  padding-top: 2.5rem !important;
}

.pb-10 {
  padding-bottom: 2.5rem !important;
}

.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.pl-10 {
  padding-left: 2.5rem !important;
}

.pr-10 {
  padding-right: 2.5rem !important;
}

.gap-10 {
  gap: 2.5rem !important;
}

.gap-x-10 {
  -webkit-column-gap: 2.5rem !important;
     -moz-column-gap: 2.5rem !important;
          column-gap: 2.5rem !important;
}

.gap-y-10 {
  row-gap: 2.5rem !important;
}

.m-11 {
  margin: 2.75rem !important;
}

.my-11 {
  margin-top: 2.75rem !important;
  margin-bottom: 2.75rem !important;
}

.mt-11 {
  margin-top: 2.75rem !important;
}

.mb-11 {
  margin-bottom: 2.75rem !important;
}

.mx-11 {
  margin-left: 2.75rem !important;
  margin-right: 2.75rem !important;
}

.ml-11 {
  margin-left: 2.75rem !important;
}

.mr-11 {
  margin-right: 2.75rem !important;
}

.p-11 {
  padding: 2.75rem !important;
}

.py-11 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

.pt-11 {
  padding-top: 2.75rem !important;
}

.pb-11 {
  padding-bottom: 2.75rem !important;
}

.px-11 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}

.pl-11 {
  padding-left: 2.75rem !important;
}

.pr-11 {
  padding-right: 2.75rem !important;
}

.gap-11 {
  gap: 2.75rem !important;
}

.gap-x-11 {
  -webkit-column-gap: 2.75rem !important;
     -moz-column-gap: 2.75rem !important;
          column-gap: 2.75rem !important;
}

.gap-y-11 {
  row-gap: 2.75rem !important;
}

.m-12 {
  margin: 3rem !important;
}

.my-12 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mt-12 {
  margin-top: 3rem !important;
}

.mb-12 {
  margin-bottom: 3rem !important;
}

.mx-12 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.ml-12 {
  margin-left: 3rem !important;
}

.mr-12 {
  margin-right: 3rem !important;
}

.p-12 {
  padding: 3rem !important;
}

.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-12 {
  padding-top: 3rem !important;
}

.pb-12 {
  padding-bottom: 3rem !important;
}

.px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.pl-12 {
  padding-left: 3rem !important;
}

.pr-12 {
  padding-right: 3rem !important;
}

.gap-12 {
  gap: 3rem !important;
}

.gap-x-12 {
  -webkit-column-gap: 3rem !important;
     -moz-column-gap: 3rem !important;
          column-gap: 3rem !important;
}

.gap-y-12 {
  row-gap: 3rem !important;
}

.m-13 {
  margin: 3.25rem !important;
}

.my-13 {
  margin-top: 3.25rem !important;
  margin-bottom: 3.25rem !important;
}

.mt-13 {
  margin-top: 3.25rem !important;
}

.mb-13 {
  margin-bottom: 3.25rem !important;
}

.mx-13 {
  margin-left: 3.25rem !important;
  margin-right: 3.25rem !important;
}

.ml-13 {
  margin-left: 3.25rem !important;
}

.mr-13 {
  margin-right: 3.25rem !important;
}

.p-13 {
  padding: 3.25rem !important;
}

.py-13 {
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
}

.pt-13 {
  padding-top: 3.25rem !important;
}

.pb-13 {
  padding-bottom: 3.25rem !important;
}

.px-13 {
  padding-left: 3.25rem !important;
  padding-right: 3.25rem !important;
}

.pl-13 {
  padding-left: 3.25rem !important;
}

.pr-13 {
  padding-right: 3.25rem !important;
}

.gap-13 {
  gap: 3.25rem !important;
}

.gap-x-13 {
  -webkit-column-gap: 3.25rem !important;
     -moz-column-gap: 3.25rem !important;
          column-gap: 3.25rem !important;
}

.gap-y-13 {
  row-gap: 3.25rem !important;
}

.m-14 {
  margin: 3.5rem !important;
}

.my-14 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.mt-14 {
  margin-top: 3.5rem !important;
}

.mb-14 {
  margin-bottom: 3.5rem !important;
}

.mx-14 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.ml-14 {
  margin-left: 3.5rem !important;
}

.mr-14 {
  margin-right: 3.5rem !important;
}

.p-14 {
  padding: 3.5rem !important;
}

.py-14 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.pt-14 {
  padding-top: 3.5rem !important;
}

.pb-14 {
  padding-bottom: 3.5rem !important;
}

.px-14 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.pl-14 {
  padding-left: 3.5rem !important;
}

.pr-14 {
  padding-right: 3.5rem !important;
}

.gap-14 {
  gap: 3.5rem !important;
}

.gap-x-14 {
  -webkit-column-gap: 3.5rem !important;
     -moz-column-gap: 3.5rem !important;
          column-gap: 3.5rem !important;
}

.gap-y-14 {
  row-gap: 3.5rem !important;
}

.m-15 {
  margin: 3.75rem !important;
}

.my-15 {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

.mt-15 {
  margin-top: 3.75rem !important;
}

.mb-15 {
  margin-bottom: 3.75rem !important;
}

.mx-15 {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

.ml-15 {
  margin-left: 3.75rem !important;
}

.mr-15 {
  margin-right: 3.75rem !important;
}

.p-15 {
  padding: 3.75rem !important;
}

.py-15 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

.pt-15 {
  padding-top: 3.75rem !important;
}

.pb-15 {
  padding-bottom: 3.75rem !important;
}

.px-15 {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}

.pl-15 {
  padding-left: 3.75rem !important;
}

.pr-15 {
  padding-right: 3.75rem !important;
}

.gap-15 {
  gap: 3.75rem !important;
}

.gap-x-15 {
  -webkit-column-gap: 3.75rem !important;
     -moz-column-gap: 3.75rem !important;
          column-gap: 3.75rem !important;
}

.gap-y-15 {
  row-gap: 3.75rem !important;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

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

.d-none-i {
  display: none !important;
}

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

.d-inline-block {
  display: inline-block !important;
}

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-col-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.col-direction {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-normal {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.op-10 {
  opacity: 0.1;
}

.op-20 {
  opacity: 0.2;
}

.op-30 {
  opacity: 0.3;
}

.op-40 {
  opacity: 0.4;
}

.op-50 {
  opacity: 0.5;
}

.op-60 {
  opacity: 0.6;
}

.op-70 {
  opacity: 0.7;
}

.op-80 {
  opacity: 0.8;
}

.op-90 {
  opacity: 0.9;
}

.op-100 {
  opacity: 1;
}

.lh-1 {
  line-height: 1;
}

.lh-1\.2 {
  line-height: 1.2;
}

.lh-1\.4 {
  line-height: 1.4;
}

.text-white {
  color: #fff;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-extra-bold {
  font-weight: 800 !important;
}

.fw-heavy {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.text-line-through {
  text-decoration: line-through;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.invisible {
  visibility: hidden;
}

.w-auto {
  width: auto !important;
}

.minw-auto {
  min-width: auto !important;
}

.maxw-auto {
  max-width: auto !important;
}

.h-auto {
  height: auto !important;
}

.minh-auto {
  min-height: auto !important;
}

.maxh-auto {
  max-height: auto !important;
}

.w-0 {
  width: 0 !important;
}

.minw-0 {
  min-width: 0 !important;
}

.maxw-0 {
  max-width: 0 !important;
}

.h-0 {
  height: 0 !important;
}

.minh-0 {
  min-height: 0 !important;
}

.maxh-0 {
  max-height: 0 !important;
}

.w-25 {
  width: 25% !important;
}

.minw-25 {
  min-width: 25% !important;
}

.maxw-25 {
  max-width: 25% !important;
}

.h-25 {
  height: 25% !important;
}

.minh-25 {
  min-height: 25% !important;
}

.maxh-25 {
  max-height: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.minw-50 {
  min-width: 50% !important;
}

.maxw-50 {
  max-width: 50% !important;
}

.h-50 {
  height: 50% !important;
}

.minh-50 {
  min-height: 50% !important;
}

.maxh-50 {
  max-height: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.minw-75 {
  min-width: 75% !important;
}

.maxw-75 {
  max-width: 75% !important;
}

.h-75 {
  height: 75% !important;
}

.minh-75 {
  min-height: 75% !important;
}

.maxh-75 {
  max-height: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.minw-100 {
  min-width: 100% !important;
}

.maxw-100 {
  max-width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.minh-100 {
  min-height: 100% !important;
}

.maxh-100 {
  max-height: 100% !important;
}

.mh-auto {
  min-height: auto !important;
}

.mw-auto {
  min-width: auto !important;
}

.max-w-100 {
  max-width: 100%;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.border-0 {
  border-width: 0;
}

.border {
  border-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-none {
  border: none;
}

.border-white {
  border-color: #fff;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  font-size: 16px;
  line-height: 1.2;
  color: #141325;
  font-weight: 400;
  font-family: "GalanoGrotesque", sans-serif;
  background-color: #141325;
}

main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.title-h1 {
  font-family: "Halogen", sans-serif;
  font-size: 60px;
  line-height: 1.1;
  font-weight: 700;
}

.title-h1 {
  font-size: 40px;
}

.title-h2 {
  font-family: "Halogen", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.title-h3 {
  font-family: "Halogen", sans-serif;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.title-h4 {
  font-family: "GalanoGrotesque", sans-serif;
  font-style: italic;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
}

.title-h5 {
  font-family: "GalanoGrotesque", sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.title-h6 {
  font-family: "GalanoGrotesque", sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
}

.container {
  width: 100%;
  max-width: 1680px;
  padding: 0 40px;
  margin-left: auto;
  margin-right: auto;
}

.container-515 {
  max-width: 515px;
  margin: 0 auto;
  width: 100%;
}

.container-615 {
  max-width: 615px;
  margin: 0 auto;
  width: 100%;
}

.container-785 {
  max-width: 785px;
  margin: 0 auto;
  width: 100%;
}

.container-1055 {
  max-width: 1055px;
  margin: 0 auto;
  width: 100%;
}

.link-hover-blue {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.page-404__inner {
  padding: 32px;
  background-color: #fbf1e8;
  border-radius: 24px;
}

.page-404__title {
  font-family: "Halogen", sans-serif;
  font-size: 100px;
  line-height: 1.1;
  font-weight: 700;
  color: #7069f4;
}

.page-404__home-link {
  min-width: 240px;
}

.page-main {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-main--2 .page-main__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

.page-main--2 .main__video-wrapper {
  max-width: none;
}

.page-main__cta {
  min-width: 225px;
}

.back-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: static;
  z-index: 2;
  border: 2px solid #7069f4;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.back-btn .icon {
  color: #7069f4;
  fill: none;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

.btn-primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  background-color: #7069f4;
  padding: 10px 24px;
  border-radius: 16px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.btn-primary:active {
  background-color: #4841c1 !important;
}

.btn-primary .icon {
  fill: currentColor;
}

.btn-secondary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  color: #7069f4;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  background-color: #ffffff;
  padding: 10px 23px;
  border-radius: 16px;
  cursor: pointer;
  border: 1px solid #7069f4;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.btn-secondary:active {
  background-color: #4841c1 !important;
  color: #ffffff;
  border-color: #4841c1 !important;
}

.btn-secondary .icon {
  fill: currentColor;
}

.btn-transparent {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  background-color: transparent;
  padding: 10px 23px;
  border-radius: 16px;
  cursor: pointer;
  border: 1px solid #ffffff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.btn-transparent:active {
  background-color: #4841c1 !important;
}

.btn-transparent .icon {
  fill: currentColor;
}

.btn-blue {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  background-color: #3c3cd6;
  padding: 10px 24px;
  border-radius: 16px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.btn-blue:active {
  background-color: #0B0BF2 !important;
}

.btn-blue .icon {
  fill: currentColor;
}

.btn-disabled {
  cursor: default !important;
  pointer-events: none !important;
  opacity: 0.25 !important;
}

input,
textarea {
  color: #000;
  -moz-appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #000;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #000;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #000;
}

.form-label {
  display: inline-block;
  color: #141325;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.5;
}

.form-input {
  height: 48px;
}

.form-input,
.form-textarea {
  width: 100%;
  background-color: #ffffff;
  padding: 10px 20px;
  color: #141325;
  border: 1px solid rgba(20, 19, 37, 0.2);
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
}

.form-input:focus,
.form-input:not(:placeholder-shown),
.form-input:-webkit-autofill,
.form-textarea:focus,
.form-textarea:not(:placeholder-shown),
.form-textarea:-webkit-autofill {
  border: 1px solid rgba(20, 19, 37, 0.4);
}

.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
  color: rgba(20, 19, 37, 0.25);
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: rgba(20, 19, 37, 0.25);
}

.form-input::-ms-input-placeholder, .form-textarea::-ms-input-placeholder {
  color: rgba(20, 19, 37, 0.25);
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: rgba(20, 19, 37, 0.25);
}

.form-select {
  width: 100%;
  background-color: #ffffff;
  padding: 10px 20px;
  color: #141325;
  border: 1px solid rgba(20, 19, 37, 0.2);
  border-radius: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0316 3L16 4.07979L8 13L7.79829e-07 4.07979L0.968401 3L8 10.8404L15.0316 3Z' fill='%23141325'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: auto;
  font-size: 16px;
  line-height: 1.5;
}

.form-radio {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px 16px;
}

.radio-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  padding-left: 32px;
}

.radio-label input {
  display: none;
}

.radio-label__text::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid rgba(20, 19, 37, 0.2);
}

.radio-label__text::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  background-color: transparent;
}

.radio-label input:checked ~ .radio-label__text::after {
  background-color: #7069f4;
}

.form-field--required .form-label:after {
  content: " *";
  color: #3c3cd6;
}

.is-invalid {
  border-color: #ff1c20;
}

.invalid-feedback {
  display: block;
  color: #ff1c20;
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.5;
}

.wpcf7-not-valid-tip {
  display: block;
  color: #ff1c20;
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.5;
}

.wpcf7-spinner {
  display: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}

form.submitting .wpcf7-spinner {
  display: block;
}

.form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-check input[type=checkbox] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid rgba(20, 19, 37, 0.2);
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-color: #ffffff;
}

.form-check input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.625 6.62499L1 3.99999L0.125 4.87499L3.625 8.37499L11.125 0.875L10.25 0L3.625 6.62499Z' fill='%23141325'/%3E%3C/svg%3E%0A");
}

.form-check .form-check-label {
  font-size: 16px;
  line-height: 24px;
}

.header {
  width: 100%;
  position: relative;
  z-index: 50;
  top: 0;
  left: 0;
  background-color: #141325;
  color: #ffffff;
}

.header__inner {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
  background-color: #141325;
}

.header__logo {
  width: 14%;
  min-width: 120px;
}

.header__burger {
  margin-left: 32px;
}

.burger {
  cursor: pointer;
}

.burger__button {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.burger__bar {
  width: 40px;
  height: 4px;
  border-radius: 16px;
  background-color: #ffffff;
  position: relative;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.burger__bar:before,
.burger__bar:after {
  content: "";
  display: block;
  height: 4px;
  border-radius: 16px;
  background-color: #ffffff;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: width 0.2s, top 0.2s, right 0.2s, bottom 0.2s, left 0.2s, -webkit-transform 0.2s, -webkit-transform-origin 0.2s;
  transition: width 0.2s, top 0.2s, right 0.2s, bottom 0.2s, left 0.2s, -webkit-transform 0.2s, -webkit-transform-origin 0.2s;
  transition: width 0.2s, top 0.2s, right 0.2s, bottom 0.2s, left 0.2s, transform 0.2s, transform-origin 0.2s;
  transition: width 0.2s, top 0.2s, right 0.2s, bottom 0.2s, left 0.2s, transform 0.2s, transform-origin 0.2s, -webkit-transform 0.2s, -webkit-transform-origin 0.2s;
}

.burger__bar::before {
  width: 30px;
  top: -12px;
  right: 0;
  -webkit-transform-origin: right;
          transform-origin: right;
}

.burger__bar::after {
  width: 22px;
  bottom: -12px;
  right: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
}

.header-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  background-color: #141325;
  color: #ffffff;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
}

.header-menu .container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  overflow-y: auto;
}

.header-menu__content {
  width: 100%;
}

.header-menu__main {
  padding-top: 32px;
  padding-bottom: 32px;
}

.header-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}

.header-menu__item {
  display: block;
  width: 100%;
  padding: 32px;
  border-radius: 24px;
  border: 1px solid #ffffff;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  background-color: #3c3cd6;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.header-menu__item-title {
  font-family: "Halogen", sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.menu-open {
  padding-top: 100px;
}

.menu-open .header {
  width: calc(100% - var(--scrollbar-width, 0px));
  position: fixed;
}

.menu-open .header-menu {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.menu-open .burger__bar {
  background-color: transparent;
}

.menu-open .burger__bar:before,
.menu-open .burger__bar:after {
  width: 40px !important;
  -webkit-transform-origin: center;
          transform-origin: center;
  top: 0;
  left: 0;
}

.menu-open .burger__bar::before {
  -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
          transform: rotate(-45deg) translate3d(0, 0, 0);
}

.menu-open .burger__bar::after {
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
          transform: rotate(45deg) translate3d(0, 0, 0);
}

.menu-open .header-menu {
  width: calc(100% - var(--scrollbar-width, 0px));
}

.footer {
  padding: 40px 0;
  color: #ffffff;
}

.footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}

.footer__logo {
  min-width: 120px;
}

.footer__links-item + .footer__links-item {
  margin-top: 6px;
}

.modal {
  display: none;
  width: 100%;
  max-width: 785px;
  padding: 24px;
  border-radius: 24px;
  background-color: #f7f7ff;
}

.modal--top {
  padding-right: 36px;
}

.modal .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.modal .social-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background-color: #7069f4;
  color: #ffffff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.result-modal--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.result-modal--copy-block {
  width: 100%;
}

.result-modal--copy-link-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.result-modal--copy-link-block .button {
  width: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  padding: 0;
}

.result-modal--copy-link-block .button .icon-checked {
  display: none;
  font-size: 15px;
}

.result-modal--copy-link-block .button.copied {
  pointer-events: none;
  cursor: default;
}

.result-modal--copy-link-block .button.copied .icon-checked {
  display: block;
}

.result-modal--copy-link-block .button.copied .icon-link {
  display: none;
}

.result-modal--copy-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  color: rgba(20, 19, 37, 0.25);
  border: 1px solid rgba(20, 19, 37, 0.2);
  border-radius: 8px;
  padding: 11px 19px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.5;
}

.result-modal--copy-link-text {
  white-space: nowrap;
}

.result-modal--download-block .button {
  min-width: 300px;
}

.result-modal .send-email {
  width: 100%;
}

.result-modal .send-email--form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.result-modal .send-email--input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  color: #141325;
  border: 1px solid rgba(20, 19, 37, 0.2);
  border-radius: 8px;
  padding: 11px 19px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.5;
}

.result-modal .send-email--input::-webkit-input-placeholder {
  color: rgba(20, 19, 37, 0.25);
}

.result-modal .send-email--input::-moz-placeholder {
  color: rgba(20, 19, 37, 0.25);
}

.result-modal .send-email--input::-ms-input-placeholder {
  color: rgba(20, 19, 37, 0.25);
}

.result-modal .send-email--input::placeholder {
  color: rgba(20, 19, 37, 0.25);
}

.result-modal .send-email .button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
}

.result-modal .send-email .button .button--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}

.result-modal .send-email .button .button--inner-sent {
  display: none;
}

.result-modal .send-email .button .icon-checked {
  font-size: 12px;
}

.result-modal .send-email .button.sent .button--inner-sent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.result-modal .send-email .button.sent .button--inner-base {
  display: none;
}

.progress-modal--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}

.progress-modal--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.progress-modal--icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 98px;
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 4px solid;
  border-radius: 50%;
}

.progress-modal--icon img {
  width: 44px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}

.red .progress-modal--icon {
  border-color: #ff5b5a;
}

.green .progress-modal--icon {
  border-color: #7ce576;
}

.yellow .progress-modal--icon {
  border-color: #ffb129;
}

.red .progress-modal--score {
  color: #ff5b5a;
}

.green .progress-modal--score {
  color: #7ce576;
}

.yellow .progress-modal--score {
  color: #ffb129;
}

.progress-modal--history {
  margin-top: 50px;
}

.progress-modal .description {
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #3e47ae;
}

.progress-modal .description--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}

.progress-modal .description--indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px;
  border-radius: 8px;
  background-color: #ececfb;
}

.progress-modal .description--percentage {
  width: 100%;
  padding: 8px 15px;
  border-radius: 50px;
  color: #141325;
  margin-bottom: 10px;
  text-align: center;
}

.progress-modal .description--percentage.green {
  background-color: #7ce576;
}

.progress-modal .description--percentage.yellow {
  background-color: #ffb129;
}

.progress-modal .description--percentage.red {
  background-color: #ff5b5a;
}

.progress-modal .description--indicator-caption {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.progress-modal .description--global {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(62, 71, 174, 0.4);
}

.progress-modal .description--passed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.progress-modal .description--passed .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #7069f4;
}

.progress-modal .description--better {
  color: #141325;
  line-height: 33px;
}

.progress-modal .description--better-percentage {
  display: inline-block;
  padding: 8px 10px;
  border-radius: 8px;
  background-color: #7069f4;
  color: #ffffff;
  line-height: 1;
}

.progress-modal .history--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 32px;
}

.progress-modal .progress-item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.progress-modal .progress-item--line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 24px;
  background-color: #979aa0;
  background-color: #ececfb;
  overflow: hidden;
}

.progress-modal .progress-item--line-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(var(--score) * 10%);
  height: 100%;
  background-color: #3c3cd6;
  border-radius: 24px;
}

.progress-modal .progress-item--label {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  font-style: italic;
  text-transform: uppercase;
}

.progress-modal .progress-item--line-progress .progress-item--label {
  color: #ffffff;
  margin-right: 10px;
}

.progress-modal .progress-item--line-progress + .progress-item--label {
  color: #3c3cd6;
  margin-left: 10px;
}

.buy-book-modal .buy-book--img {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.buy-book-modal .buy-book--img img {
  width: 100%;
}

.fancybox-slide--html {
  padding: 14px;
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
  background-color: rgba(20, 19, 37, 0.8);
}

.fancybox-slide--html .fancybox-close-small {
  padding: 0;
  width: 44px;
  height: 44px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  right: 12px;
  top: 12px;
}

.pvt-work-modal {
  display: none;
  max-width: 1280px;
  width: 100%;
  padding: 20px;
  border-radius: 12px;
  background-color: #ffffff;
  overflow: unset;
}

.pvt-work-modal .fancybox-close-small {
  color: #ffffff;
  top: -40px;
  right: -40px;
}

.pvt-work-modal--video {
  padding-top: 56%;
  position: relative;
}

.pvt-work-modal--video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pvt-work-modal iframe,
.pvt-work-modal video {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.index-main {
  overflow: hidden;
}

.index-main__title {
  max-width: 20em;
  margin: 0 auto;
}

.index-main__subtitle {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.tests-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}

.tests-block .test-card {
  width: calc(33.3333333333% - 20px);
}

.test-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  padding: 24px;
  border-radius: 24px;
}

.test-card__img-block {
  width: 100%;
}

.test-card__img {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}

.test-card__img img {
  width: 100%;
  aspect-ratio: 1.55/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.test-card__desc {
  margin: 16px 0;
}

.test-card__title {
  color: #7069f4;
  font-family: "Halogen", sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.test-card__text {
  color: #141325;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
}

.test-card__bottom {
  margin: auto 0 0;
}

.test-card__bottom .button {
  width: 100%;
}

.test-card__bottom-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
}

.test-card__bottom-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  color: #141325;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.test-card__bottom-line .icon {
  color: #7069f4;
  font-size: 22px;
}

.register-page .section-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px 30px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.register-page .desc-block__image {
  border-radius: 24px;
  overflow: hidden;
}

.register-page .desc-block__image img {
  width: 100%;
}

.register-page .form-block {
  padding: 24px;
  border-radius: 24px;
  background-color: #ffffff;
}

.register-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

.register-form .form-field {
  width: calc(50% - 8px);
}

.register-form .form-text {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.register-form .additional-email-address-field {
  display: none;
}

.register-form .form-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.register-form .form-bottom .button {
  width: calc(50% - 8px);
}

.test-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.test-section .section-inner {
  width: 100%;
  position: relative;
}

.test-section .back-btn {
  margin-bottom: 16px;
}

.test-section .test-content {
  width: 100%;
  max-width: 1055px;
  margin: 0 auto;
}

.test-section .test-content__test {
  width: 100%;
  background-color: #ffffff;
  border-radius: 24px;
  padding: 32px 6% 48px;
  position: relative;
  overflow: hidden;
}

.test-section .test-content--load {
  width: 100%;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(60, 60, 214, 0.1);
}

.test-section .test-content--load .load-line {
  width: 45%;
  height: 100%;
  background: #7069f4;
}

.test-section .test-content--load .load-number {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.test-section .test-content--tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.test-section .test-content--test {
  width: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.test-section .test-content--test.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.test-section .test-content--bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  margin-top: 32px;
}

.test-section .test-content--bottom .button {
  min-width: 300px;
}

.test-section .test-content--bottom .next-test--btn {
  margin-left: auto;
}

.test-section .test-content--bottom .previous-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.test-section .test-content--bottom .previous-button .icon {
  fill: none;
  font-size: 14px;
}

.test-content .test-line {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.test-content .test-line + .test-line {
  border-top: 1px solid rgba(20, 19, 37, 0.5);
  padding-top: 15px;
  margin-top: 15px;
}

.test-content .test-line--text {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.test-content .test-line--radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  width: 100%;
  margin: 8px auto 0;
}

.test-content .test-line--radio .radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px 8px;
  cursor: pointer;
}

.test-content .test-line--radio .radio input {
  display: none;
}

.test-content .test-line--radio .radio .checkmark {
  width: 26px;
  height: 26px;
  position: relative;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid rgba(20, 19, 37, 0.2);
}

.test-content .test-line--radio .radio .checkmark:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  background-color: transparent;
}

.test-content .test-line--radio .radio .checkmark.error {
  border: 1px solid #ff1c20;
}

.test-content .test-line--radio .radio :checked ~ .checkmark:before {
  background-color: #7069f4;
}

.test-content .test-line--radio .radio span {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.test-content .test-checkbox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  margin: 16px 0 0;
}

.test-content .test-checkbox input {
  display: none;
}

.test-content .test-checkbox .checkmark {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  border-radius: 1px;
  background-color: rgba(60, 60, 214, 0.1);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
}

.test-content .test-checkbox input:checked ~ .checkmark {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='16' viewBox='0 0 23 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.65234 7L8.82588 14.1739L20.9998 2' stroke='%237069f4' stroke-width='2.85714' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.test-content .test-checkbox .agree-text {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.test-content .test-checkbox .agree-text.error {
  color: #ff1c20;
}

.result-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.result-section--title {
  font-family: "Halogen", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.result-section--title {
  font-size: 32px;
}

.result {
  width: 100%;
  position: relative;
}

.result--global-score-block {
  margin-top: 32px;
}

.result-block {
  width: 100%;
}

.result-block + .result-block {
  margin-top: 50px;
}

.result-block .result-title .green {
  color: #7ce576;
}

.result-block .result-title .yellow {
  color: #ffb129;
}

.result-block .result-title .red {
  color: #ff5b5a;
}

.result-row {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding: 32px;
  border-radius: 24px;
  background-color: #ffffff;
}

.result-list-item {
  width: 100%;
  display: block;
  opacity: 0;
  top: 0;
  position: absolute;
  z-index: -1;
  height: 0;
  overflow: hidden;
}

.result-list-item.active {
  opacity: 1;
  position: relative;
  z-index: 1;
  height: auto;
  overflow: visible;
}

.result-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  background-color: #f7f7ff;
  padding: 16px;
  border-radius: 24px;
}

.result-item--wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}

.result-item--head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.result-item--img {
  width: 98px;
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 4px solid;
  border-radius: 50%;
}

.red .result-item--img {
  border-color: #ff5b5a;
}

.green .result-item--img {
  border-color: #7ce576;
}

.yellow .result-item--img {
  border-color: #ffb129;
}

.result-item--img img {
  width: 44px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}

.result-item--score {
  min-width: 110px;
  padding: 8px 15px;
  border-radius: 50px;
  color: #141325;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.red .result-item--score {
  background-color: #ff5b5a;
}

.green .result-item--score {
  background-color: #7ce576;
}

.yellow .result-item--score {
  background-color: #ffb129;
}

.result-item--text {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

.result-item--improvements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}

.result-item--improvements .improvements--percentage {
  min-width: 66px;
  padding: 8px 10px;
  color: #ffffff;
  background-color: #7069f4;
  border-radius: 8px;
  text-align: center;
}

.result-item--improvements .improvements--desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2px;
}

.result-item .button {
  width: 100%;
}

.global-score-block {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 32px;
}

.global-score-block--score-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 62px;
  border-radius: 32px;
  overflow: hidden;
}

.global-score-block--score-line.green {
  background-color: rgba(124, 229, 118, 0.3);
}

.global-score-block--score-line.green .global-score-block--score {
  background-color: #7ce576;
}

.global-score-block--score-line.yellow {
  background-color: rgba(255, 177, 41, 0.3);
}

.global-score-block--score-line.yellow .global-score-block--score {
  background-color: #ffb129;
}

.global-score-block--score-line.red {
  background-color: rgba(255, 91, 90, 0.3);
}

.global-score-block--score-line.red .global-score-block--score {
  background-color: #ff5b5a;
}

.global-score-block--score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  border-radius: 32px;
  padding: 10px 32px;
}

.global-score-block--score + .global-score-block--score-caption {
  margin-left: 12px;
  color: #141325;
}

.global-score-block--score-caption {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.04em;
  color: #ffffff;
}

.global-score-block--heading-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

.global-score-block--heading-btns .button {
  min-width: 300px;
}

.result-main--view-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.result-main--view-buttons .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 240px;
  min-height: 48px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  color: #7069f4;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  background-color: #ffffff;
  padding: 10px 24px;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.result-main--view-buttons .button.active {
  background-color: #7069f4;
  color: #ffffff;
  cursor: default;
}

.result-main--view-buttons .button:nth-child(1) {
  margin-right: -50px;
  position: relative;
}

.result-dashboard {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding: 32px;
  border-radius: 24px;
  background-color: #ffffff;
}

.dashboard-item {
  background-color: #f7f7ff;
  border-radius: 24px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.dashboard-item--row + .dashboard-item--row {
  margin-top: 20px;
}

.dashboard-item--row-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

.dashboard-item--row-score {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  font-style: italic;
  text-transform: uppercase;
}

.dashboard-item--row-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  position: relative;
  border-radius: 24px;
  background-color: #ececfb;
  overflow: hidden;
  margin-top: 8px;
}

.dashboard-item--row-line-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(var(--score) * 10%);
  height: 100%;
  background-color: #3c3cd6;
  border-radius: 24px;
}

.dashboard-item--row-line-level .dashboard-item--row-score {
  color: #ffffff;
  margin-right: 26px;
}

.dashboard-item--row-line-level + .dashboard-item--row-score {
  color: #3c3cd6;
  margin-left: 14px;
}

.pvt-test-page {
  background-repeat: no-repeat;
  background-size: cover;
}

.pvt-test {
  width: 100%;
  max-width: 1100px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  overflow: hidden;
}

.pvt-test-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.pvt-test-section .test-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0;
}

.pvt-test-section .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pvt-test-section #pvt-test {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pvt-test-section .back-btn {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.pvt-test--wrap {
  width: 100%;
  border-radius: 16px;
  background-color: #fff;
  padding: 50px;
}

.pvt-test--test-info {
  max-width: 895px;
  margin: 0 auto;
}

.pvt-test .title {
  margin-bottom: 24px;
}

.pvt-test--settings-wrap {
  width: 100%;
  max-width: 440px;
  margin-top: 40px;
}

.pvt-test--pvt-settings-form {
  width: 100%;
}

.pvt-test--settings-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 40px;
}

.pvt-test--test-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 750px;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  color: #141325;
}

.pvt-test--close-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.pvt-test--timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ececfb;
  pointer-events: none;
}

.pvt-test--timeline-loading {
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#9e77f7), to(#80bdf5));
  background: linear-gradient(90deg, #9e77f7 0%, #80bdf5 100%);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}

.pvt-test--timeline-text {
  position: absolute;
  line-height: 30px;
  font-size: 16px;
  line-height: 1.5;
}

.pvt-test--start-warning {
  font-size: 50px;
  color: #3c3cd6;
  font-weight: 500;
  text-align: center;
  padding: 16px;
  position: relative;
  pointer-events: none;
}

.pvt-test--reaction-icon {
  width: 200px;
  height: 200px;
  position: relative;
  pointer-events: none;
  -webkit-animation: 1.5s infinite blink;
          animation: 1.5s infinite blink;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='124' height='25' viewBox='0 0 124 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9_16922)'%3E%3Cpath d='M89.4044 0.892777L87.4777 9.15446C87.25 10.1245 85.9619 10.3394 85.4288 9.49618L82.0584 4.19966C81.5254 3.36191 80.2317 3.57686 80.0096 4.54688L77.9884 13.266C77.9218 13.5636 77.9773 13.8778 78.1439 14.1313L84.9957 24.4874C85.2067 24.8015 85.5565 24.9944 85.9396 24.9944H91.2312C91.7587 24.9944 92.214 24.6362 92.3306 24.1236L97.5944 1.39432C97.7554 0.694366 97.2224 0.0219727 96.495 0.0219727H90.5094C89.9874 0.0219727 89.5321 0.380205 89.41 0.88726' fill='%237069F4'/%3E%3Cpath d='M70.7304 24.9945H65.4167C65.0391 24.9945 64.6893 24.8071 64.4838 24.493L58.6926 15.7407C58.154 14.925 56.8935 15.151 56.6714 16.099L54.7947 24.1347C54.6781 24.6363 54.2283 24.9945 53.7064 24.9945H47.6875C46.9712 24.9945 46.4382 24.3331 46.5992 23.6387L51.8741 0.859787C51.9907 0.358244 52.4404 0 52.9624 0H58.2595C58.6426 0 58.998 0.192903 59.2034 0.518079L64.928 9.5128C65.4555 10.345 66.7382 10.1301 66.9603 9.17107L68.8981 0.865304C69.0147 0.363761 69.4645 0.00551685 69.9864 0.00551685H76.0053C76.7216 0.00551685 77.2546 0.666888 77.0936 1.36133L71.8187 24.1402C71.7021 24.6418 71.2524 25 70.7304 25' fill='%23141325'/%3E%3Cpath d='M29.7959 24.9779H24.0102C23.2828 24.9779 22.7498 24.311 22.9108 23.6055L23.5937 20.6458C23.8714 19.4388 22.2722 18.7389 21.5615 19.7585L18.2744 24.4928C18.0634 24.796 17.7136 24.9779 17.3416 24.9779H13.3549C12.8274 24.9779 12.3721 24.6196 12.2555 24.107L11.2338 19.7199C10.9618 18.5625 9.30156 18.5625 9.03504 19.7199L8.01338 24.107C7.89677 24.6141 7.43593 24.9779 6.91399 24.9779H1.12826C0.400876 24.9779 -0.132172 24.3054 0.0288512 23.6055L5.28709 0.903763C5.40369 0.396708 5.859 0.032959 6.38649 0.032959H13.1217C13.6214 0.032959 14.0656 0.358131 14.2044 0.837628L16.853 9.73864C17.114 10.6205 18.28 10.8299 18.8352 10.0969L26.1479 0.479386C26.3589 0.198302 26.6976 0.032959 27.0474 0.032959H35.0431C35.7704 0.032959 36.3035 0.705352 36.1424 1.40531L30.8842 24.107C30.7676 24.6141 30.3123 24.9779 29.7848 24.9779' fill='%23141325'/%3E%3Cpath d='M34.6894 23.4457L39.8865 1.00298C40.0198 0.435301 40.5251 0.032959 41.1136 0.032959H46.8161C47.6268 0.032959 48.2264 0.782518 48.0432 1.56515L42.846 24.0078C42.7128 24.5755 42.2075 24.9779 41.6189 24.9779H35.9165C35.1058 24.9779 34.5062 24.2283 34.6894 23.4457Z' fill='%23141325'/%3E%3Cpath d='M112.113 0.0331047H103.045C102.185 0.0331047 101.435 0.622824 101.241 1.45506L96.2824 22.7183C96.0158 23.8702 96.8931 24.9725 98.0869 24.9725H108.17C117.399 24.9725 124.001 18.1989 124.001 10.4498C124.001 3.82499 119.125 0.0275879 112.113 0.0275879M115.333 12.1528C114.789 15.5313 111.763 17.9729 108.315 17.9729H107.054C106.344 17.9729 105.816 17.3171 105.977 16.6281L108.043 7.71057C108.165 7.17596 108.642 6.80118 109.192 6.80118H110.541C113.995 6.80118 115.838 9.00577 115.333 12.1528Z' fill='%23141325'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9_16922'%3E%3Crect width='124' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.pvt-test--reaction-field {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pvt-test .icon-chevron-left {
  font-size: 16px;
  fill: none;
}

.pvt-test .icon-trash {
  font-size: 20px;
}

@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 50%;
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 50%;
  }
}

.pvt-test .test-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.pvt-test .test-info p:not(:last-child) {
  margin-bottom: 16px;
}

.pvt-test .test-info--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 40px;
}

.pvt-test .test-info--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-top: 24px;
}

.pvt-test .test-info--bottom .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  font-weight: 700;
  color: #7069f4;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.pvt-test .test-info--actions-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}

.pvt-test .test-info--actions-bottom .button path {
  stroke: currentColor;
}

.pvt-settings-form {
  text-align: left;
  color: #141325;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.pvt-settings-form .form-field + .form-field {
  margin-top: 24px;
}

.pvt-settings-form--label {
  display: inline-block;
  margin-bottom: 16px;
}

.pvt-settings-form--input-wrap {
  position: relative;
}

.pvt-settings-form input:not([type=checkbox]) {
  width: 100%;
  padding: 22px;
  border: 1px solid #98b2ff;
  border-radius: 16px;
  background-color: #ececfb;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.pvt-settings-form input:focus {
  border-color: #7069f4;
}

.pvt-settings-form input[type=number] {
  -moz-appearance: textfield;
}

.pvt-settings-form input[type=number]::-webkit-outer-spin-button,
.pvt-settings-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.pvt-settings-form--label-text {
  position: absolute;
  top: 24px;
  right: 24px;
  color: rgba(20, 19, 37, 0.5);
  pointer-events: none;
}

.pvt-settings-form--checkbox label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 26px;
}

.pvt-settings-form--checkbox input {
  display: none;
}

.pvt-settings-form--checkbox label {
  position: relative;
  padding-left: 36px;
}

.pvt-settings-form--checkbox label::before {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #7069f4;
  border-radius: 10px;
  background-color: #ececfb;
  background-repeat: no-repeat;
  background-position: center;
}

.pvt-settings-form--checkbox input[type=checkbox]:checked + label::before {
  background-color: #7069f4;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9999 1.87537L5.75056 8.12473L2.00024 4.37442' stroke='white' stroke-width='2.49995' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pvt-test .test-instructions--preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 180px;
  height: 120px;
  border-radius: 12px;
  background-color: #ececfb;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.pvt-test .test-instructions--preview-img {
  -webkit-animation: 1.5s infinite blink;
          animation: 1.5s infinite blink;
}

.pvt-test .test-instructions--checkbox {
  margin-top: 24px;
}

.pvt-test .test-instructions a {
  color: #7069f4;
  font-weight: 700;
  text-decoration: underline;
  -webkit-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.pvt-results--body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px 20px;
}

.pvt-results--all-trials {
  width: 250px;
}

.pvt-results--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 24px;
  margin-top: 40px;
}

.pvt-results--trial-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.pvt-results .all-trials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ececfb;
  border: 1px solid #ececfb;
  border-radius: 12px;
  overflow: hidden;
}

.pvt-results .all-trials.open .icon-chevron-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.pvt-results .all-trials--head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  padding: 20px 16px;
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #ececfb;
}

.pvt-results .all-trials--head .icon-chevron-down {
  display: none;
  fill: #7069f4;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.pvt-results .all-trials--body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 445px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16px 8px 16px 0;
  border-radius: 0 0 12px 12px;
  background-color: #fff;
}

.pvt-results .all-trials--trials-list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
  padding-left: 8px;
}

.pvt-results .all-trials--trials-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: rgba(236, 236, 251, 0.3);
  border-radius: 15px;
}

.pvt-results .all-trials--trials-list::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(236, 236, 251, 0.3);
  border-radius: 15px;
}

.pvt-results .all-trials--trials-list::-webkit-scrollbar-thumb {
  background-color: #3c3cd6;
  border-radius: 15px;
}

.pvt-results .all-trials--trials-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(60, 60, 214, 0.8);
}

.pvt-results .all-trials--actions {
  padding: 16px 15px;
  margin-top: auto;
}

.pvt-results .all-trials .compare-all-trials {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.pvt-results .all-trials .compare-all-trials + .compare-all-trials {
  margin-top: 16px;
}

.pvt-results .all-trials .compare-all-trials:hover {
  opacity: 0.7;
}

.pvt-results .all-trials .compare-all-trials .icon {
  font-size: 15px;
}

.trials-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  padding-left: 8px;
  padding-bottom: 10px;
  padding-top: 6px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}

.trials-list-item:not(:last-child)::after {
  content: "";
  width: calc(100% - 8px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 8px;
  background-color: #ececfb;
}

.trials-list-item + .trials-list-item {
  margin-top: 10px;
}

.trials-list-item.active {
  background-color: #ececfb;
}

.trials-list-item--checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #ececfb;
}

.trials-list-item--checkbox.active {
  background-color: #7069f4;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5003 1.18762L4.87551 6.81243L1.5 3.43692' stroke='white' stroke-width='2.25011' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.trial-info {
  padding: 20px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #ececfb;
  position: relative;
}

.trial-info--time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  margin-top: 20px;
}

.trial-info--trial-graph {
  margin-top: 24px;
}

.trial-info--trial-stats {
  margin-top: 16px;
  max-height: 130px;
}

.trial-info .how-it-works {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #7069f4;
  color: #ffffff;
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
  padding: 0 12px;
  border-bottom-left-radius: 12px;
}

.trial-info .how-it-works--decor1 {
  pointer-events: none;
  background-color: #7069f4;
  position: absolute;
  top: 0;
  right: 100%;
  width: 12px;
  height: 12px;
}

.trial-info .how-it-works--decor1::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ececfb;
  border-top-right-radius: 12px;
  position: absolute;
  top: 0;
  right: 0;
}

.trial-info .how-it-works--decor2 {
  pointer-events: none;
  background-color: #7069f4;
  position: absolute;
  top: 100%;
  right: 0;
  width: 12px;
  height: 12px;
}

.trial-info .how-it-works--decor2::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ececfb;
  border-top-right-radius: 12px;
  position: absolute;
  top: 0;
  right: 0;
}

.trial-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 16px;
  padding: 16px;
  border-radius: 10px;
  background-color: #fff;
}

.trial-stats--line {
  width: calc(50% - 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}

.trial-stats--dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
  height: 0.82em;
  margin: 0 8px;
  border-bottom: 1px dashed rgba(20, 19, 37, 0.3);
  margin-bottom: 3px;
}

.trial-stats--laps-time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
  border-radius: 6px;
  background-color: #ececfb;
  padding: 3px 5px;
  font-size: 14px;
  text-align: center;
}

.trial-stats--laps-time-field {
  padding: 0 5px;
}

.trial-stats--laps-count-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.trial-graph--head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}

.trial-graph--head .graph-laps-time {
  margin-left: 12px;
}

.trial-graph--chart {
  border-radius: 10px;
  background-color: #fff;
  padding: 20px;
  margin-top: 16px;
}

.trial-graph--remove-chart-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  padding: 4px 6px;
  background-color: rgba(60, 60, 214, 0.1);
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.trial-graph--remove-chart-button:hover {
  background-color: rgba(60, 60, 214, 0.2);
}

.graph-laps-time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
  border-radius: 6px;
  background-color: #ffffff;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}

.graph-laps-time--laps-time-field {
  padding: 0 5px;
}

.graph-laps-time--laps-count-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.fade-leave-active {
  position: absolute;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.custom-messages {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.custom-message-enter-active {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.custom-message-leave-active {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.custom-message-enter-from {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.custom-message-leave-to {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.custom-message {
  background-color: #fff;
  border: 1px solid #eaedfe;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.compare-trials-list {
  width: 100%;
  max-height: 480px;
  overflow-y: auto;
  padding-right: 12px;
  margin-top: 16px;
}

.compare-trials-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 15px;
}

.compare-trials-list::-webkit-scrollbar {
  width: 10px;
  background-color: #fff;
  border-radius: 15px;
}

.compare-trials-list::-webkit-scrollbar-thumb {
  background-color: #3c3cd6;
  border-radius: 15px;
}

.compare-trials-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(60, 60, 214, 0.8);
}

.modal-mask {
  position: fixed;
  z-index: 1000;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 16px;
}

.modal-container {
  background: white;
  padding: 24px;
  width: 100%;
  max-width: 600px;
  border-radius: 7px;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 24px;
  border-top: 1px solid #ddd;
  margin-top: 24px;
  padding-top: 24px;
}

.modal-enter-active,
.modal-leave-active {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.modal-enter-from,
.modal-leave-to {
  opacity: 0;
}

.modal-enter-to,
.modal-leave-from {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .show-sm {
    display: none !important;
  }

  .title-h1 {
    font-size: calc(40px + 20 * (100vw - 768px) / 1152);
  }

  .result-section--title {
    font-size: calc(32px + 10 * (100vw - 768px) / 672);
  }

  .pvt-test .test-instructions--checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 1024px) {
  .show-md {
    display: none !important;
  }

  .page-main--2 .page-main__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40.5%;
            flex: 0 1 40.5%;
  }

  .page-main--2 .main__video-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 57.5%;
            flex: 0 1 57.5%;
  }

  .pvt-test-section .test-container {
    height: 100%;
  }

  .pvt-results--body {
    min-height: 300px;
  }
}

@media screen and (min-width: 1200px) {
  .show-lg {
    display: none !important;
  }

  .register-page .desc-block {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 650px;
            flex: 1 1 650px;
  }

  .register-page .form-block {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 920px;
            flex: 1 1 920px;
  }
}

@media screen and (min-width: 1300px) {
  .test-section .back-btn {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media screen and (min-width: 1440px) {
  .result-section--title {
    font-size: 42px;
  }
}

@media screen and (min-width: 1920px) {
  .title-h1 {
    font-size: 60px;
  }
}

@media screen and (max-width: 1919.98px) {
  .footer__logo {
    width: 11.7vw;
  }
}

@media screen and (max-width: 1439.98px) {
  .w-xl-auto {
    width: auto !important;
  }

  .minw-xl-auto {
    min-width: auto !important;
  }

  .maxw-xl-auto {
    max-width: auto !important;
  }

  .h-xl-auto {
    height: auto !important;
  }

  .minh-xl-auto {
    min-height: auto !important;
  }

  .maxh-xl-auto {
    max-height: auto !important;
  }

  .w-xl-0 {
    width: 0 !important;
  }

  .minw-xl-0 {
    min-width: 0 !important;
  }

  .maxw-xl-0 {
    max-width: 0 !important;
  }

  .h-xl-0 {
    height: 0 !important;
  }

  .minh-xl-0 {
    min-height: 0 !important;
  }

  .maxh-xl-0 {
    max-height: 0 !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }

  .minw-xl-25 {
    min-width: 25% !important;
  }

  .maxw-xl-25 {
    max-width: 25% !important;
  }

  .h-xl-25 {
    height: 25% !important;
  }

  .minh-xl-25 {
    min-height: 25% !important;
  }

  .maxh-xl-25 {
    max-height: 25% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .minw-xl-50 {
    min-width: 50% !important;
  }

  .maxw-xl-50 {
    max-width: 50% !important;
  }

  .h-xl-50 {
    height: 50% !important;
  }

  .minh-xl-50 {
    min-height: 50% !important;
  }

  .maxh-xl-50 {
    max-height: 50% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .minw-xl-75 {
    min-width: 75% !important;
  }

  .maxw-xl-75 {
    max-width: 75% !important;
  }

  .h-xl-75 {
    height: 75% !important;
  }

  .minh-xl-75 {
    min-height: 75% !important;
  }

  .maxh-xl-75 {
    max-height: 75% !important;
  }

  .w-xl-100 {
    width: 100% !important;
  }

  .minw-xl-100 {
    min-width: 100% !important;
  }

  .maxw-xl-100 {
    max-width: 100% !important;
  }

  .h-xl-100 {
    height: 100% !important;
  }

  .minh-xl-100 {
    min-height: 100% !important;
  }

  .maxh-xl-100 {
    max-height: 100% !important;
  }

  .progress-modal--history {
    margin-top: 32px;
  }

  .register-form .form-text {
    font-size: 17px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 1399.98px) {
  .pvt-work-modal .fancybox-close-small {
    right: 0;
  }
}

@media screen and (max-width: 1199.98px) {
  .section-space-top {
    padding-top: 80px;
  }

  .section-space-bottom {
    padding-bottom: 80px;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-0 {
    margin: 0rem !important;
  }

  .my-lg-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .mt-lg-0 {
    margin-top: 0rem !important;
  }

  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }

  .mx-lg-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .ml-lg-0 {
    margin-left: 0rem !important;
  }

  .mr-lg-0 {
    margin-right: 0rem !important;
  }

  .p-lg-0 {
    padding: 0rem !important;
  }

  .py-lg-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .pt-lg-0 {
    padding-top: 0rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }

  .px-lg-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .pl-lg-0 {
    padding-left: 0rem !important;
  }

  .pr-lg-0 {
    padding-right: 0rem !important;
  }

  .gap-lg-0 {
    gap: 0rem !important;
  }

  .gap-x-lg-0 {
    -webkit-column-gap: 0rem !important;
       -moz-column-gap: 0rem !important;
            column-gap: 0rem !important;
  }

  .gap-y-lg-0 {
    row-gap: 0rem !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }

  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }

  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-x-lg-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }

  .gap-y-lg-1 {
    row-gap: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }

  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }

  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-x-lg-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }

  .gap-y-lg-2 {
    row-gap: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 0.75rem !important;
  }

  .my-lg-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .mt-lg-3 {
    margin-top: 0.75rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 0.75rem !important;
  }

  .mx-lg-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .ml-lg-3 {
    margin-left: 0.75rem !important;
  }

  .mr-lg-3 {
    margin-right: 0.75rem !important;
  }

  .p-lg-3 {
    padding: 0.75rem !important;
  }

  .py-lg-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .pt-lg-3 {
    padding-top: 0.75rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 0.75rem !important;
  }

  .px-lg-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .pl-lg-3 {
    padding-left: 0.75rem !important;
  }

  .pr-lg-3 {
    padding-right: 0.75rem !important;
  }

  .gap-lg-3 {
    gap: 0.75rem !important;
  }

  .gap-x-lg-3 {
    -webkit-column-gap: 0.75rem !important;
       -moz-column-gap: 0.75rem !important;
            column-gap: 0.75rem !important;
  }

  .gap-y-lg-3 {
    row-gap: 0.75rem !important;
  }

  .m-lg-4 {
    margin: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1rem !important;
  }

  .mx-lg-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .ml-lg-4 {
    margin-left: 1rem !important;
  }

  .mr-lg-4 {
    margin-right: 1rem !important;
  }

  .p-lg-4 {
    padding: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1rem !important;
  }

  .px-lg-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .pl-lg-4 {
    padding-left: 1rem !important;
  }

  .pr-lg-4 {
    padding-right: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1rem !important;
  }

  .gap-x-lg-4 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }

  .gap-y-lg-4 {
    row-gap: 1rem !important;
  }

  .m-lg-5 {
    margin: 1.25rem !important;
  }

  .my-lg-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .mt-lg-5 {
    margin-top: 1.25rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 1.25rem !important;
  }

  .mx-lg-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .ml-lg-5 {
    margin-left: 1.25rem !important;
  }

  .mr-lg-5 {
    margin-right: 1.25rem !important;
  }

  .p-lg-5 {
    padding: 1.25rem !important;
  }

  .py-lg-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .pt-lg-5 {
    padding-top: 1.25rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 1.25rem !important;
  }

  .px-lg-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .pl-lg-5 {
    padding-left: 1.25rem !important;
  }

  .pr-lg-5 {
    padding-right: 1.25rem !important;
  }

  .gap-lg-5 {
    gap: 1.25rem !important;
  }

  .gap-x-lg-5 {
    -webkit-column-gap: 1.25rem !important;
       -moz-column-gap: 1.25rem !important;
            column-gap: 1.25rem !important;
  }

  .gap-y-lg-5 {
    row-gap: 1.25rem !important;
  }

  .m-lg-6 {
    margin: 1.5rem !important;
  }

  .my-lg-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .mt-lg-6 {
    margin-top: 1.5rem !important;
  }

  .mb-lg-6 {
    margin-bottom: 1.5rem !important;
  }

  .mx-lg-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .ml-lg-6 {
    margin-left: 1.5rem !important;
  }

  .mr-lg-6 {
    margin-right: 1.5rem !important;
  }

  .p-lg-6 {
    padding: 1.5rem !important;
  }

  .py-lg-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .pt-lg-6 {
    padding-top: 1.5rem !important;
  }

  .pb-lg-6 {
    padding-bottom: 1.5rem !important;
  }

  .px-lg-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .pl-lg-6 {
    padding-left: 1.5rem !important;
  }

  .pr-lg-6 {
    padding-right: 1.5rem !important;
  }

  .gap-lg-6 {
    gap: 1.5rem !important;
  }

  .gap-x-lg-6 {
    -webkit-column-gap: 1.5rem !important;
       -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important;
  }

  .gap-y-lg-6 {
    row-gap: 1.5rem !important;
  }

  .m-lg-7 {
    margin: 1.75rem !important;
  }

  .my-lg-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }

  .mt-lg-7 {
    margin-top: 1.75rem !important;
  }

  .mb-lg-7 {
    margin-bottom: 1.75rem !important;
  }

  .mx-lg-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }

  .ml-lg-7 {
    margin-left: 1.75rem !important;
  }

  .mr-lg-7 {
    margin-right: 1.75rem !important;
  }

  .p-lg-7 {
    padding: 1.75rem !important;
  }

  .py-lg-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .pt-lg-7 {
    padding-top: 1.75rem !important;
  }

  .pb-lg-7 {
    padding-bottom: 1.75rem !important;
  }

  .px-lg-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }

  .pl-lg-7 {
    padding-left: 1.75rem !important;
  }

  .pr-lg-7 {
    padding-right: 1.75rem !important;
  }

  .gap-lg-7 {
    gap: 1.75rem !important;
  }

  .gap-x-lg-7 {
    -webkit-column-gap: 1.75rem !important;
       -moz-column-gap: 1.75rem !important;
            column-gap: 1.75rem !important;
  }

  .gap-y-lg-7 {
    row-gap: 1.75rem !important;
  }

  .m-lg-8 {
    margin: 2rem !important;
  }

  .my-lg-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .mt-lg-8 {
    margin-top: 2rem !important;
  }

  .mb-lg-8 {
    margin-bottom: 2rem !important;
  }

  .mx-lg-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .ml-lg-8 {
    margin-left: 2rem !important;
  }

  .mr-lg-8 {
    margin-right: 2rem !important;
  }

  .p-lg-8 {
    padding: 2rem !important;
  }

  .py-lg-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .pt-lg-8 {
    padding-top: 2rem !important;
  }

  .pb-lg-8 {
    padding-bottom: 2rem !important;
  }

  .px-lg-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .pl-lg-8 {
    padding-left: 2rem !important;
  }

  .pr-lg-8 {
    padding-right: 2rem !important;
  }

  .gap-lg-8 {
    gap: 2rem !important;
  }

  .gap-x-lg-8 {
    -webkit-column-gap: 2rem !important;
       -moz-column-gap: 2rem !important;
            column-gap: 2rem !important;
  }

  .gap-y-lg-8 {
    row-gap: 2rem !important;
  }

  .m-lg-9 {
    margin: 2.25rem !important;
  }

  .my-lg-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }

  .mt-lg-9 {
    margin-top: 2.25rem !important;
  }

  .mb-lg-9 {
    margin-bottom: 2.25rem !important;
  }

  .mx-lg-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }

  .ml-lg-9 {
    margin-left: 2.25rem !important;
  }

  .mr-lg-9 {
    margin-right: 2.25rem !important;
  }

  .p-lg-9 {
    padding: 2.25rem !important;
  }

  .py-lg-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .pt-lg-9 {
    padding-top: 2.25rem !important;
  }

  .pb-lg-9 {
    padding-bottom: 2.25rem !important;
  }

  .px-lg-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }

  .pl-lg-9 {
    padding-left: 2.25rem !important;
  }

  .pr-lg-9 {
    padding-right: 2.25rem !important;
  }

  .gap-lg-9 {
    gap: 2.25rem !important;
  }

  .gap-x-lg-9 {
    -webkit-column-gap: 2.25rem !important;
       -moz-column-gap: 2.25rem !important;
            column-gap: 2.25rem !important;
  }

  .gap-y-lg-9 {
    row-gap: 2.25rem !important;
  }

  .m-lg-10 {
    margin: 2.5rem !important;
  }

  .my-lg-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .mt-lg-10 {
    margin-top: 2.5rem !important;
  }

  .mb-lg-10 {
    margin-bottom: 2.5rem !important;
  }

  .mx-lg-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .ml-lg-10 {
    margin-left: 2.5rem !important;
  }

  .mr-lg-10 {
    margin-right: 2.5rem !important;
  }

  .p-lg-10 {
    padding: 2.5rem !important;
  }

  .py-lg-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .pt-lg-10 {
    padding-top: 2.5rem !important;
  }

  .pb-lg-10 {
    padding-bottom: 2.5rem !important;
  }

  .px-lg-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .pl-lg-10 {
    padding-left: 2.5rem !important;
  }

  .pr-lg-10 {
    padding-right: 2.5rem !important;
  }

  .gap-lg-10 {
    gap: 2.5rem !important;
  }

  .gap-x-lg-10 {
    -webkit-column-gap: 2.5rem !important;
       -moz-column-gap: 2.5rem !important;
            column-gap: 2.5rem !important;
  }

  .gap-y-lg-10 {
    row-gap: 2.5rem !important;
  }

  .m-lg-11 {
    margin: 2.75rem !important;
  }

  .my-lg-11 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }

  .mt-lg-11 {
    margin-top: 2.75rem !important;
  }

  .mb-lg-11 {
    margin-bottom: 2.75rem !important;
  }

  .mx-lg-11 {
    margin-left: 2.75rem !important;
    margin-right: 2.75rem !important;
  }

  .ml-lg-11 {
    margin-left: 2.75rem !important;
  }

  .mr-lg-11 {
    margin-right: 2.75rem !important;
  }

  .p-lg-11 {
    padding: 2.75rem !important;
  }

  .py-lg-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .pt-lg-11 {
    padding-top: 2.75rem !important;
  }

  .pb-lg-11 {
    padding-bottom: 2.75rem !important;
  }

  .px-lg-11 {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
  }

  .pl-lg-11 {
    padding-left: 2.75rem !important;
  }

  .pr-lg-11 {
    padding-right: 2.75rem !important;
  }

  .gap-lg-11 {
    gap: 2.75rem !important;
  }

  .gap-x-lg-11 {
    -webkit-column-gap: 2.75rem !important;
       -moz-column-gap: 2.75rem !important;
            column-gap: 2.75rem !important;
  }

  .gap-y-lg-11 {
    row-gap: 2.75rem !important;
  }

  .m-lg-12 {
    margin: 3rem !important;
  }

  .my-lg-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .mt-lg-12 {
    margin-top: 3rem !important;
  }

  .mb-lg-12 {
    margin-bottom: 3rem !important;
  }

  .mx-lg-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .ml-lg-12 {
    margin-left: 3rem !important;
  }

  .mr-lg-12 {
    margin-right: 3rem !important;
  }

  .p-lg-12 {
    padding: 3rem !important;
  }

  .py-lg-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-12 {
    padding-top: 3rem !important;
  }

  .pb-lg-12 {
    padding-bottom: 3rem !important;
  }

  .px-lg-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .pl-lg-12 {
    padding-left: 3rem !important;
  }

  .pr-lg-12 {
    padding-right: 3rem !important;
  }

  .gap-lg-12 {
    gap: 3rem !important;
  }

  .gap-x-lg-12 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }

  .gap-y-lg-12 {
    row-gap: 3rem !important;
  }

  .m-lg-13 {
    margin: 3.25rem !important;
  }

  .my-lg-13 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }

  .mt-lg-13 {
    margin-top: 3.25rem !important;
  }

  .mb-lg-13 {
    margin-bottom: 3.25rem !important;
  }

  .mx-lg-13 {
    margin-left: 3.25rem !important;
    margin-right: 3.25rem !important;
  }

  .ml-lg-13 {
    margin-left: 3.25rem !important;
  }

  .mr-lg-13 {
    margin-right: 3.25rem !important;
  }

  .p-lg-13 {
    padding: 3.25rem !important;
  }

  .py-lg-13 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .pt-lg-13 {
    padding-top: 3.25rem !important;
  }

  .pb-lg-13 {
    padding-bottom: 3.25rem !important;
  }

  .px-lg-13 {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important;
  }

  .pl-lg-13 {
    padding-left: 3.25rem !important;
  }

  .pr-lg-13 {
    padding-right: 3.25rem !important;
  }

  .gap-lg-13 {
    gap: 3.25rem !important;
  }

  .gap-x-lg-13 {
    -webkit-column-gap: 3.25rem !important;
       -moz-column-gap: 3.25rem !important;
            column-gap: 3.25rem !important;
  }

  .gap-y-lg-13 {
    row-gap: 3.25rem !important;
  }

  .m-lg-14 {
    margin: 3.5rem !important;
  }

  .my-lg-14 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .mt-lg-14 {
    margin-top: 3.5rem !important;
  }

  .mb-lg-14 {
    margin-bottom: 3.5rem !important;
  }

  .mx-lg-14 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  .ml-lg-14 {
    margin-left: 3.5rem !important;
  }

  .mr-lg-14 {
    margin-right: 3.5rem !important;
  }

  .p-lg-14 {
    padding: 3.5rem !important;
  }

  .py-lg-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .pt-lg-14 {
    padding-top: 3.5rem !important;
  }

  .pb-lg-14 {
    padding-bottom: 3.5rem !important;
  }

  .px-lg-14 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }

  .pl-lg-14 {
    padding-left: 3.5rem !important;
  }

  .pr-lg-14 {
    padding-right: 3.5rem !important;
  }

  .gap-lg-14 {
    gap: 3.5rem !important;
  }

  .gap-x-lg-14 {
    -webkit-column-gap: 3.5rem !important;
       -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important;
  }

  .gap-y-lg-14 {
    row-gap: 3.5rem !important;
  }

  .m-lg-15 {
    margin: 3.75rem !important;
  }

  .my-lg-15 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }

  .mt-lg-15 {
    margin-top: 3.75rem !important;
  }

  .mb-lg-15 {
    margin-bottom: 3.75rem !important;
  }

  .mx-lg-15 {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }

  .ml-lg-15 {
    margin-left: 3.75rem !important;
  }

  .mr-lg-15 {
    margin-right: 3.75rem !important;
  }

  .p-lg-15 {
    padding: 3.75rem !important;
  }

  .py-lg-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  .pt-lg-15 {
    padding-top: 3.75rem !important;
  }

  .pb-lg-15 {
    padding-bottom: 3.75rem !important;
  }

  .px-lg-15 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }

  .pl-lg-15 {
    padding-left: 3.75rem !important;
  }

  .pr-lg-15 {
    padding-right: 3.75rem !important;
  }

  .gap-lg-15 {
    gap: 3.75rem !important;
  }

  .gap-x-lg-15 {
    -webkit-column-gap: 3.75rem !important;
       -moz-column-gap: 3.75rem !important;
            column-gap: 3.75rem !important;
  }

  .gap-y-lg-15 {
    row-gap: 3.75rem !important;
  }

  .hide-lg {
    display: none !important;
  }

  .w-lg-auto {
    width: auto !important;
  }

  .minw-lg-auto {
    min-width: auto !important;
  }

  .maxw-lg-auto {
    max-width: auto !important;
  }

  .h-lg-auto {
    height: auto !important;
  }

  .minh-lg-auto {
    min-height: auto !important;
  }

  .maxh-lg-auto {
    max-height: auto !important;
  }

  .w-lg-0 {
    width: 0 !important;
  }

  .minw-lg-0 {
    min-width: 0 !important;
  }

  .maxw-lg-0 {
    max-width: 0 !important;
  }

  .h-lg-0 {
    height: 0 !important;
  }

  .minh-lg-0 {
    min-height: 0 !important;
  }

  .maxh-lg-0 {
    max-height: 0 !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .minw-lg-25 {
    min-width: 25% !important;
  }

  .maxw-lg-25 {
    max-width: 25% !important;
  }

  .h-lg-25 {
    height: 25% !important;
  }

  .minh-lg-25 {
    min-height: 25% !important;
  }

  .maxh-lg-25 {
    max-height: 25% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .minw-lg-50 {
    min-width: 50% !important;
  }

  .maxw-lg-50 {
    max-width: 50% !important;
  }

  .h-lg-50 {
    height: 50% !important;
  }

  .minh-lg-50 {
    min-height: 50% !important;
  }

  .maxh-lg-50 {
    max-height: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .minw-lg-75 {
    min-width: 75% !important;
  }

  .maxw-lg-75 {
    max-width: 75% !important;
  }

  .h-lg-75 {
    height: 75% !important;
  }

  .minh-lg-75 {
    min-height: 75% !important;
  }

  .maxh-lg-75 {
    max-height: 75% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }

  .minw-lg-100 {
    min-width: 100% !important;
  }

  .maxw-lg-100 {
    max-width: 100% !important;
  }

  .h-lg-100 {
    height: 100% !important;
  }

  .minh-lg-100 {
    min-height: 100% !important;
  }

  .maxh-lg-100 {
    max-height: 100% !important;
  }

  .progress-modal--icon {
    width: 90px;
    height: 90px;
  }

  .progress-modal--icon img {
    width: 38px;
    height: 38px;
  }

  .tests-block {
    gap: 20px;
  }

  .tests-block .test-card {
    width: calc(33.3333333333% - 13.3333333333px);
  }

  .test-card {
    padding: 20px;
    border-radius: 20px;
  }

  .register-page .section-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .register-page .desc-block {
    width: 100%;
    max-width: 650px;
  }

  .register-page .form-block {
    width: 100%;
    max-width: 920px;
  }

  .result-row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .result-item--img {
    width: 90px;
    height: 90px;
  }

  .result-item--img img {
    width: 38px;
    height: 38px;
  }

  .result-dashboard {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1023.98px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-0 {
    margin: 0rem !important;
  }

  .my-md-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .mt-md-0 {
    margin-top: 0rem !important;
  }

  .mb-md-0 {
    margin-bottom: 0rem !important;
  }

  .mx-md-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .ml-md-0 {
    margin-left: 0rem !important;
  }

  .mr-md-0 {
    margin-right: 0rem !important;
  }

  .p-md-0 {
    padding: 0rem !important;
  }

  .py-md-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .pt-md-0 {
    padding-top: 0rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0rem !important;
  }

  .px-md-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .pl-md-0 {
    padding-left: 0rem !important;
  }

  .pr-md-0 {
    padding-right: 0rem !important;
  }

  .gap-md-0 {
    gap: 0rem !important;
  }

  .gap-x-md-0 {
    -webkit-column-gap: 0rem !important;
       -moz-column-gap: 0rem !important;
            column-gap: 0rem !important;
  }

  .gap-y-md-0 {
    row-gap: 0rem !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .ml-md-1 {
    margin-left: 0.25rem !important;
  }

  .mr-md-1 {
    margin-right: 0.25rem !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .pl-md-1 {
    padding-left: 0.25rem !important;
  }

  .pr-md-1 {
    padding-right: 0.25rem !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-x-md-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }

  .gap-y-md-1 {
    row-gap: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .ml-md-2 {
    margin-left: 0.5rem !important;
  }

  .mr-md-2 {
    margin-right: 0.5rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .pl-md-2 {
    padding-left: 0.5rem !important;
  }

  .pr-md-2 {
    padding-right: 0.5rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-x-md-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }

  .gap-y-md-2 {
    row-gap: 0.5rem !important;
  }

  .m-md-3 {
    margin: 0.75rem !important;
  }

  .my-md-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .mt-md-3 {
    margin-top: 0.75rem !important;
  }

  .mb-md-3 {
    margin-bottom: 0.75rem !important;
  }

  .mx-md-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .ml-md-3 {
    margin-left: 0.75rem !important;
  }

  .mr-md-3 {
    margin-right: 0.75rem !important;
  }

  .p-md-3 {
    padding: 0.75rem !important;
  }

  .py-md-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .pt-md-3 {
    padding-top: 0.75rem !important;
  }

  .pb-md-3 {
    padding-bottom: 0.75rem !important;
  }

  .px-md-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .pl-md-3 {
    padding-left: 0.75rem !important;
  }

  .pr-md-3 {
    padding-right: 0.75rem !important;
  }

  .gap-md-3 {
    gap: 0.75rem !important;
  }

  .gap-x-md-3 {
    -webkit-column-gap: 0.75rem !important;
       -moz-column-gap: 0.75rem !important;
            column-gap: 0.75rem !important;
  }

  .gap-y-md-3 {
    row-gap: 0.75rem !important;
  }

  .m-md-4 {
    margin: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1rem !important;
  }

  .mx-md-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .ml-md-4 {
    margin-left: 1rem !important;
  }

  .mr-md-4 {
    margin-right: 1rem !important;
  }

  .p-md-4 {
    padding: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1rem !important;
  }

  .px-md-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .pl-md-4 {
    padding-left: 1rem !important;
  }

  .pr-md-4 {
    padding-right: 1rem !important;
  }

  .gap-md-4 {
    gap: 1rem !important;
  }

  .gap-x-md-4 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }

  .gap-y-md-4 {
    row-gap: 1rem !important;
  }

  .m-md-5 {
    margin: 1.25rem !important;
  }

  .my-md-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .mt-md-5 {
    margin-top: 1.25rem !important;
  }

  .mb-md-5 {
    margin-bottom: 1.25rem !important;
  }

  .mx-md-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .ml-md-5 {
    margin-left: 1.25rem !important;
  }

  .mr-md-5 {
    margin-right: 1.25rem !important;
  }

  .p-md-5 {
    padding: 1.25rem !important;
  }

  .py-md-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .pt-md-5 {
    padding-top: 1.25rem !important;
  }

  .pb-md-5 {
    padding-bottom: 1.25rem !important;
  }

  .px-md-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .pl-md-5 {
    padding-left: 1.25rem !important;
  }

  .pr-md-5 {
    padding-right: 1.25rem !important;
  }

  .gap-md-5 {
    gap: 1.25rem !important;
  }

  .gap-x-md-5 {
    -webkit-column-gap: 1.25rem !important;
       -moz-column-gap: 1.25rem !important;
            column-gap: 1.25rem !important;
  }

  .gap-y-md-5 {
    row-gap: 1.25rem !important;
  }

  .m-md-6 {
    margin: 1.5rem !important;
  }

  .my-md-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .mt-md-6 {
    margin-top: 1.5rem !important;
  }

  .mb-md-6 {
    margin-bottom: 1.5rem !important;
  }

  .mx-md-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .ml-md-6 {
    margin-left: 1.5rem !important;
  }

  .mr-md-6 {
    margin-right: 1.5rem !important;
  }

  .p-md-6 {
    padding: 1.5rem !important;
  }

  .py-md-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .pt-md-6 {
    padding-top: 1.5rem !important;
  }

  .pb-md-6 {
    padding-bottom: 1.5rem !important;
  }

  .px-md-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .pl-md-6 {
    padding-left: 1.5rem !important;
  }

  .pr-md-6 {
    padding-right: 1.5rem !important;
  }

  .gap-md-6 {
    gap: 1.5rem !important;
  }

  .gap-x-md-6 {
    -webkit-column-gap: 1.5rem !important;
       -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important;
  }

  .gap-y-md-6 {
    row-gap: 1.5rem !important;
  }

  .m-md-7 {
    margin: 1.75rem !important;
  }

  .my-md-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }

  .mt-md-7 {
    margin-top: 1.75rem !important;
  }

  .mb-md-7 {
    margin-bottom: 1.75rem !important;
  }

  .mx-md-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }

  .ml-md-7 {
    margin-left: 1.75rem !important;
  }

  .mr-md-7 {
    margin-right: 1.75rem !important;
  }

  .p-md-7 {
    padding: 1.75rem !important;
  }

  .py-md-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .pt-md-7 {
    padding-top: 1.75rem !important;
  }

  .pb-md-7 {
    padding-bottom: 1.75rem !important;
  }

  .px-md-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }

  .pl-md-7 {
    padding-left: 1.75rem !important;
  }

  .pr-md-7 {
    padding-right: 1.75rem !important;
  }

  .gap-md-7 {
    gap: 1.75rem !important;
  }

  .gap-x-md-7 {
    -webkit-column-gap: 1.75rem !important;
       -moz-column-gap: 1.75rem !important;
            column-gap: 1.75rem !important;
  }

  .gap-y-md-7 {
    row-gap: 1.75rem !important;
  }

  .m-md-8 {
    margin: 2rem !important;
  }

  .my-md-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .mt-md-8 {
    margin-top: 2rem !important;
  }

  .mb-md-8 {
    margin-bottom: 2rem !important;
  }

  .mx-md-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .ml-md-8 {
    margin-left: 2rem !important;
  }

  .mr-md-8 {
    margin-right: 2rem !important;
  }

  .p-md-8 {
    padding: 2rem !important;
  }

  .py-md-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .pt-md-8 {
    padding-top: 2rem !important;
  }

  .pb-md-8 {
    padding-bottom: 2rem !important;
  }

  .px-md-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .pl-md-8 {
    padding-left: 2rem !important;
  }

  .pr-md-8 {
    padding-right: 2rem !important;
  }

  .gap-md-8 {
    gap: 2rem !important;
  }

  .gap-x-md-8 {
    -webkit-column-gap: 2rem !important;
       -moz-column-gap: 2rem !important;
            column-gap: 2rem !important;
  }

  .gap-y-md-8 {
    row-gap: 2rem !important;
  }

  .m-md-9 {
    margin: 2.25rem !important;
  }

  .my-md-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }

  .mt-md-9 {
    margin-top: 2.25rem !important;
  }

  .mb-md-9 {
    margin-bottom: 2.25rem !important;
  }

  .mx-md-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }

  .ml-md-9 {
    margin-left: 2.25rem !important;
  }

  .mr-md-9 {
    margin-right: 2.25rem !important;
  }

  .p-md-9 {
    padding: 2.25rem !important;
  }

  .py-md-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .pt-md-9 {
    padding-top: 2.25rem !important;
  }

  .pb-md-9 {
    padding-bottom: 2.25rem !important;
  }

  .px-md-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }

  .pl-md-9 {
    padding-left: 2.25rem !important;
  }

  .pr-md-9 {
    padding-right: 2.25rem !important;
  }

  .gap-md-9 {
    gap: 2.25rem !important;
  }

  .gap-x-md-9 {
    -webkit-column-gap: 2.25rem !important;
       -moz-column-gap: 2.25rem !important;
            column-gap: 2.25rem !important;
  }

  .gap-y-md-9 {
    row-gap: 2.25rem !important;
  }

  .m-md-10 {
    margin: 2.5rem !important;
  }

  .my-md-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .mt-md-10 {
    margin-top: 2.5rem !important;
  }

  .mb-md-10 {
    margin-bottom: 2.5rem !important;
  }

  .mx-md-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .ml-md-10 {
    margin-left: 2.5rem !important;
  }

  .mr-md-10 {
    margin-right: 2.5rem !important;
  }

  .p-md-10 {
    padding: 2.5rem !important;
  }

  .py-md-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .pt-md-10 {
    padding-top: 2.5rem !important;
  }

  .pb-md-10 {
    padding-bottom: 2.5rem !important;
  }

  .px-md-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .pl-md-10 {
    padding-left: 2.5rem !important;
  }

  .pr-md-10 {
    padding-right: 2.5rem !important;
  }

  .gap-md-10 {
    gap: 2.5rem !important;
  }

  .gap-x-md-10 {
    -webkit-column-gap: 2.5rem !important;
       -moz-column-gap: 2.5rem !important;
            column-gap: 2.5rem !important;
  }

  .gap-y-md-10 {
    row-gap: 2.5rem !important;
  }

  .m-md-11 {
    margin: 2.75rem !important;
  }

  .my-md-11 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }

  .mt-md-11 {
    margin-top: 2.75rem !important;
  }

  .mb-md-11 {
    margin-bottom: 2.75rem !important;
  }

  .mx-md-11 {
    margin-left: 2.75rem !important;
    margin-right: 2.75rem !important;
  }

  .ml-md-11 {
    margin-left: 2.75rem !important;
  }

  .mr-md-11 {
    margin-right: 2.75rem !important;
  }

  .p-md-11 {
    padding: 2.75rem !important;
  }

  .py-md-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .pt-md-11 {
    padding-top: 2.75rem !important;
  }

  .pb-md-11 {
    padding-bottom: 2.75rem !important;
  }

  .px-md-11 {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
  }

  .pl-md-11 {
    padding-left: 2.75rem !important;
  }

  .pr-md-11 {
    padding-right: 2.75rem !important;
  }

  .gap-md-11 {
    gap: 2.75rem !important;
  }

  .gap-x-md-11 {
    -webkit-column-gap: 2.75rem !important;
       -moz-column-gap: 2.75rem !important;
            column-gap: 2.75rem !important;
  }

  .gap-y-md-11 {
    row-gap: 2.75rem !important;
  }

  .m-md-12 {
    margin: 3rem !important;
  }

  .my-md-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .mt-md-12 {
    margin-top: 3rem !important;
  }

  .mb-md-12 {
    margin-bottom: 3rem !important;
  }

  .mx-md-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .ml-md-12 {
    margin-left: 3rem !important;
  }

  .mr-md-12 {
    margin-right: 3rem !important;
  }

  .p-md-12 {
    padding: 3rem !important;
  }

  .py-md-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-12 {
    padding-top: 3rem !important;
  }

  .pb-md-12 {
    padding-bottom: 3rem !important;
  }

  .px-md-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .pl-md-12 {
    padding-left: 3rem !important;
  }

  .pr-md-12 {
    padding-right: 3rem !important;
  }

  .gap-md-12 {
    gap: 3rem !important;
  }

  .gap-x-md-12 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }

  .gap-y-md-12 {
    row-gap: 3rem !important;
  }

  .m-md-13 {
    margin: 3.25rem !important;
  }

  .my-md-13 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }

  .mt-md-13 {
    margin-top: 3.25rem !important;
  }

  .mb-md-13 {
    margin-bottom: 3.25rem !important;
  }

  .mx-md-13 {
    margin-left: 3.25rem !important;
    margin-right: 3.25rem !important;
  }

  .ml-md-13 {
    margin-left: 3.25rem !important;
  }

  .mr-md-13 {
    margin-right: 3.25rem !important;
  }

  .p-md-13 {
    padding: 3.25rem !important;
  }

  .py-md-13 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .pt-md-13 {
    padding-top: 3.25rem !important;
  }

  .pb-md-13 {
    padding-bottom: 3.25rem !important;
  }

  .px-md-13 {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important;
  }

  .pl-md-13 {
    padding-left: 3.25rem !important;
  }

  .pr-md-13 {
    padding-right: 3.25rem !important;
  }

  .gap-md-13 {
    gap: 3.25rem !important;
  }

  .gap-x-md-13 {
    -webkit-column-gap: 3.25rem !important;
       -moz-column-gap: 3.25rem !important;
            column-gap: 3.25rem !important;
  }

  .gap-y-md-13 {
    row-gap: 3.25rem !important;
  }

  .m-md-14 {
    margin: 3.5rem !important;
  }

  .my-md-14 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .mt-md-14 {
    margin-top: 3.5rem !important;
  }

  .mb-md-14 {
    margin-bottom: 3.5rem !important;
  }

  .mx-md-14 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  .ml-md-14 {
    margin-left: 3.5rem !important;
  }

  .mr-md-14 {
    margin-right: 3.5rem !important;
  }

  .p-md-14 {
    padding: 3.5rem !important;
  }

  .py-md-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .pt-md-14 {
    padding-top: 3.5rem !important;
  }

  .pb-md-14 {
    padding-bottom: 3.5rem !important;
  }

  .px-md-14 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }

  .pl-md-14 {
    padding-left: 3.5rem !important;
  }

  .pr-md-14 {
    padding-right: 3.5rem !important;
  }

  .gap-md-14 {
    gap: 3.5rem !important;
  }

  .gap-x-md-14 {
    -webkit-column-gap: 3.5rem !important;
       -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important;
  }

  .gap-y-md-14 {
    row-gap: 3.5rem !important;
  }

  .m-md-15 {
    margin: 3.75rem !important;
  }

  .my-md-15 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }

  .mt-md-15 {
    margin-top: 3.75rem !important;
  }

  .mb-md-15 {
    margin-bottom: 3.75rem !important;
  }

  .mx-md-15 {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }

  .ml-md-15 {
    margin-left: 3.75rem !important;
  }

  .mr-md-15 {
    margin-right: 3.75rem !important;
  }

  .p-md-15 {
    padding: 3.75rem !important;
  }

  .py-md-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  .pt-md-15 {
    padding-top: 3.75rem !important;
  }

  .pb-md-15 {
    padding-bottom: 3.75rem !important;
  }

  .px-md-15 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }

  .pl-md-15 {
    padding-left: 3.75rem !important;
  }

  .pr-md-15 {
    padding-right: 3.75rem !important;
  }

  .gap-md-15 {
    gap: 3.75rem !important;
  }

  .gap-x-md-15 {
    -webkit-column-gap: 3.75rem !important;
       -moz-column-gap: 3.75rem !important;
            column-gap: 3.75rem !important;
  }

  .gap-y-md-15 {
    row-gap: 3.75rem !important;
  }

  .hide-md {
    display: none !important;
  }

  .w-md-auto {
    width: auto !important;
  }

  .minw-md-auto {
    min-width: auto !important;
  }

  .maxw-md-auto {
    max-width: auto !important;
  }

  .h-md-auto {
    height: auto !important;
  }

  .minh-md-auto {
    min-height: auto !important;
  }

  .maxh-md-auto {
    max-height: auto !important;
  }

  .w-md-0 {
    width: 0 !important;
  }

  .minw-md-0 {
    min-width: 0 !important;
  }

  .maxw-md-0 {
    max-width: 0 !important;
  }

  .h-md-0 {
    height: 0 !important;
  }

  .minh-md-0 {
    min-height: 0 !important;
  }

  .maxh-md-0 {
    max-height: 0 !important;
  }

  .w-md-25 {
    width: 25% !important;
  }

  .minw-md-25 {
    min-width: 25% !important;
  }

  .maxw-md-25 {
    max-width: 25% !important;
  }

  .h-md-25 {
    height: 25% !important;
  }

  .minh-md-25 {
    min-height: 25% !important;
  }

  .maxh-md-25 {
    max-height: 25% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .minw-md-50 {
    min-width: 50% !important;
  }

  .maxw-md-50 {
    max-width: 50% !important;
  }

  .h-md-50 {
    height: 50% !important;
  }

  .minh-md-50 {
    min-height: 50% !important;
  }

  .maxh-md-50 {
    max-height: 50% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .minw-md-75 {
    min-width: 75% !important;
  }

  .maxw-md-75 {
    max-width: 75% !important;
  }

  .h-md-75 {
    height: 75% !important;
  }

  .minh-md-75 {
    min-height: 75% !important;
  }

  .maxh-md-75 {
    max-height: 75% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }

  .minw-md-100 {
    min-width: 100% !important;
  }

  .maxw-md-100 {
    max-width: 100% !important;
  }

  .h-md-100 {
    height: 100% !important;
  }

  .minh-md-100 {
    min-height: 100% !important;
  }

  .maxh-md-100 {
    max-height: 100% !important;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .page-main--2 .page-main__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 30px;
  }

  .page-main--2 .main__video-block {
    width: 100%;
  }

  .footer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px 40px;
  }

  .tests-block .test-card {
    width: calc(50% - 10px);
  }

  .result-row {
    gap: 24px;
    padding: 24px;
  }

  .result-dashboard {
    gap: 24px;
    padding: 24px;
  }

  .pvt-test--wrap {
    padding: 30px;
  }

  .pvt-test--test-start {
    height: 600px;
  }

  .pvt-results--body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .pvt-results--all-trials {
    width: 100%;
  }

  .pvt-results .all-trials.open .all-trials--body {
    height: 445px;
    padding: 16px 8px 16px 0;
  }

  .pvt-results .all-trials--head .icon-chevron-down {
    display: block;
  }

  .pvt-results .all-trials--body {
    height: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media screen and (max-width: 767.98px) {
  .p1 {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .p2 {
    font-size: 14px;
    line-height: 1.4;
  }

  .p3 {
    font-size: 12px;
  }

  .p4 {
    font-size: 10px;
  }

  .d18 {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .d20 {
    font-size: 18px;
  }

  .d24 {
    font-size: 20px;
    letter-spacing: 0;
  }

  .section-space-top {
    padding-top: 68px;
  }

  .section-space-bottom {
    padding-bottom: 68px;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-0 {
    margin: 0rem !important;
  }

  .my-sm-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .mt-sm-0 {
    margin-top: 0rem !important;
  }

  .mb-sm-0 {
    margin-bottom: 0rem !important;
  }

  .mx-sm-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .ml-sm-0 {
    margin-left: 0rem !important;
  }

  .mr-sm-0 {
    margin-right: 0rem !important;
  }

  .p-sm-0 {
    padding: 0rem !important;
  }

  .py-sm-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .pt-sm-0 {
    padding-top: 0rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }

  .px-sm-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .pl-sm-0 {
    padding-left: 0rem !important;
  }

  .pr-sm-0 {
    padding-right: 0rem !important;
  }

  .gap-sm-0 {
    gap: 0rem !important;
  }

  .gap-x-sm-0 {
    -webkit-column-gap: 0rem !important;
       -moz-column-gap: 0rem !important;
            column-gap: 0rem !important;
  }

  .gap-y-sm-0 {
    row-gap: 0rem !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }

  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }

  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-x-sm-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }

  .gap-y-sm-1 {
    row-gap: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }

  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }

  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-x-sm-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }

  .gap-y-sm-2 {
    row-gap: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 0.75rem !important;
  }

  .my-sm-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .mt-sm-3 {
    margin-top: 0.75rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 0.75rem !important;
  }

  .mx-sm-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .ml-sm-3 {
    margin-left: 0.75rem !important;
  }

  .mr-sm-3 {
    margin-right: 0.75rem !important;
  }

  .p-sm-3 {
    padding: 0.75rem !important;
  }

  .py-sm-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .pt-sm-3 {
    padding-top: 0.75rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 0.75rem !important;
  }

  .px-sm-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .pl-sm-3 {
    padding-left: 0.75rem !important;
  }

  .pr-sm-3 {
    padding-right: 0.75rem !important;
  }

  .gap-sm-3 {
    gap: 0.75rem !important;
  }

  .gap-x-sm-3 {
    -webkit-column-gap: 0.75rem !important;
       -moz-column-gap: 0.75rem !important;
            column-gap: 0.75rem !important;
  }

  .gap-y-sm-3 {
    row-gap: 0.75rem !important;
  }

  .m-sm-4 {
    margin: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1rem !important;
  }

  .mx-sm-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .ml-sm-4 {
    margin-left: 1rem !important;
  }

  .mr-sm-4 {
    margin-right: 1rem !important;
  }

  .p-sm-4 {
    padding: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1rem !important;
  }

  .px-sm-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .pl-sm-4 {
    padding-left: 1rem !important;
  }

  .pr-sm-4 {
    padding-right: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1rem !important;
  }

  .gap-x-sm-4 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }

  .gap-y-sm-4 {
    row-gap: 1rem !important;
  }

  .m-sm-5 {
    margin: 1.25rem !important;
  }

  .my-sm-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .mt-sm-5 {
    margin-top: 1.25rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 1.25rem !important;
  }

  .mx-sm-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .ml-sm-5 {
    margin-left: 1.25rem !important;
  }

  .mr-sm-5 {
    margin-right: 1.25rem !important;
  }

  .p-sm-5 {
    padding: 1.25rem !important;
  }

  .py-sm-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .pt-sm-5 {
    padding-top: 1.25rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 1.25rem !important;
  }

  .px-sm-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .pl-sm-5 {
    padding-left: 1.25rem !important;
  }

  .pr-sm-5 {
    padding-right: 1.25rem !important;
  }

  .gap-sm-5 {
    gap: 1.25rem !important;
  }

  .gap-x-sm-5 {
    -webkit-column-gap: 1.25rem !important;
       -moz-column-gap: 1.25rem !important;
            column-gap: 1.25rem !important;
  }

  .gap-y-sm-5 {
    row-gap: 1.25rem !important;
  }

  .m-sm-6 {
    margin: 1.5rem !important;
  }

  .my-sm-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .mt-sm-6 {
    margin-top: 1.5rem !important;
  }

  .mb-sm-6 {
    margin-bottom: 1.5rem !important;
  }

  .mx-sm-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .ml-sm-6 {
    margin-left: 1.5rem !important;
  }

  .mr-sm-6 {
    margin-right: 1.5rem !important;
  }

  .p-sm-6 {
    padding: 1.5rem !important;
  }

  .py-sm-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .pt-sm-6 {
    padding-top: 1.5rem !important;
  }

  .pb-sm-6 {
    padding-bottom: 1.5rem !important;
  }

  .px-sm-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .pl-sm-6 {
    padding-left: 1.5rem !important;
  }

  .pr-sm-6 {
    padding-right: 1.5rem !important;
  }

  .gap-sm-6 {
    gap: 1.5rem !important;
  }

  .gap-x-sm-6 {
    -webkit-column-gap: 1.5rem !important;
       -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important;
  }

  .gap-y-sm-6 {
    row-gap: 1.5rem !important;
  }

  .m-sm-7 {
    margin: 1.75rem !important;
  }

  .my-sm-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }

  .mt-sm-7 {
    margin-top: 1.75rem !important;
  }

  .mb-sm-7 {
    margin-bottom: 1.75rem !important;
  }

  .mx-sm-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }

  .ml-sm-7 {
    margin-left: 1.75rem !important;
  }

  .mr-sm-7 {
    margin-right: 1.75rem !important;
  }

  .p-sm-7 {
    padding: 1.75rem !important;
  }

  .py-sm-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .pt-sm-7 {
    padding-top: 1.75rem !important;
  }

  .pb-sm-7 {
    padding-bottom: 1.75rem !important;
  }

  .px-sm-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }

  .pl-sm-7 {
    padding-left: 1.75rem !important;
  }

  .pr-sm-7 {
    padding-right: 1.75rem !important;
  }

  .gap-sm-7 {
    gap: 1.75rem !important;
  }

  .gap-x-sm-7 {
    -webkit-column-gap: 1.75rem !important;
       -moz-column-gap: 1.75rem !important;
            column-gap: 1.75rem !important;
  }

  .gap-y-sm-7 {
    row-gap: 1.75rem !important;
  }

  .m-sm-8 {
    margin: 2rem !important;
  }

  .my-sm-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .mt-sm-8 {
    margin-top: 2rem !important;
  }

  .mb-sm-8 {
    margin-bottom: 2rem !important;
  }

  .mx-sm-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .ml-sm-8 {
    margin-left: 2rem !important;
  }

  .mr-sm-8 {
    margin-right: 2rem !important;
  }

  .p-sm-8 {
    padding: 2rem !important;
  }

  .py-sm-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .pt-sm-8 {
    padding-top: 2rem !important;
  }

  .pb-sm-8 {
    padding-bottom: 2rem !important;
  }

  .px-sm-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .pl-sm-8 {
    padding-left: 2rem !important;
  }

  .pr-sm-8 {
    padding-right: 2rem !important;
  }

  .gap-sm-8 {
    gap: 2rem !important;
  }

  .gap-x-sm-8 {
    -webkit-column-gap: 2rem !important;
       -moz-column-gap: 2rem !important;
            column-gap: 2rem !important;
  }

  .gap-y-sm-8 {
    row-gap: 2rem !important;
  }

  .m-sm-9 {
    margin: 2.25rem !important;
  }

  .my-sm-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }

  .mt-sm-9 {
    margin-top: 2.25rem !important;
  }

  .mb-sm-9 {
    margin-bottom: 2.25rem !important;
  }

  .mx-sm-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }

  .ml-sm-9 {
    margin-left: 2.25rem !important;
  }

  .mr-sm-9 {
    margin-right: 2.25rem !important;
  }

  .p-sm-9 {
    padding: 2.25rem !important;
  }

  .py-sm-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .pt-sm-9 {
    padding-top: 2.25rem !important;
  }

  .pb-sm-9 {
    padding-bottom: 2.25rem !important;
  }

  .px-sm-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }

  .pl-sm-9 {
    padding-left: 2.25rem !important;
  }

  .pr-sm-9 {
    padding-right: 2.25rem !important;
  }

  .gap-sm-9 {
    gap: 2.25rem !important;
  }

  .gap-x-sm-9 {
    -webkit-column-gap: 2.25rem !important;
       -moz-column-gap: 2.25rem !important;
            column-gap: 2.25rem !important;
  }

  .gap-y-sm-9 {
    row-gap: 2.25rem !important;
  }

  .m-sm-10 {
    margin: 2.5rem !important;
  }

  .my-sm-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .mt-sm-10 {
    margin-top: 2.5rem !important;
  }

  .mb-sm-10 {
    margin-bottom: 2.5rem !important;
  }

  .mx-sm-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .ml-sm-10 {
    margin-left: 2.5rem !important;
  }

  .mr-sm-10 {
    margin-right: 2.5rem !important;
  }

  .p-sm-10 {
    padding: 2.5rem !important;
  }

  .py-sm-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .pt-sm-10 {
    padding-top: 2.5rem !important;
  }

  .pb-sm-10 {
    padding-bottom: 2.5rem !important;
  }

  .px-sm-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .pl-sm-10 {
    padding-left: 2.5rem !important;
  }

  .pr-sm-10 {
    padding-right: 2.5rem !important;
  }

  .gap-sm-10 {
    gap: 2.5rem !important;
  }

  .gap-x-sm-10 {
    -webkit-column-gap: 2.5rem !important;
       -moz-column-gap: 2.5rem !important;
            column-gap: 2.5rem !important;
  }

  .gap-y-sm-10 {
    row-gap: 2.5rem !important;
  }

  .m-sm-11 {
    margin: 2.75rem !important;
  }

  .my-sm-11 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }

  .mt-sm-11 {
    margin-top: 2.75rem !important;
  }

  .mb-sm-11 {
    margin-bottom: 2.75rem !important;
  }

  .mx-sm-11 {
    margin-left: 2.75rem !important;
    margin-right: 2.75rem !important;
  }

  .ml-sm-11 {
    margin-left: 2.75rem !important;
  }

  .mr-sm-11 {
    margin-right: 2.75rem !important;
  }

  .p-sm-11 {
    padding: 2.75rem !important;
  }

  .py-sm-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .pt-sm-11 {
    padding-top: 2.75rem !important;
  }

  .pb-sm-11 {
    padding-bottom: 2.75rem !important;
  }

  .px-sm-11 {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
  }

  .pl-sm-11 {
    padding-left: 2.75rem !important;
  }

  .pr-sm-11 {
    padding-right: 2.75rem !important;
  }

  .gap-sm-11 {
    gap: 2.75rem !important;
  }

  .gap-x-sm-11 {
    -webkit-column-gap: 2.75rem !important;
       -moz-column-gap: 2.75rem !important;
            column-gap: 2.75rem !important;
  }

  .gap-y-sm-11 {
    row-gap: 2.75rem !important;
  }

  .m-sm-12 {
    margin: 3rem !important;
  }

  .my-sm-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .mt-sm-12 {
    margin-top: 3rem !important;
  }

  .mb-sm-12 {
    margin-bottom: 3rem !important;
  }

  .mx-sm-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .ml-sm-12 {
    margin-left: 3rem !important;
  }

  .mr-sm-12 {
    margin-right: 3rem !important;
  }

  .p-sm-12 {
    padding: 3rem !important;
  }

  .py-sm-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-12 {
    padding-top: 3rem !important;
  }

  .pb-sm-12 {
    padding-bottom: 3rem !important;
  }

  .px-sm-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .pl-sm-12 {
    padding-left: 3rem !important;
  }

  .pr-sm-12 {
    padding-right: 3rem !important;
  }

  .gap-sm-12 {
    gap: 3rem !important;
  }

  .gap-x-sm-12 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }

  .gap-y-sm-12 {
    row-gap: 3rem !important;
  }

  .m-sm-13 {
    margin: 3.25rem !important;
  }

  .my-sm-13 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }

  .mt-sm-13 {
    margin-top: 3.25rem !important;
  }

  .mb-sm-13 {
    margin-bottom: 3.25rem !important;
  }

  .mx-sm-13 {
    margin-left: 3.25rem !important;
    margin-right: 3.25rem !important;
  }

  .ml-sm-13 {
    margin-left: 3.25rem !important;
  }

  .mr-sm-13 {
    margin-right: 3.25rem !important;
  }

  .p-sm-13 {
    padding: 3.25rem !important;
  }

  .py-sm-13 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .pt-sm-13 {
    padding-top: 3.25rem !important;
  }

  .pb-sm-13 {
    padding-bottom: 3.25rem !important;
  }

  .px-sm-13 {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important;
  }

  .pl-sm-13 {
    padding-left: 3.25rem !important;
  }

  .pr-sm-13 {
    padding-right: 3.25rem !important;
  }

  .gap-sm-13 {
    gap: 3.25rem !important;
  }

  .gap-x-sm-13 {
    -webkit-column-gap: 3.25rem !important;
       -moz-column-gap: 3.25rem !important;
            column-gap: 3.25rem !important;
  }

  .gap-y-sm-13 {
    row-gap: 3.25rem !important;
  }

  .m-sm-14 {
    margin: 3.5rem !important;
  }

  .my-sm-14 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .mt-sm-14 {
    margin-top: 3.5rem !important;
  }

  .mb-sm-14 {
    margin-bottom: 3.5rem !important;
  }

  .mx-sm-14 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  .ml-sm-14 {
    margin-left: 3.5rem !important;
  }

  .mr-sm-14 {
    margin-right: 3.5rem !important;
  }

  .p-sm-14 {
    padding: 3.5rem !important;
  }

  .py-sm-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .pt-sm-14 {
    padding-top: 3.5rem !important;
  }

  .pb-sm-14 {
    padding-bottom: 3.5rem !important;
  }

  .px-sm-14 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }

  .pl-sm-14 {
    padding-left: 3.5rem !important;
  }

  .pr-sm-14 {
    padding-right: 3.5rem !important;
  }

  .gap-sm-14 {
    gap: 3.5rem !important;
  }

  .gap-x-sm-14 {
    -webkit-column-gap: 3.5rem !important;
       -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important;
  }

  .gap-y-sm-14 {
    row-gap: 3.5rem !important;
  }

  .m-sm-15 {
    margin: 3.75rem !important;
  }

  .my-sm-15 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }

  .mt-sm-15 {
    margin-top: 3.75rem !important;
  }

  .mb-sm-15 {
    margin-bottom: 3.75rem !important;
  }

  .mx-sm-15 {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }

  .ml-sm-15 {
    margin-left: 3.75rem !important;
  }

  .mr-sm-15 {
    margin-right: 3.75rem !important;
  }

  .p-sm-15 {
    padding: 3.75rem !important;
  }

  .py-sm-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  .pt-sm-15 {
    padding-top: 3.75rem !important;
  }

  .pb-sm-15 {
    padding-bottom: 3.75rem !important;
  }

  .px-sm-15 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }

  .pl-sm-15 {
    padding-left: 3.75rem !important;
  }

  .pr-sm-15 {
    padding-right: 3.75rem !important;
  }

  .gap-sm-15 {
    gap: 3.75rem !important;
  }

  .gap-x-sm-15 {
    -webkit-column-gap: 3.75rem !important;
       -moz-column-gap: 3.75rem !important;
            column-gap: 3.75rem !important;
  }

  .gap-y-sm-15 {
    row-gap: 3.75rem !important;
  }

  .hide-sm {
    display: none !important;
  }

  .w-sm-auto {
    width: auto !important;
  }

  .minw-sm-auto {
    min-width: auto !important;
  }

  .maxw-sm-auto {
    max-width: auto !important;
  }

  .h-sm-auto {
    height: auto !important;
  }

  .minh-sm-auto {
    min-height: auto !important;
  }

  .maxh-sm-auto {
    max-height: auto !important;
  }

  .w-sm-0 {
    width: 0 !important;
  }

  .minw-sm-0 {
    min-width: 0 !important;
  }

  .maxw-sm-0 {
    max-width: 0 !important;
  }

  .h-sm-0 {
    height: 0 !important;
  }

  .minh-sm-0 {
    min-height: 0 !important;
  }

  .maxh-sm-0 {
    max-height: 0 !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }

  .minw-sm-25 {
    min-width: 25% !important;
  }

  .maxw-sm-25 {
    max-width: 25% !important;
  }

  .h-sm-25 {
    height: 25% !important;
  }

  .minh-sm-25 {
    min-height: 25% !important;
  }

  .maxh-sm-25 {
    max-height: 25% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .minw-sm-50 {
    min-width: 50% !important;
  }

  .maxw-sm-50 {
    max-width: 50% !important;
  }

  .h-sm-50 {
    height: 50% !important;
  }

  .minh-sm-50 {
    min-height: 50% !important;
  }

  .maxh-sm-50 {
    max-height: 50% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .minw-sm-75 {
    min-width: 75% !important;
  }

  .maxw-sm-75 {
    max-width: 75% !important;
  }

  .h-sm-75 {
    height: 75% !important;
  }

  .minh-sm-75 {
    min-height: 75% !important;
  }

  .maxh-sm-75 {
    max-height: 75% !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }

  .minw-sm-100 {
    min-width: 100% !important;
  }

  .maxw-sm-100 {
    max-width: 100% !important;
  }

  .h-sm-100 {
    height: 100% !important;
  }

  .minh-sm-100 {
    min-height: 100% !important;
  }

  .maxh-sm-100 {
    max-height: 100% !important;
  }

  .title-h1 {
    font-size: 32px;
  }

  .title-h2 {
    font-size: 24px;
    letter-spacing: 0;
  }

  .title-h3 {
    font-size: 20px;
    letter-spacing: 0.03em;
  }

  .title-h4 {
    font-size: 16px;
  }

  .title-h5 {
    font-size: 14px;
  }

  .title-h6 {
    font-size: 10px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-404__inner {
    padding: 24px;
    border-radius: 16px;
  }

  .page-404__title {
    font-size: 70px;
  }

  .page-main--2 .page-main__inner {
    row-gap: 24px;
  }

  .back-btn {
    width: 34px;
    height: 34px;
  }

  .back-btn .icon {
    font-size: 15px;
  }

  .btn-primary {
    font-size: 12px;
  }

  .btn-primary {
    min-height: 46px;
    padding: 10px 18px;
    border-radius: 8px;
  }

  .btn-secondary {
    font-size: 12px;
  }

  .btn-secondary {
    min-height: 46px;
    padding: 10px 18px;
    border-radius: 8px;
  }

  .btn-transparent {
    font-size: 12px;
  }

  .btn-transparent {
    min-height: 46px;
    padding: 10px 18px;
    border-radius: 8px;
  }

  .btn-blue {
    font-size: 12px;
  }

  .btn-blue {
    min-height: 46px;
    padding: 10px 18px;
    border-radius: 8px;
  }

  .form-label {
    font-size: 14px;
    line-height: 1.4;
  }

  .form-label {
    margin-bottom: 4px;
  }

  .form-input,
  .form-textarea {
    font-size: 14px;
    line-height: 1.4;
  }

  .form-input,
  .form-textarea {
    height: 46px;
  }

  .form-select {
    font-size: 14px;
    line-height: 1.4;
  }

  .form-select {
    height: 46px;
  }

  .invalid-feedback {
    font-size: 14px;
    line-height: 1.4;
  }

  .wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 1.4;
  }

  .form-check .form-check-label {
    font-size: 14px;
  }

  .header__inner {
    height: 85px;
  }

  .header__burger {
    margin-left: 14px;
  }

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

  .burger__bar {
    width: 24px;
    height: 2px;
  }

  .burger__bar:before,
  .burger__bar:after {
    height: 2px;
    border-radius: 8px;
  }

  .burger__bar::before {
    width: 18px;
    top: -7px;
  }

  .burger__bar::after {
    width: 14px;
    bottom: -7px;
  }

  .header-menu .container {
    padding-top: 85px;
  }

  .header-menu__main {
    padding-top: 24px;
  }

  .header-menu__item {
    padding: 16px;
    border-radius: 16px;
  }

  .header-menu__item-title {
    font-size: 20px;
    letter-spacing: 0;
  }

  .menu-open {
    padding-top: 85px;
  }

  .menu-open .burger__bar:before,
  .menu-open .burger__bar:after {
    width: 24px !important;
  }

  .modal {
    padding: 16px;
    border-radius: 16px;
  }

  .modal .social-item {
    width: 40px;
    height: 40px;
  }

  .result-modal--copy-link {
    font-size: 14px;
    line-height: 1.4;
  }

  .result-modal--download-block {
    width: 100%;
  }

  .result-modal--download-block .button {
    min-width: auto;
    width: 100%;
  }

  .result-modal .send-email--input {
    font-size: 14px;
    line-height: 1.4;
  }

  .result-modal .send-email--input {
    padding: 11px 14px;
  }

  .progress-modal--top {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }

  .progress-modal--icon {
    width: 70px;
    height: 70px;
    border: 3px solid;
  }

  .progress-modal--icon img {
    width: 32px;
    height: 32px;
  }

  .progress-modal--history {
    margin-top: 24px;
  }

  .progress-modal .description {
    padding: 14px;
    border-radius: 10px;
  }

  .progress-modal .description--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 16px;
  }

  .progress-modal .description--percentage {
    margin-bottom: 6px;
  }

  .progress-modal .history--block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
  }

  .progress-modal .progress-item--line {
    height: 32px;
    border-radius: 16px;
  }

  .progress-modal .progress-item--line-progress {
    border-radius: 16px;
  }

  .progress-modal .progress-item--label {
    font-size: 16px;
  }

  .buy-book-modal .buy-book--img {
    border-radius: 12px;
  }

  .fancybox-slide--html .fancybox-close-small {
    width: 32px;
    height: 32px;
  }

  .pvt-work-modal {
    padding: 10px;
  }

  .pvt-work-modal .fancybox-close-small {
    top: -40px;
    right: 0;
  }

  .tests-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .tests-block .test-card {
    width: 100%;
  }

  .test-card {
    padding: 16px;
    border-radius: 16px;
  }

  .test-card__desc {
    margin: 12px 0 16px;
  }

  .test-card__title {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .test-card__text {
    font-size: 14px;
    line-height: 1.4;
  }

  .test-card__text {
    margin-top: 6px;
  }

  .test-card__bottom-line {
    font-size: 12px;
  }

  .test-card__bottom-line {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }

  .test-card__bottom-line .icon {
    font-size: 18px;
  }

  .register-page .desc-block {
    max-width: none;
  }

  .register-page .desc-block__image {
    border-radius: 16px;
  }

  .register-page .form-block {
    max-width: none;
    padding: 16px;
    border-radius: 16px;
  }

  .register-form .form-field {
    width: 100%;
  }

  .register-form .form-text {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .register-form .form-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .register-form .form-bottom .button {
    width: 100%;
  }

  .test-section .test-content__test {
    padding: 24px 14px 50px;
    border-radius: 16px;
  }

  .test-section .test-content--load .load-number {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .test-section .test-content--bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 24px;
    margin-top: 24px;
  }

  .test-section .test-content--bottom .button {
    min-width: auto;
    width: 100%;
  }

  .test-section .test-content--bottom .previous-button {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .test-content .test-line--text {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .test-content .test-line--radio {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    gap: 16px 18px;
    padding: 0 10px;
  }

  .test-content .test-line--radio .radio {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }

  .test-content .test-line--radio .radio span {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .test-content .test-checkbox {
    margin: 24px 0 0;
  }

  .test-content .test-checkbox .agree-text {
    font-size: 14px;
    line-height: 1.4;
  }

  .result--global-score-block {
    margin-top: 40px;
  }

  .result-block + .result-block {
    margin-top: 36px;
  }

  .result-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 14px;
    padding: 24px 14px;
    border-radius: 16px;
  }

  .result-item {
    padding: 14px;
    border-radius: 16px;
  }

  .result-item--img {
    width: 70px;
    height: 70px;
    border: 3px solid;
  }

  .result-item--img img {
    width: 32px;
    height: 32px;
  }

  .result-item--score {
    min-width: 90px;
  }

  .result-item--improvements {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }

  .result-item--improvements .improvements--desc {
    row-gap: 0;
  }

  .global-score-block {
    padding: 24px 14px;
    border-radius: 16px;
  }

  .global-score-block--score-line {
    height: 40px;
    border-radius: 20px;
  }

  .global-score-block--score {
    padding: 10px 20px;
    border-radius: 20px;
  }

  .global-score-block--score-caption {
    font-size: 20px;
  }

  .global-score-block--heading-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
  }

  .global-score-block--heading-btns .button {
    min-width: auto;
    width: 100%;
  }

  .result-main--view-buttons .button {
    font-size: 12px;
  }

  .result-main--view-buttons .button {
    min-width: 180px;
    min-height: 46px;
    padding: 10px 18px;
    border-radius: 32px;
  }

  .result-main--view-buttons .button:nth-child(1) {
    margin-right: -40px;
  }

  .result-main--view-buttons .button:nth-child(2) {
    padding-left: 32px;
    padding-right: 12px;
  }

  .result-dashboard {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 14px;
    padding: 24px 14px;
    border-radius: 16px;
  }

  .dashboard-item {
    padding: 14px;
    border-radius: 16px;
  }

  .dashboard-item--row + .dashboard-item--row {
    margin-top: 16px;
  }

  .dashboard-item--row-score {
    font-size: 16px;
  }

  .dashboard-item--row-line {
    margin-top: 6px;
    height: 32px;
    border-radius: 16px;
  }

  .dashboard-item--row-line-level {
    border-radius: 16px;
  }

  .dashboard-item--row-line-level .dashboard-item--row-score {
    margin-right: 16px;
  }

  .pvt-test-page {
    background-color: #7069f4;
    background-image: none !important;
  }

  .pvt-test-section .test-container {
    padding: 16px 0 40px;
  }

  .pvt-test--wrap {
    padding: 24px 10px;
  }

  .pvt-test--settings-wrap {
    margin-top: 16px;
  }

  .pvt-test--settings-bottom {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 24px;
  }

  .pvt-test--test-start {
    height: 470px;
  }

  .pvt-test--close-button {
    top: 10px;
    right: 10px;
  }

  .pvt-test--timeline {
    height: 24px;
  }

  .pvt-test--timeline-text {
    font-size: 14px;
    line-height: 1.4;
  }

  .pvt-test--timeline-text {
    line-height: 24px;
  }

  .pvt-test--start-warning {
    font-size: 36px;
  }

  .pvt-test--reaction-icon {
    width: 150px;
    height: 150px;
  }

  .pvt-test .test-info p:not(:last-child) {
    margin-bottom: 10px;
  }

  .pvt-test .test-info--actions {
    width: 100%;
    margin-top: 24px;
    gap: 12px;
  }

  .pvt-test .test-info--bottom {
    margin-top: 16px;
  }

  .pvt-test .test-info--bottom .button {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .pvt-test .test-info .button--test-start {
    width: 100%;
  }

  .pvt-test .test-info--actions-bottom {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }

  .pvt-settings-form {
    font-size: 16px;
    letter-spacing: 0.03em;
  }

  .pvt-settings-form .form-field + .form-field {
    margin-top: 16px;
  }

  .pvt-settings-form input:not([type=checkbox]) {
    padding: 15px;
  }

  .pvt-settings-form--label-text {
    top: 16px;
  }

  .pvt-settings-form--checkbox label::before {
    background-size: 11px;
    border-radius: 7px;
  }

  .pvt-test .test-instructions--preview {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .pvt-test .test-instructions--checkbox {
    margin-top: 16px;
  }

  .pvt-results--actions {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }

  .pvt-results--actions .button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(50% - 6px);
  }

  .pvt-results--actions .button:nth-child(2) {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .pvt-results .all-trials.open .all-trials--body {
    height: 340px;
    padding: 10px 6px 10px 0;
  }

  .pvt-results .all-trials--head {
    padding: 10px;
  }

  .pvt-results .all-trials--trials-list {
    padding-right: 6px;
    padding-left: 5px;
  }

  .pvt-results .all-trials--trials-list::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .pvt-results .all-trials--trials-list::-webkit-scrollbar {
    border-radius: 10px;
    width: 5px;
  }

  .pvt-results .all-trials--trials-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }

  .pvt-results .all-trials--actions {
    padding-left: 10px;
    padding-right: 10px;
  }

  .trials-list-item {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 8px;
  }

  .trials-list-item + .trials-list-item {
    margin-top: 5px;
  }

  .trial-info {
    padding: 16px 10px;
  }

  .trial-info--time {
    margin-top: 16px;
  }

  .trial-info--trial-graph {
    margin-top: 18px;
  }

  .trial-info--trial-stats {
    max-height: none;
    margin-top: 10px;
  }

  .trial-info .how-it-works {
    font-size: 12px;
    line-height: 24px;
  }

  .trial-stats {
    padding: 12px;
    gap: 10px;
  }

  .trial-stats--line {
    width: 100%;
    line-height: 1;
  }

  .trial-stats--laps-time {
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .trial-stats--lapses br {
    display: none;
  }

  .trial-graph--chart {
    margin-top: 10px;
    padding: 12px;
  }

  .graph-laps-time {
    font-size: 12px;
  }

  .compare-trials-list::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .compare-trials-list::-webkit-scrollbar {
    border-radius: 10px;
    width: 5px;
  }

  .compare-trials-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }

  .modal-footer .button {
    width: 100%;
  }
}

@media screen and (max-width: 499.98px) {
  .m-xs-0 {
    margin: 0 !important;
  }

  .w-xs-auto {
    width: auto !important;
  }

  .minw-xs-auto {
    min-width: auto !important;
  }

  .maxw-xs-auto {
    max-width: auto !important;
  }

  .h-xs-auto {
    height: auto !important;
  }

  .minh-xs-auto {
    min-height: auto !important;
  }

  .maxh-xs-auto {
    max-height: auto !important;
  }

  .w-xs-0 {
    width: 0 !important;
  }

  .minw-xs-0 {
    min-width: 0 !important;
  }

  .maxw-xs-0 {
    max-width: 0 !important;
  }

  .h-xs-0 {
    height: 0 !important;
  }

  .minh-xs-0 {
    min-height: 0 !important;
  }

  .maxh-xs-0 {
    max-height: 0 !important;
  }

  .w-xs-25 {
    width: 25% !important;
  }

  .minw-xs-25 {
    min-width: 25% !important;
  }

  .maxw-xs-25 {
    max-width: 25% !important;
  }

  .h-xs-25 {
    height: 25% !important;
  }

  .minh-xs-25 {
    min-height: 25% !important;
  }

  .maxh-xs-25 {
    max-height: 25% !important;
  }

  .w-xs-50 {
    width: 50% !important;
  }

  .minw-xs-50 {
    min-width: 50% !important;
  }

  .maxw-xs-50 {
    max-width: 50% !important;
  }

  .h-xs-50 {
    height: 50% !important;
  }

  .minh-xs-50 {
    min-height: 50% !important;
  }

  .maxh-xs-50 {
    max-height: 50% !important;
  }

  .w-xs-75 {
    width: 75% !important;
  }

  .minw-xs-75 {
    min-width: 75% !important;
  }

  .maxw-xs-75 {
    max-width: 75% !important;
  }

  .h-xs-75 {
    height: 75% !important;
  }

  .minh-xs-75 {
    min-height: 75% !important;
  }

  .maxh-xs-75 {
    max-height: 75% !important;
  }

  .w-xs-100 {
    width: 100% !important;
  }

  .minw-xs-100 {
    min-width: 100% !important;
  }

  .maxw-xs-100 {
    max-width: 100% !important;
  }

  .h-xs-100 {
    height: 100% !important;
  }

  .minh-xs-100 {
    min-height: 100% !important;
  }

  .maxh-xs-100 {
    max-height: 100% !important;
  }
}

@media (hover: hover) {
  .link-hover-blue:hover {
    color: #5b54d6 !important;
  }

  .back-btn:hover {
    background-color: #5b54d6;
    border-color: #ffffff;
  }

  .back-btn:hover .icon {
    color: #ffffff;
  }

  .btn-primary:hover {
    background-color: #5b54d6;
  }

  .btn-secondary:hover {
    background-color: #5b54d6;
    color: #ffffff;
    border-color: #5b54d6;
  }

  .btn-transparent:hover {
    background-color: #5b54d6;
  }

  .btn-blue:hover {
    background-color: #2828E4;
  }

  .header-menu__item:hover {
    background-color: #ffffff;
    color: #7069f4;
  }

  .modal .social-item:hover {
    background-color: #5b54d6;
  }

  .fancybox-slide--html .fancybox-close-small:hover {
    opacity: 0.7;
  }

  .result-main--view-buttons .button:not(.active):hover {
    background-color: #5b54d6;
    color: #ffffff;
  }

  .pvt-test .test-info--bottom .button:hover {
    opacity: 0.7;
  }

  .pvt-test .test-instructions a:hover {
    text-decoration-color: transparent;
  }

  .pvt-test--close-button:hover {
    background-color: rgba(112, 105, 244, 0.1);
  }
}