@charset "UTF-8";

/*! purgecss start ignore */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

/* packages/core/src/css/flag-offsets.css */

:root {
  --iti-flag-width: 20px;
  --iti-flag-count: 244;
}

.iti__ac {
  --iti-flag-offset: 0;
}

.iti__ad {
  --iti-flag-offset: -1;
}

.iti__ae {
  --iti-flag-offset: -2;
}

.iti__af {
  --iti-flag-offset: -3;
}

.iti__ag {
  --iti-flag-offset: -4;
}

.iti__ai {
  --iti-flag-offset: -5;
}

.iti__al {
  --iti-flag-offset: -6;
}

.iti__am {
  --iti-flag-offset: -7;
}

.iti__ao {
  --iti-flag-offset: -8;
}

.iti__ar {
  --iti-flag-offset: -9;
}

.iti__as {
  --iti-flag-offset: -10;
}

.iti__at {
  --iti-flag-offset: -11;
}

.iti__au {
  --iti-flag-offset: -12;
}

.iti__aw {
  --iti-flag-offset: -13;
}

.iti__ax {
  --iti-flag-offset: -14;
}

.iti__az {
  --iti-flag-offset: -15;
}

.iti__ba {
  --iti-flag-offset: -16;
}

.iti__bb {
  --iti-flag-offset: -17;
}

.iti__bd {
  --iti-flag-offset: -18;
}

.iti__be {
  --iti-flag-offset: -19;
}

.iti__bf {
  --iti-flag-offset: -20;
}

.iti__bg {
  --iti-flag-offset: -21;
}

.iti__bh {
  --iti-flag-offset: -22;
}

.iti__bi {
  --iti-flag-offset: -23;
}

.iti__bj {
  --iti-flag-offset: -24;
}

.iti__bl {
  --iti-flag-offset: -25;
}

.iti__bm {
  --iti-flag-offset: -26;
}

.iti__bn {
  --iti-flag-offset: -27;
}

.iti__bo {
  --iti-flag-offset: -28;
}

.iti__bq {
  --iti-flag-offset: -29;
}

.iti__br {
  --iti-flag-offset: -30;
}

.iti__bs {
  --iti-flag-offset: -31;
}

.iti__bt {
  --iti-flag-offset: -32;
}

.iti__bw {
  --iti-flag-offset: -33;
}

.iti__by {
  --iti-flag-offset: -34;
}

.iti__bz {
  --iti-flag-offset: -35;
}

.iti__ca {
  --iti-flag-offset: -36;
}

.iti__cc {
  --iti-flag-offset: -37;
}

.iti__cd {
  --iti-flag-offset: -38;
}

.iti__cf {
  --iti-flag-offset: -39;
}

.iti__cg {
  --iti-flag-offset: -40;
}

.iti__ch {
  --iti-flag-offset: -41;
}

.iti__ci {
  --iti-flag-offset: -42;
}

.iti__ck {
  --iti-flag-offset: -43;
}

.iti__cl {
  --iti-flag-offset: -44;
}

.iti__cm {
  --iti-flag-offset: -45;
}

.iti__cn {
  --iti-flag-offset: -46;
}

.iti__co {
  --iti-flag-offset: -47;
}

.iti__cr {
  --iti-flag-offset: -48;
}

.iti__cu {
  --iti-flag-offset: -49;
}

.iti__cv {
  --iti-flag-offset: -50;
}

.iti__cw {
  --iti-flag-offset: -51;
}

.iti__cx {
  --iti-flag-offset: -52;
}

.iti__cy {
  --iti-flag-offset: -53;
}

.iti__cz {
  --iti-flag-offset: -54;
}

.iti__de {
  --iti-flag-offset: -55;
}

.iti__dj {
  --iti-flag-offset: -56;
}

.iti__dk {
  --iti-flag-offset: -57;
}

.iti__dm {
  --iti-flag-offset: -58;
}

.iti__do {
  --iti-flag-offset: -59;
}

.iti__dz {
  --iti-flag-offset: -60;
}

.iti__ec {
  --iti-flag-offset: -61;
}

.iti__ee {
  --iti-flag-offset: -62;
}

.iti__eg {
  --iti-flag-offset: -63;
}

.iti__eh {
  --iti-flag-offset: -64;
}

.iti__er {
  --iti-flag-offset: -65;
}

.iti__es {
  --iti-flag-offset: -66;
}

.iti__et {
  --iti-flag-offset: -67;
}

.iti__fi {
  --iti-flag-offset: -68;
}

.iti__fj {
  --iti-flag-offset: -69;
}

.iti__fk {
  --iti-flag-offset: -70;
}

.iti__fm {
  --iti-flag-offset: -71;
}

.iti__fo {
  --iti-flag-offset: -72;
}

.iti__fr {
  --iti-flag-offset: -73;
}

.iti__ga {
  --iti-flag-offset: -74;
}

.iti__gb {
  --iti-flag-offset: -75;
}

.iti__gd {
  --iti-flag-offset: -76;
}

.iti__ge {
  --iti-flag-offset: -77;
}

.iti__gf {
  --iti-flag-offset: -78;
}

.iti__gg {
  --iti-flag-offset: -79;
}

.iti__gh {
  --iti-flag-offset: -80;
}

.iti__gi {
  --iti-flag-offset: -81;
}

.iti__gl {
  --iti-flag-offset: -82;
}

.iti__gm {
  --iti-flag-offset: -83;
}

.iti__gn {
  --iti-flag-offset: -84;
}

.iti__gp {
  --iti-flag-offset: -85;
}

.iti__gq {
  --iti-flag-offset: -86;
}

.iti__gr {
  --iti-flag-offset: -87;
}

.iti__gt {
  --iti-flag-offset: -88;
}

.iti__gu {
  --iti-flag-offset: -89;
}

.iti__gw {
  --iti-flag-offset: -90;
}

.iti__gy {
  --iti-flag-offset: -91;
}

.iti__hk {
  --iti-flag-offset: -92;
}

.iti__hn {
  --iti-flag-offset: -93;
}

.iti__hr {
  --iti-flag-offset: -94;
}

.iti__ht {
  --iti-flag-offset: -95;
}

.iti__hu {
  --iti-flag-offset: -96;
}

.iti__id {
  --iti-flag-offset: -97;
}

.iti__ie {
  --iti-flag-offset: -98;
}

.iti__il {
  --iti-flag-offset: -99;
}

.iti__im {
  --iti-flag-offset: -100;
}

.iti__in {
  --iti-flag-offset: -101;
}

.iti__io {
  --iti-flag-offset: -102;
}

.iti__iq {
  --iti-flag-offset: -103;
}

.iti__ir {
  --iti-flag-offset: -104;
}

.iti__is {
  --iti-flag-offset: -105;
}

.iti__it {
  --iti-flag-offset: -106;
}

.iti__je {
  --iti-flag-offset: -107;
}

.iti__jm {
  --iti-flag-offset: -108;
}

.iti__jo {
  --iti-flag-offset: -109;
}

.iti__jp {
  --iti-flag-offset: -110;
}

.iti__ke {
  --iti-flag-offset: -111;
}

.iti__kg {
  --iti-flag-offset: -112;
}

.iti__kh {
  --iti-flag-offset: -113;
}

.iti__ki {
  --iti-flag-offset: -114;
}

.iti__km {
  --iti-flag-offset: -115;
}

.iti__kn {
  --iti-flag-offset: -116;
}

.iti__kp {
  --iti-flag-offset: -117;
}

.iti__kr {
  --iti-flag-offset: -118;
}

.iti__kw {
  --iti-flag-offset: -119;
}

.iti__ky {
  --iti-flag-offset: -120;
}

.iti__kz {
  --iti-flag-offset: -121;
}

.iti__la {
  --iti-flag-offset: -122;
}

.iti__lb {
  --iti-flag-offset: -123;
}

.iti__lc {
  --iti-flag-offset: -124;
}

.iti__li {
  --iti-flag-offset: -125;
}

.iti__lk {
  --iti-flag-offset: -126;
}

.iti__lr {
  --iti-flag-offset: -127;
}

.iti__ls {
  --iti-flag-offset: -128;
}

.iti__lt {
  --iti-flag-offset: -129;
}

.iti__lu {
  --iti-flag-offset: -130;
}

.iti__lv {
  --iti-flag-offset: -131;
}

.iti__ly {
  --iti-flag-offset: -132;
}

.iti__ma {
  --iti-flag-offset: -133;
}

.iti__mc {
  --iti-flag-offset: -134;
}

.iti__md {
  --iti-flag-offset: -135;
}

.iti__me {
  --iti-flag-offset: -136;
}

.iti__mf {
  --iti-flag-offset: -137;
}

.iti__mg {
  --iti-flag-offset: -138;
}

.iti__mh {
  --iti-flag-offset: -139;
}

.iti__mk {
  --iti-flag-offset: -140;
}

.iti__ml {
  --iti-flag-offset: -141;
}

.iti__mm {
  --iti-flag-offset: -142;
}

.iti__mn {
  --iti-flag-offset: -143;
}

.iti__mo {
  --iti-flag-offset: -144;
}

.iti__mp {
  --iti-flag-offset: -145;
}

.iti__mq {
  --iti-flag-offset: -146;
}

.iti__mr {
  --iti-flag-offset: -147;
}

.iti__ms {
  --iti-flag-offset: -148;
}

.iti__mt {
  --iti-flag-offset: -149;
}

.iti__mu {
  --iti-flag-offset: -150;
}

.iti__mv {
  --iti-flag-offset: -151;
}

.iti__mw {
  --iti-flag-offset: -152;
}

.iti__mx {
  --iti-flag-offset: -153;
}

.iti__my {
  --iti-flag-offset: -154;
}

.iti__mz {
  --iti-flag-offset: -155;
}

.iti__na {
  --iti-flag-offset: -156;
}

.iti__nc {
  --iti-flag-offset: -157;
}

.iti__ne {
  --iti-flag-offset: -158;
}

.iti__nf {
  --iti-flag-offset: -159;
}

.iti__ng {
  --iti-flag-offset: -160;
}

.iti__ni {
  --iti-flag-offset: -161;
}

.iti__nl {
  --iti-flag-offset: -162;
}

.iti__no {
  --iti-flag-offset: -163;
}

.iti__np {
  --iti-flag-offset: -164;
}

.iti__nr {
  --iti-flag-offset: -165;
}

.iti__nu {
  --iti-flag-offset: -166;
}

.iti__nz {
  --iti-flag-offset: -167;
}

.iti__om {
  --iti-flag-offset: -168;
}

.iti__pa {
  --iti-flag-offset: -169;
}

.iti__pe {
  --iti-flag-offset: -170;
}

.iti__pf {
  --iti-flag-offset: -171;
}

.iti__pg {
  --iti-flag-offset: -172;
}

.iti__ph {
  --iti-flag-offset: -173;
}

.iti__pk {
  --iti-flag-offset: -174;
}

.iti__pl {
  --iti-flag-offset: -175;
}

.iti__pm {
  --iti-flag-offset: -176;
}

.iti__pr {
  --iti-flag-offset: -177;
}

.iti__ps {
  --iti-flag-offset: -178;
}

.iti__pt {
  --iti-flag-offset: -179;
}

.iti__pw {
  --iti-flag-offset: -180;
}

.iti__py {
  --iti-flag-offset: -181;
}

.iti__qa {
  --iti-flag-offset: -182;
}

.iti__re {
  --iti-flag-offset: -183;
}

.iti__ro {
  --iti-flag-offset: -184;
}

.iti__rs {
  --iti-flag-offset: -185;
}

.iti__ru {
  --iti-flag-offset: -186;
}

.iti__rw {
  --iti-flag-offset: -187;
}

.iti__sa {
  --iti-flag-offset: -188;
}

.iti__sb {
  --iti-flag-offset: -189;
}

.iti__sc {
  --iti-flag-offset: -190;
}

.iti__sd {
  --iti-flag-offset: -191;
}

.iti__se {
  --iti-flag-offset: -192;
}

.iti__sg {
  --iti-flag-offset: -193;
}

.iti__sh {
  --iti-flag-offset: -194;
}

.iti__si {
  --iti-flag-offset: -195;
}

.iti__sj {
  --iti-flag-offset: -196;
}

.iti__sk {
  --iti-flag-offset: -197;
}

.iti__sl {
  --iti-flag-offset: -198;
}

.iti__sm {
  --iti-flag-offset: -199;
}

.iti__sn {
  --iti-flag-offset: -200;
}

.iti__so {
  --iti-flag-offset: -201;
}

.iti__sr {
  --iti-flag-offset: -202;
}

.iti__ss {
  --iti-flag-offset: -203;
}

.iti__st {
  --iti-flag-offset: -204;
}

.iti__sv {
  --iti-flag-offset: -205;
}

.iti__sx {
  --iti-flag-offset: -206;
}

.iti__sy {
  --iti-flag-offset: -207;
}

.iti__sz {
  --iti-flag-offset: -208;
}

.iti__tc {
  --iti-flag-offset: -209;
}

.iti__td {
  --iti-flag-offset: -210;
}

.iti__tg {
  --iti-flag-offset: -211;
}

.iti__th {
  --iti-flag-offset: -212;
}

.iti__tj {
  --iti-flag-offset: -213;
}

.iti__tk {
  --iti-flag-offset: -214;
}

.iti__tl {
  --iti-flag-offset: -215;
}

.iti__tm {
  --iti-flag-offset: -216;
}

.iti__tn {
  --iti-flag-offset: -217;
}

.iti__to {
  --iti-flag-offset: -218;
}

.iti__tr {
  --iti-flag-offset: -219;
}

.iti__tt {
  --iti-flag-offset: -220;
}

.iti__tv {
  --iti-flag-offset: -221;
}

.iti__tw {
  --iti-flag-offset: -222;
}

.iti__tz {
  --iti-flag-offset: -223;
}

.iti__ua {
  --iti-flag-offset: -224;
}

.iti__ug {
  --iti-flag-offset: -225;
}

.iti__us {
  --iti-flag-offset: -226;
}

.iti__uy {
  --iti-flag-offset: -227;
}

.iti__uz {
  --iti-flag-offset: -228;
}

.iti__va {
  --iti-flag-offset: -229;
}

.iti__vc {
  --iti-flag-offset: -230;
}

.iti__ve {
  --iti-flag-offset: -231;
}

.iti__vg {
  --iti-flag-offset: -232;
}

.iti__vi {
  --iti-flag-offset: -233;
}

.iti__vn {
  --iti-flag-offset: -234;
}

.iti__vu {
  --iti-flag-offset: -235;
}

.iti__wf {
  --iti-flag-offset: -236;
}

.iti__ws {
  --iti-flag-offset: -237;
}

.iti__xk {
  --iti-flag-offset: -238;
}

.iti__ye {
  --iti-flag-offset: -239;
}

.iti__yt {
  --iti-flag-offset: -240;
}

.iti__za {
  --iti-flag-offset: -241;
}

.iti__zm {
  --iti-flag-offset: -242;
}

.iti__zw {
  --iti-flag-offset: -243;
}

/* packages/core/src/css/intlTelInput.css */

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dropdown-bg: white;
  --iti-icon-color: #555;
  --iti-spacer-horizontal: 10px;
  --iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);
  --iti-globe-icon-size: 17px;
  --iti-clear-icon-size: 15px;
  --iti-border-width: 1px;
  --iti-arrow-size: 5px;
  --iti-arrow-width: 1.5px;
  --iti-arrow-padding: 7px;
  --iti-mobile-popup-margin: 30px;
  --iti-strict-reject-flash-color: rgba(255, 0, 0, 0.12);
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  display: block;
  min-width: 100%;
  margin: 0 !important;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__selected-dial-code {
  margin-left: 4px;
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  margin-top: -2px;
  width: var(--iti-arrow-size);
  height: var(--iti-arrow-size);
  box-sizing: border-box;
  border-right: var(--iti-arrow-width) solid var(--iti-icon-color);
  border-bottom: var(--iti-arrow-width) solid var(--iti-icon-color);
  transform: rotate(45deg);
}

.iti__arrow--up {
  margin-top: 4px;
  transform: rotate(-135deg);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}

.iti--inline-dropdown .iti__dropdown-content {
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti--inline-dropdown:not(.iti--container) .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  left: 0;
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));
  padding-right: calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));
}

[dir=rtl] .iti__search-input {
  padding-left: inherit;
  padding-right: 30px;
  background-position: right 8px center;
}

.iti__search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.iti__search-input,
.iti__country {
  padding-top: 8px;
  padding-bottom: 8px;
}

.iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--iti-border-color);
}

.iti__search-icon {
  position: absolute;
  left: var(--iti-spacer-horizontal);
  display: flex;
  pointer-events: none;
}

[dir=rtl] .iti__search-icon {
  left: auto;
  right: var(--iti-spacer-horizontal);
}

.iti__search-icon-svg {
  width: var(--iti-globe-icon-size);
  height: var(--iti-globe-icon-size);
  display: block;
  stroke: var(--iti-icon-color);
  fill: none;
  stroke-width: 3;
}

.iti__search-clear {
  position: absolute;
  right: calc(var(--iti-spacer-horizontal) / 2);
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: calc(var(--iti-spacer-horizontal) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
}

.iti__search-clear .iti__search-clear-x {
  stroke-width: 2;
}

.iti__search-clear .iti__search-clear-bg {
  fill: var(--iti-icon-color);
}

[dir=rtl] .iti__search-clear {
  right: auto;
  left: var(--iti-spacer-horizontal);
}

.iti__search-clear:hover,
.iti__search-clear:focus-visible {
  background: var(--iti-hover-color);
  outline: none;
}

.iti__search-clear-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}

.iti__no-results {
  text-align: center;
  padding: 30px 0;
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

.iti__country {
  display: flex;
  align-items: center;
  padding-left: var(--iti-spacer-horizontal);
  padding-right: var(--iti-spacer-horizontal);
  outline: none;
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__country-name {
  flex-grow: 1;
}

.iti__country-check {
  margin-left: var(--iti-spacer-horizontal);
  display: flex;
  align-items: center;
  color: var(--iti-icon-color);
}

.iti__country-check-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}

.iti__country-list .iti__flag {
  margin-right: var(--iti-spacer-horizontal);
  flex-shrink: 0;
}

[dir=rtl] .iti__country-list .iti__flag {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country {
  cursor: not-allowed;
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country .iti__arrow,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country .iti__arrow {
  visibility: hidden;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
}

.iti--container:hover {
  cursor: pointer;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country,
.iti--fullscreen-popup .iti__search-input {
  padding-top: 10px;
  padding-bottom: 10px;
}

.iti--fullscreen-popup .iti__country {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.5em;
}

.iti__flag {
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: -webkit-image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
  background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
  background-repeat: no-repeat;
  background-position: calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;
  background-size: calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height);
}

.iti__loading {
  position: relative;
  background: none;
  box-shadow: none;
}

.iti__loading::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: var(--iti-flag-height);
  height: var(--iti-flag-height);
  box-sizing: border-box;
  border: 2px solid var(--iti-icon-color);
  border-right-color: transparent;
  border-radius: 50%;
  animation: iti-spinner 1s linear infinite;
}

@keyframes iti-spinner {
  to {
    transform: rotate(360deg);
  }
}

.iti__strict-reject-animation .iti__tel-input,
.iti__strict-reject-animation .iti__selected-country {
  animation: iti-strict-reject-shake 0.3s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

@keyframes iti-strict-reject-shake {
  10%, 90% {
    transform: translateX(-1px);
  }

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

  30%, 50%, 70% {
    transform: translateX(-3px);
  }

  40%, 60% {
    transform: translateX(3px);
  }
}

@keyframes iti-strict-reject-flash {
  40% {
    background-color: var(--iti-strict-reject-flash-color);
  }
}

.iti__globe {
  background: none;
  box-shadow: none;
  height: var(--iti-globe-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.iti__globe .iti__globe-svg {
  width: 100%;
  height: 100%;
  fill: var(--iti-icon-color);
}

@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))) {
  .iti__tel-input:focus {
    outline-offset: 1px;
  }
}

/* packages/core/src/css/intlTelInputWithAssets.css */

:root {
  --iti-path-flags-1x: url(../img/flags.webp);
  --iti-path-flags-2x: url(../img/flags@2x.webp);
}

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

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
  /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

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

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*! purgecss start ignore */

:root {
  --iti-path-flags-1x: url('../images/components/intTelInput/flags.webp');
  --iti-path-flags-2x: url('../images/components/intTelInput/flags@2x.webp');
}

.input-wrap .iti {
  width: 100%;
}

/*! purgecss end ignore */

/* Slider */

/* Icons */

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

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/*! purgecss end ignore */

/**
 * FONT-FACE
 * Usage:
   @include font-face ('Acrom', '../fonts/Acrom/Acrom-Thin', 100);
 */

/**
 * MEDIA QUERIES
 * Usage:
  .block {
    @include mq(mobile) {
        margin-bottom: 16px;
    };
  }
 */

*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
  tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

@font-face {
  font-family: "Gotham";
  /* IE9 Compat Modes */
  src: url("../fonts/GothamBook.eot");
  src: url("../fonts/GothamBook.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamBook.woff") format("woff"), url("../fonts/GothamBook.woff2") format("woff2"), url("../fonts/GothamBook.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "IBMPlexMono";
  /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexMono-Medium.eot");
  src: url("../fonts/IBMPlexMono-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexMono-Medium.woff") format("woff"), url("../fonts/IBMPlexMono-Medium.woff2") format("woff2"), url("../fonts/IBMPlexMono-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: "IBMPlexSans";
  /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSans-Medium.eot");
  src: url("../fonts/IBMPlexSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexSans-Medium.woff") format("woff"), url("../fonts/IBMPlexSans-Medium.woff2") format("woff2"), url("../fonts/IBMPlexSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.pointer-events-none {
  pointer-events: none;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

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

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mb-\[110px\] {
  margin-bottom: -110px;
}

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

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

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

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

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

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

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

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

.mb-\[24px\] {
  margin-bottom: 24px;
}

.mb-\[432px\] {
  margin-bottom: 432px;
}

.mb-\[56px\] {
  margin-bottom: 56px;
}

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

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

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

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

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

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.h-10 {
  height: 2.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[340px\] {
  height: 340px;
}

.h-\[48px\] {
  height: 48px;
}

.h-\[84px\] {
  height: 84px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.w-10 {
  width: 2.5rem;
}

.w-\[38px\] {
  width: 38px;
}

.w-\[84px\] {
  width: 84px;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.min-w-\[68px\] {
  min-width: 68px;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[295px\] {
  max-width: 295px;
}

.max-w-\[335px\] {
  max-width: 335px;
}

.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-auto {
  cursor: auto;
}

.cursor-pointer {
  cursor: pointer;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

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

.items-start {
  align-items: flex-start;
}

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

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

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

.gap-1 {
  gap: 0.25rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-\[37px\] {
  gap: 37px;
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow: hidden;
}

.rounded-\[104px\] {
  border-radius: 104px;
}

.rounded-\[112px\] {
  border-radius: 112px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[50px\] {
  border-radius: 50px;
}

.rounded-\[90px\] {
  border-radius: 90px;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-\[3px\] {
  border-width: 3px;
}

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

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

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

.border-\[\#1A1A1A\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity, 1));
}

.border-\[\#3F3F3F\] {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
}

.border-\[\#5331B2\] {
  --tw-border-opacity: 1;
  border-color: rgb(83 49 178 / var(--tw-border-opacity, 1));
}

.border-\[\#999999\] {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}

.border-\[\#999\] {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-purple {
  --tw-border-opacity: 1;
  border-color: rgb(101 60 217 / var(--tw-border-opacity, 1));
}

.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EDEDED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FEC830\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 200 48 / var(--tw-bg-opacity, 1));
}

.bg-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(245 186 226 / var(--tw-bg-opacity, 1));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(151 203 67 / var(--tw-bg-opacity, 1));
}

.bg-second {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 230 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.fill-\[\#D6D6D6\] {
  fill: #D6D6D6;
}

.fill-white {
  fill: #ffffff;
}

.p-2 {
  padding: 0.5rem;
}

.p-\[18px\] {
  padding: 18px;
}

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

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

.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}

.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}

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

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

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

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

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

.py-\[104px\] {
  padding-top: 104px;
  padding-bottom: 104px;
}

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

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

.pb-20 {
  padding-bottom: 5rem;
}

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

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

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

.pb-\[104px\] {
  padding-bottom: 104px;
}

.pb-\[56px\] {
  padding-bottom: 56px;
}

.pb-\[71px\] {
  padding-bottom: 71px;
}

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

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

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

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

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

.pt-20 {
  padding-top: 5rem;
}

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

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

.pt-\[46px\] {
  padding-top: 46px;
}

.pt-\[64px\] {
  padding-top: 64px;
}

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

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

.font-IBMPlexMono {
  font-family: IBMPlexMono, sans-serif;
}

.font-IBMPlexSans {
  font-family: IBMPlexSans, sans-serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.leading-\[1\.08\] {
  line-height: 1.08;
}

.leading-\[1\.2\] {
  line-height: 1.2;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-\[2\] {
  line-height: 2;
}

.leading-snug {
  line-height: 1.375;
}

.text-\[\#1A1A1A\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}

.text-\[\#474747\] {
  --tw-text-opacity: 1;
  color: rgb(71 71 71 / var(--tw-text-opacity, 1));
}

.text-\[\#5331B2\] {
  --tw-text-opacity: 1;
  color: rgb(83 49 178 / var(--tw-text-opacity, 1));
}

.text-\[\#6E6E6E\] {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}

.text-\[\#8160E0\] {
  --tw-text-opacity: 1;
  color: rgb(129 96 224 / var(--tw-text-opacity, 1));
}

.text-\[\#999999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.text-\[\#ABABAB\] {
  --tw-text-opacity: 1;
  color: rgb(171 171 171 / var(--tw-text-opacity, 1));
}

.text-accent {
  --tw-text-opacity: 1;
  color: rgb(83 49 178 / var(--tw-text-opacity, 1));
}

.text-black-light {
  --tw-text-opacity: 1;
  color: rgb(71 71 71 / var(--tw-text-opacity, 1));
}

.text-purple {
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
}

.text-textColor {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}

.text-titleColor {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

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

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* If you need to download some fonts - use this site: https://www.cufonfonts.com/ */

body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: IBMPlexSans, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(71 71 71 / var(--tw-text-opacity, 1));
}

.section {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section-title {
  font-family: IBMPlexMono, sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}

.btn {
  transition-duration: 300ms;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.input-wrap {
  position: relative;
  width: 100%;
  font-weight: 500;
}

.input-wrap-half {
  width: calc((100% - 1.5rem) / 2);
}

.input-wrap-half + .input-wrap-checkbox {
  margin-top: 1.5rem;
}

.input-label {
  margin-bottom: 0.25rem;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.input-label-float {
  pointer-events: none;
  position: absolute;
  left: 17px;
  top: 50%;
  z-index: 1;
  margin-bottom: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 14px;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: linear;
}

.input-wrap:has(input[type=tel]) .input-label-float {
  left: 53px;
}

.input-wrap:has(.input-field:not(:-moz-placeholder)) .input-label-float {
  top: 0.5rem;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 12px;
  line-height: 1.2;
  opacity: 1;
}

.input-wrap:has(.input-field:focus) .input-label-float,
.input-wrap:has(.input-field:not(:placeholder-shown)) .input-label-float,
.input-wrap:has(.input-field.is-invalid) .input-label-float {
  top: 0.5rem;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 12px;
  line-height: 1.2;
  opacity: 1;
}

.input-wrap:has(.input-field:focus) .input-label-float {
  --tw-text-opacity: 1;
  color: rgb(83 49 178 / var(--tw-text-opacity, 1));
}

.input-wrap:has(.input-field.is-invalid) .input-label-float {
  --tw-text-opacity: 1;
  color: rgb(202 56 31 / var(--tw-text-opacity, 1));
}

.input-wrap:has(.input-label-float) .input-field:not(:-moz-placeholder) {
  padding-top: 24px !important;
  padding-bottom: 4px !important;
}

.input-wrap:has(.input-label-float) .input-field:focus,
.input-wrap:has(.input-label-float) .input-field:not(:placeholder-shown),
.input-wrap:has(.input-label-float) .input-field.is-invalid {
  padding-top: 24px !important;
  padding-bottom: 4px !important;
}

.input-message {
  resize: none;
}

.input-field {
  height: 3rem;
  width: 100%;
  border-radius: 144px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: IBMPlexSans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.input-field {
  /* Резервуємо місце під кнопку очищення (input-clear) */
  padding-right: 52px !important;
}

.input-field::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.input-field::placeholder {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.input-field:focus {
  --tw-border-opacity: 1;
  border-color: rgb(83 49 178 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.input-field.is-invalid {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(202 56 31 / var(--tw-border-opacity, 1));
}

input[type=tel].input-field {
  padding-left: 3.5rem;
  padding-right: 1rem;
}

.input-clear {
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  z-index: 1;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-duration: 200ms;
  transition-timing-function: linear;
}

.input-clear:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.input-wrap:has(.input-field:not(:-moz-placeholder)) .input-clear {
  pointer-events: auto;
  opacity: 1;
}

.input-wrap:has(.input-field:not(:placeholder-shown)) .input-clear {
  pointer-events: auto;
  opacity: 1;
}

.input-clear-icon {
  height: 100%;
  width: 100%;
}

.checkbox {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

[type=checkbox]:checked + .checkbox {
  --tw-border-opacity: 1;
  border-color: rgb(83 49 178 / var(--tw-border-opacity, 1));
  background-image: url('../images/agree-checkbox.svg');
}

.input-label-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 2.5rem;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
}

.input-label-checkbox > .is-invalid + .checkbox {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(202 56 31 / var(--tw-border-opacity, 1));
}

/*! purgecss start ignore */

.just-validate-error-label {
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin-top: 0.25rem;
  --tw-translate-y: calc(100% + 4px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 10px;
  font-weight: 300;
  line-height: 1.1;
}

/*! purgecss end ignore */

.input-field.iti__tel-input {
  padding-left: 52px !important;
}

/*! purgecss start ignore */

.leeloo {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  overflow: hidden;
}

.leeloo iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.leeloo > div {
  width: 100%;
}

.leeloo > div .leeloo-lgt-form-wrapper .leeloo-lgt-form {
  width: 100% !important;
}

.leeloo .leeloo-lgt-form-wrapper {
  display: block;
}

.leeloo .leeloo-lgt-form {
  width: 100% !important;
}

/*! purgecss end ignore */

.progress-bar {
  position: relative;
  margin-top: 1.5rem;
  height: 10px;
  width: 100%;
  border-radius: 1rem;
}

.progress-bar .color {
  position: absolute;
  height: 10px;
  width: 0px;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
  animation: progress 4s infinite linear;
}

@keyframes progress {
  0% {
    width: 0%;
  }

  25% {
    width: 50%;
  }

  50% {
    width: 75%;
  }

  75% {
    width: 85%;
  }

  100% {
    width: 100%;
  }
}

.scroll-hidden {
  overflow: hidden;
}

.steps-bar {
  position: relative;
  margin-left: 18px;
  margin-right: 18px;
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(83 49 178 / var(--tw-border-opacity, 1));
  padding-top: 0px;
  padding-bottom: 0px;
}

.steps-bar > .item.active {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 181 132 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(1 1 1 / var(--tw-text-opacity, 1));
}

.steps-bar > .item {
  position: absolute;
  top: -0.875rem;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  overflow: visible;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(83 49 178 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  text-align: center;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity, 1));
}

.steps-bar > .item:first-child {
  left: 0px;
}

.steps-bar > .item:nth-child(2) {
  left: calc(50% - 10px);
}

.steps-bar > .item:last-child {
  right: 0px;
}

.form-btn {
  margin-top: 37px;
  width: 100%;
  border-radius: 144px;
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.backdrop,
.backdrop-video {
  visibility: visible;
  position: fixed;
  inset: 0px;
  z-index: 100;
  display: flex;
  overflow: auto;
  opacity: 1;
  transition-duration: 100ms;
  transition-timing-function: linear;
  background-color: rgba(0, 0, 0, 0.55);
}

.backdrop.is-hidden,
.backdrop-video.is-hidden {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

.modal-close-btn {
  position: absolute;
  right: 1.25rem;
  top: 1.75rem;
  display: grid;
  height: 2.5rem;
  width: 2.5rem;
  place-items: center;
  border-radius: 9999px;
  fill: #474747;
  padding: 0px;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal-close-btn:hover {
  fill: #5331B2;
}

.modal-close-btn:focus {
  fill: #5331B2;
}

.modal {
  margin: auto;
  display: flex;
  width: 100%;
  max-width: 336px;
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  justify-content: space-evenly;
  border-radius: 0.75rem;
  padding: 1.25rem;
  padding-bottom: 1.5rem;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal {
  background-repeat: no-repeat;
  background-image: url("../images/form/bg-modal.svg");
  background-size: 355px auto;
  background-position: top -87px left calc(50% - 275px);
}

.is-hidden .modal {
  --tw-translate-y: 100%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal-video {
  margin: auto;
  display: flex;
  height: 300px;
  width: 90%;
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  justify-content: space-evenly;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(71 71 71 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.is-hidden .modal-video {
  --tw-translate-y: 100%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal-close-btn-video {
  display: grid;
  height: 1.5rem;
  width: 1.5rem;
  place-items: center;
  border-radius: 9999px;
  fill: #ffffff;
  padding: 0px;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal-close-btn-video:hover {
  fill: #5331B2;
}

.modal-close-btn-video:focus {
  fill: #5331B2;
}

/*! purgecss start ignore */

.header {
  background-repeat: no-repeat;
  background-image: url("../images/header/bg@2x.webp"), url("../images/header/shadow-mob.svg");
  background-image: -webkit-image-set(url("../images/header/bg@2x.webp") 2x), url("../images/header/shadow-mob.svg");
  background-size: 309px auto, 810px auto;
  background-position: top 108px center, top -87px right calc(50% - 242px);
}

.header {
  /* #header_input_promocode {
    display: none !important;
  } */
}

.header .header-fields {
  gap: 24px;
}

.header .header-btn-form {
  margin-top: 0;
}

.header .header-btn-form:hover,
.header .header-btn-form:focus {
  background-color: #8160e0;
}

/*! purgecss end ignore */

/*! purgecss start ignore */

.direction .age-btn-js.active {
  --tw-border-opacity: 1;
  border-color: rgb(101 60 217 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.direction .age-btn-js.active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.direction .age-btn-js {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.direction .age-btn-js:hover {
  --tw-border-opacity: 1;
  border-color: rgb(101 60 217 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 230 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
}

.direction .level-low {
  --tw-bg-opacity: 1;
  background-color: rgb(242 250 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(107 148 41 / var(--tw-text-opacity, 1));
}

.direction .level-medium {
  --tw-bg-opacity: 1;
  background-color: rgb(235 230 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(69 41 148 / var(--tw-text-opacity, 1));
}

.direction .level-high {
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(178 65 50 / var(--tw-text-opacity, 1));
}

.direction .active-btn {
  font-size: 20px;
  line-height: 1.5;
  color: #ebe6fa;
  position: relative;
}

.direction .direction-list {
  display: none;
}

.direction .direction-list:nth-child(4) {
  display: flex;
}

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

.direction .scratch:hover,
.direction .scratch:hover,
.direction .scratch.active {
  border: 3px solid #d6d6d6;
  background-color: #faf5e6;
}

.direction .scratch:hover .direction-age,
.direction .scratch:hover .direction-age,
.direction .scratch.active .direction-age {
  background-color: #997500;
  color: #ffffff;
}

.direction .scratch:hover .direction-card-btn,
.direction .scratch:hover .direction-card-btn,
.direction .scratch.active .direction-card-btn {
  background-color: #e0ab00;
  border: 1px solid #e0ab00;
  color: #ffffff;
}

.direction .minecraft:hover,
.direction .minecraft:focus,
.direction .minecraft.active {
  border: 3px solid #d6d6d6;
  background-color: #f2fae6;
}

.direction .minecraft:hover .direction-age,
.direction .minecraft:focus .direction-age,
.direction .minecraft.active .direction-age {
  background-color: #435c1a;
  color: #ffffff;
}

.direction .minecraft:hover .direction-card-btn,
.direction .minecraft:focus .direction-card-btn,
.direction .minecraft.active .direction-card-btn {
  background-color: #82b232;
  border: 1px solid #82b232;
  color: #ffffff;
}

.direction .roblox:hover,
.direction .roblox:focus,
.direction .roblox.active {
  border: 3px solid #d6d6d6;
  background-color: #fae8e6;
}

.direction .roblox:hover .direction-age,
.direction .roblox:focus .direction-age,
.direction .roblox.active .direction-age {
  background-color: #66251d;
  color: #ffffff;
}

.direction .roblox:hover .direction-card-btn,
.direction .roblox:focus .direction-card-btn,
.direction .roblox.active .direction-card-btn {
  background-color: #c74736;
  border: 1px solid #c74736;
  color: #ffffff;
}

.direction .frontend:hover,
.direction .frontend:focus,
.direction .frontend.active {
  border: 3px solid #d6d6d6;
  background-color: #ebe6fa;
}

.direction .frontend:hover .direction-age,
.direction .frontend:focus .direction-age,
.direction .frontend.active .direction-age {
  background-color: #2b195c;
  color: #ffffff;
}

.direction .frontend:hover .direction-card-btn,
.direction .frontend:focus .direction-card-btn,
.direction .frontend.active .direction-card-btn {
  background-color: #5331b2;
  border: 1px solid #5331b2;
  color: #ffffff;
}

.direction .gameDev:hover,
.direction .gameDev:focus,
.direction .gameDev.active {
  border: 3px solid #d6d6d6;
  background-color: #fafafa;
}

.direction .gameDev:hover .direction-age,
.direction .gameDev:focus .direction-age,
.direction .gameDev.active .direction-age {
  background-color: #474747;
  color: #ffffff;
}

.direction .gameDev:hover .direction-card-btn,
.direction .gameDev:focus .direction-card-btn,
.direction .gameDev.active .direction-card-btn {
  background-color: #6e6e6e;
  border: 1px solid #6e6e6e;
  color: #ffffff;
}

.direction .design:hover,
.direction .design:focus,
.direction .design.active {
  border: 3px solid #d6d6d6;
  background-color: #fae6f3;
}

.direction .design:hover .direction-age,
.direction .design:focus .direction-age,
.direction .design.active .direction-age {
  background-color: #5c1a46;
  color: #ffffff;
}

.direction .design:hover .direction-card-btn,
.direction .design:focus .direction-card-btn,
.direction .design.active .direction-card-btn {
  background-color: #b23188;
  border: 1px solid #b23188;
  color: #ffffff;
}

.direction .python:hover,
.direction .python:focus,
.direction .python.active {
  border: 3px solid #d6d6d6;
  background-color: #e6f2fa;
}

.direction .python:hover .direction-age,
.direction .python:focus .direction-age,
.direction .python.active .direction-age {
  background-color: #1d4766;
  color: #ffffff;
}

.direction .python:hover .direction-card-btn,
.direction .python:focus .direction-card-btn,
.direction .python.active .direction-card-btn {
  background-color: #3b92d1;
  border: 1px solid #3b92d1;
  color: #ffffff;
}

.direction .painting:hover,
.direction .painting:hover,
.direction .painting.active {
  border: 3px solid #d6d6d6;
  background-color: #faf5e6;
}

.direction .painting:hover .direction-age,
.direction .painting:hover .direction-age,
.direction .painting.active .direction-age {
  background-color: #997500;
  color: #ffffff;
}

.direction .painting:hover .direction-card-btn,
.direction .painting:hover .direction-card-btn,
.direction .painting.active .direction-card-btn {
  background-color: #e0ab00;
  border: 1px solid #e0ab00;
  color: #ffffff;
}

.direction .junior:hover,
.direction .junior:focus,
.direction .junior.active {
  border: 3px solid #d6d6d6;
  background-color: #e9f9f8;
}

.direction .junior:hover .direction-age,
.direction .junior:focus .direction-age,
.direction .junior.active .direction-age {
  background-color: #124a47;
  color: #ffffff;
}

.direction .junior:hover .direction-card-btn,
.direction .junior:focus .direction-card-btn,
.direction .junior.active .direction-card-btn {
  background-color: #1f706c;
  border: 1px solid #1f706c;
  color: #ffffff;
}

.direction .ai-creator:hover,
.direction .ai-creator:focus,
.direction .ai-creator.active {
  border: 3px solid #d6d6d6;
  background-color: #fae6f3;
}

.direction .ai-creator:hover .direction-age,
.direction .ai-creator:focus .direction-age,
.direction .ai-creator.active .direction-age {
  background-color: #e03eab;
  color: #ededed;
}

.direction .ai-creator:hover .direction-card-btn,
.direction .ai-creator:focus .direction-card-btn,
.direction .ai-creator.active .direction-card-btn {
  background-color: #e03eab;
  border: 1px solid #e03eab;
  color: #ffffff;
}

.direction .math-1-11:hover,
.direction .math-1-11:focus,
.direction .math-1-11.active {
  border: 3px solid #d6d6d6;
  background-color: #faeee6;
}

.direction .math-1-11:hover .direction-age,
.direction .math-1-11:focus .direction-age,
.direction .math-1-11.active .direction-age {
  background-color: #99490f;
  color: #ffffff;
}

.direction .math-1-11:hover .direction-card-btn,
.direction .math-1-11:focus .direction-card-btn,
.direction .math-1-11.active .direction-card-btn {
  background-color: #e0782d;
  border: 1px solid #e0782d;
  color: #ffffff;
}

.direction .frontendEng:hover,
.direction .frontendEng:focus,
.direction .frontendEng.active {
  border: 3px solid #d6d6d6;
  background-color: #e9f9f8;
}

.direction .frontendEng:hover .direction-age,
.direction .frontendEng:focus .direction-age,
.direction .frontendEng.active .direction-age {
  background-color: #124a47;
  color: #ffffff;
}

.direction .frontendEng:hover .direction-card-btn,
.direction .frontendEng:focus .direction-card-btn,
.direction .frontendEng.active .direction-card-btn {
  background-color: #1f706c;
  border: 1px solid #1f706c;
  color: #ffffff;
}

.direction .logic:hover,
.direction .logic:focus,
.direction .logic.active {
  border: 3px solid #d6d6d6;
  background-color: #f2fae6;
}

.direction .logic:hover .direction-age,
.direction .logic:focus .direction-age,
.direction .logic.active .direction-age {
  background-color: #435c1a;
  color: #ffffff;
}

.direction .logic:hover .direction-card-btn,
.direction .logic:focus .direction-card-btn,
.direction .logic.active .direction-card-btn {
  background-color: #6b9429;
  border: 1px solid #6b9429;
  color: #ffffff;
}

.direction .leadership-academy:hover,
.direction .leadership-academy:focus,
.direction .leadership-academy.active {
  border: 3px solid #d6d6d6;
  background-color: #ebe6fa;
}

.direction .leadership-academy:hover .direction-age,
.direction .leadership-academy:focus .direction-age,
.direction .leadership-academy.active .direction-age {
  background-color: #361f7a;
  color: #ffffff;
}

.direction .leadership-academy:hover .direction-card-btn,
.direction .leadership-academy:focus .direction-card-btn,
.direction .leadership-academy.active .direction-card-btn {
  background-color: #5331b2;
  border: 1px solid #5331b2;
  color: #ffffff;
}

.direction .preparation-NMT:hover,
.direction .preparation-NMT:focus,
.direction .preparation-NMT.active {
  border: 3px solid #d6d6d6;
  background-color: #e6eafa;
}

.direction .preparation-NMT:hover .direction-age,
.direction .preparation-NMT:focus .direction-age,
.direction .preparation-NMT.active .direction-age {
  background-color: #162257;
  color: #ffffff;
}

.direction .preparation-NMT:hover .direction-card-btn,
.direction .preparation-NMT:focus .direction-card-btn,
.direction .preparation-NMT.active .direction-card-btn {
  background-color: #27398a;
  border: 1px solid #27398a;
  color: #ffffff;
}

.direction .preparation-school:hover,
.direction .preparation-school:focus,
.direction .preparation-school.active {
  border: 3px solid #d6d6d6;
  background-color: #fae6f3;
}

.direction .preparation-school:hover .direction-age,
.direction .preparation-school:focus .direction-age,
.direction .preparation-school.active .direction-age {
  background-color: #7a225d;
  color: #ffffff;
}

.direction .preparation-school:hover .direction-card-btn,
.direction .preparation-school:focus .direction-card-btn,
.direction .preparation-school.active .direction-card-btn {
  background-color: #b23188;
  border: 1px solid #b23188;
  color: #ffffff;
}

.direction .finance:hover,
.direction .finance:focus,
.direction .finance.active {
  border: 3px solid #d6d6d6;
  background-color: #faf5e6;
}

.direction .finance:hover .direction-age,
.direction .finance:focus .direction-age,
.direction .finance.active .direction-age {
  background-color: #997500;
  color: #ffffff;
}

.direction .finance:hover .direction-card-btn,
.direction .finance:focus .direction-card-btn,
.direction .finance.active .direction-card-btn {
  background-color: #e0ab00;
  border: 1px solid #e0ab00;
  color: #ffffff;
}

.direction .anime:hover,
.direction .anime:focus,
.direction .anime.active {
  border: 3px solid #d6d6d6;
  background-color: #faeee6;
}

.direction .anime:hover .direction-age,
.direction .anime:focus .direction-age,
.direction .anime.active .direction-age {
  background-color: #99490f;
  color: #ffffff;
}

.direction .anime:hover .direction-card-btn,
.direction .anime:focus .direction-card-btn,
.direction .anime.active .direction-card-btn {
  background-color: #e0782d;
  border: 1px solid #e0782d;
  color: #ffffff;
}

.direction .drawing-paper-tablet:hover,
.direction .drawing-paper-tablet:focus,
.direction .drawing-paper-tablet.active {
  border: 3px solid #d6d6d6;
  background-color: #f2fae6;
}

.direction .drawing-paper-tablet:hover .direction-age,
.direction .drawing-paper-tablet:focus .direction-age,
.direction .drawing-paper-tablet.active .direction-age {
  background-color: #82b232;
  color: #ffffff;
}

.direction .drawing-paper-tablet:hover .direction-card-btn,
.direction .drawing-paper-tablet:focus .direction-card-btn,
.direction .drawing-paper-tablet.active .direction-card-btn {
  background-color: #6b9429;
  border: 1px solid #6b9429;
  color: #ffffff;
}

.direction .interior-design:hover,
.direction .interior-design:focus,
.direction .interior-design.active {
  border: 3px solid #d6d6d6;
  background-color: #faeee6;
}

.direction .interior-design:hover .direction-age,
.direction .interior-design:focus .direction-age,
.direction .interior-design.active .direction-age {
  background-color: #e58845;
  color: #ffffff;
}

.direction .interior-design:hover .direction-card-btn,
.direction .interior-design:focus .direction-card-btn,
.direction .interior-design.active .direction-card-btn {
  background-color: #e0782d;
  border: 1px solid #e0782d;
  color: #ffffff;
}

.direction .fast-reading:hover,
.direction .fast-reading:focus,
.direction .fast-reading.active {
  border: 3px solid #d6d6d6;
  background-color: #ebe6fa;
}

.direction .fast-reading:hover .direction-age,
.direction .fast-reading:focus .direction-age,
.direction .fast-reading.active .direction-age {
  background-color: #653cd9;
  color: #ededed;
}

.direction .fast-reading:hover .direction-card-btn,
.direction .fast-reading:focus .direction-card-btn,
.direction .fast-reading.active .direction-card-btn {
  background-color: #5331b2;
  border: 1px solid #5331b2;
  color: #ffffff;
}

.direction .next-btn:hover,
.direction .next-btn:focus {
  background-color: #ebe6fa;
}

.direction .next-btn:hover > .icon-arrow,
.direction .next-btn:focus > .icon-arrow {
  fill: #653cd9;
}

.direction .next-btn.btn-active {
  background-color: #ebe6fa;
}

.direction .next-btn.btn-active > .icon-arrow {
  fill: #653cd9;
}

.direction .prev-btn:hover,
.direction .prev-btn:focus {
  background-color: #ebe6fa;
}

.direction .prev-btn:hover > .icon-arrow,
.direction .prev-btn:focus > .icon-arrow {
  fill: #653cd9;
}

.direction .prev-btn.btn-active {
  background-color: #ebe6fa;
}

.direction .prev-btn.btn-active > .icon-arrow {
  fill: #653cd9;
}

.direction .btn-wrapper {
  display: none;
  position: absolute;
  top: -60px;
  right: 0;
}

.direction .slick-list {
  overflow: visible !important;
}

.direction .slick-slide {
  margin: 0 4px;
}

.direction .slider-item-js {
  min-height: 510px;
}

.direction .slick-track {
  margin: 0;
}

/*! purgecss end ignore */

/*! purgecss start ignore */

.get {
  /* #get_input_promocode {
    display: none !important;
  } */
}

.get .get-form-field {
  gap: 24px;
}

.get .get-btn-form {
  margin-top: 0;
}

.get .get-btn-form:hover,
.get .get-btn-form:focus {
  background-color: #8160e0;
}

/*! purgecss end ignore */

.how__item:nth-child(2) {
  background-image: url("../images/how/circles-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-color: #F2FAE6;
  border-color: #97CB43;
}

.how__item:nth-child(5) {
  background-color: #E6F2FA;
  border-color: #479FDE;
}

.how__item:last-child {
  background-image: url("../images/how/waves-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
}

.reviews .element {
  position: relative;
}

.reviews .element .youtube-btn {
  position: absolute;
  bottom: -16px;
  left: -16px;
  z-index: 1;
}

.reviews .element .youtube-btn:hover,
.reviews .element .youtube-btn:focus {
  transform: rotate(45deg);
  animation: all 10ms ease-in-out;
}

.reviews .element .youtube-btn:hover .icon-play,
.reviews .element .youtube-btn:focus .icon-play {
  transform: rotate(-45deg);
}

.reviews .review-text {
  scrollbar-width: none;
  /* Убираем стандартные полосы прокрутки в Chrome и Safari */
}

.reviews .review-text::-webkit-scrollbar {
  width: 4px;
}

.reviews .review-text {
  /* Стилизуем полосу прокрутки */
}

.reviews .review-text::-webkit-scrollbar-thumb {
  background-color: #ebe6fa;
  opacity: 0.5;
  border-radius: 4px;
}

.reviews .review-text {
  /* Стилизуем трек прокрутки */
}

.reviews .review-text::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 4px;
}

.awards .list {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

.awards .list .item {
  min-height: 224px;
}

.awards .list .item .numbers {
  text-align: center;
  font-family: IBMPlexMono, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.3;
}

.awards .list .item .title {
  margin-top: 0.5rem;
  text-align: center;
  font-family: IBMPlexMono, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.6;
}

.awards .list .item .text {
  text-align: center;
  font-family: IBMPlexSans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.awards .list .item .image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.awards .list .item.type-text {
  padding-top: 3.5rem;
}

.awards .list .item.type-text-image {
  padding-top: 2.75rem;
}

.awards .list .item.type-text-image .image {
  height: 96px;
  width: auto;
}

.awards .list .item.type-only-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.awards .list .item.type-only-image .image {
  height: 188px;
  width: auto;
}

.awards .list .item:nth-child(1) .numbers {
  --tw-text-opacity: 1;
  color: rgb(67 92 26 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(1) .title {
  --tw-text-opacity: 1;
  color: rgb(88 122 31 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(2) .numbers {
  --tw-text-opacity: 1;
  color: rgb(29 71 102 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(2) .title {
  --tw-text-opacity: 1;
  color: rgb(34 95 138 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(3) .numbers {
  --tw-text-opacity: 1;
  color: rgb(153 117 0 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(3) .title {
  --tw-text-opacity: 1;
  color: rgb(178 136 0 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(5) .title {
  --tw-text-opacity: 1;
  color: rgb(43 25 92 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(5) .text {
  --tw-text-opacity: 1;
  color: rgb(54 31 122 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(6) .title {
  --tw-text-opacity: 1;
  color: rgb(43 25 92 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(6) .text {
  --tw-text-opacity: 1;
  color: rgb(54 31 122 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(7) .title {
  --tw-text-opacity: 1;
  color: rgb(43 25 92 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(7) .text {
  --tw-text-opacity: 1;
  color: rgb(54 31 122 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(8) .title {
  --tw-text-opacity: 1;
  color: rgb(16 23 56 / var(--tw-text-opacity, 1));
}

.awards .list .item:nth-child(8) .text {
  --tw-text-opacity: 1;
  color: rgb(22 34 87 / var(--tw-text-opacity, 1));
}

.awards .list .item.icon-1 {
  background-image: url(../images/awards/icon-1.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: center;
}

.awards .list .item.icon-2 {
  background-image: url(../images/awards/icon-2.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: center;
}

.awards .list .item.icon-3 {
  background-image: url(../images/awards/icon-3.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: center;
}

.awards .list .item.icon-4 {
  background-image: url(../images/awards/icon-4.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: center;
}

.awards .list .item.icon-5 {
  background-image: url(../images/awards/icon-5.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: center;
}

.awards .list .item.icon-6 {
  background-image: url(../images/awards/icon-6.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: center;
}

.awards .list .item.icon-7 {
  background-image: url(../images/awards/icon-7.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: center;
}

.awards .list .item.icon-8 {
  background-image: url(../images/awards/icon-8.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: center;
}

.awards .list .item.icon-6 {
  background-image: url(../images/awards/icon-6.svg);
  background-repeat: no-repeat;
  background-size: 188px auto;
  background-position: top 31px center;
}

.register {
  background-repeat: no-repeat;
  background-image: url("../images/register/bg.svg");
  background-size: 520px auto;
  background-position: top left calc(50% - 356px);
}

.register .form-register .register-form-field {
  display: grid;
  gap: 20px;
}

.footer__link-phone .footer__link-icon {
  fill: white;
}

.footer__link-phone:hover,
.footer__link-phone:focus {
  color: #fec830;
}

.footer__link-phone:hover .footer__link-icon,
.footer__link-phone:focus .footer__link-icon {
  fill: #fec830;
}

.hover\:bg-accent:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
}

.hover\:fill-\[\#fec830\]:hover {
  fill: #fec830;
}

.hover\:text-\[\#fec830\]:hover {
  --tw-text-opacity: 1;
  color: rgb(254 200 48 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus\:bg-accent:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
}

.focus\:fill-\[\#fec830\]:focus {
  fill: #fec830;
}

.focus\:text-\[\#fec830\]:focus {
  --tw-text-opacity: 1;
  color: rgb(254 200 48 / var(--tw-text-opacity, 1));
}

.focus\:text-white:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.disabled\:border-none:disabled {
  border-style: none;
}

.disabled\:bg-gray-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.disabled\:hover\:text-white:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 370px) {
  .direction .slider-item-js {
    min-height: 459px;
  }
}

@media (min-width: 480px) {
  .container {
    max-width: 480px;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-title {
    font-size: 28px;
    line-height: 1.4;
  }

  .input-label {
    margin-bottom: 0.5rem;
    font-size: 16px;
    line-height: 1.6;
  }

  .input-label-float {
    left: 33px;
    margin-bottom: 0px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .input-wrap:has(.input-field:not(:-moz-placeholder)) .input-label-float {
    top: 0.75rem;
    font-size: 22px;
  }

  .input-wrap:has(.input-field:focus) .input-label-float,
  .input-wrap:has(.input-field:not(:placeholder-shown)) .input-label-float,
  .input-wrap:has(.input-field.is-invalid) .input-label-float {
    top: 0.75rem;
    font-size: 22px;
  }

  .input-wrap:has(.input-label-float) .input-field:not(:-moz-placeholder) {
    padding-top: 36px !important;
    padding-bottom: 6px !important;
  }

  .input-wrap:has(.input-label-float) .input-field:focus,
  .input-wrap:has(.input-label-float) .input-field:not(:placeholder-shown),
  .input-wrap:has(.input-label-float) .input-field.is-invalid {
    padding-top: 36px !important;
    padding-bottom: 6px !important;
  }

  .input-field {
    height: 68px;
    padding-left: 2rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .input-field {
    padding-right: 60px !important;
  }

  .input-clear {
    height: 2rem;
    width: 2rem;
  }

  .input-label-checkbox {
    font-size: 12px;
  }

  .steps-bar {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .form-btn {
    margin-top: 54px;
    border-radius: 64px;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .modal-close-btn {
    right: 1.5rem;
    top: 1.5rem;
  }

  .modal {
    max-width: 640px;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-bottom: 2.5rem;
    padding-top: 1.5rem;
  }

  .modal {
    background-position: top -139px left calc(50% - 348px);
  }

  .modal-video {
    height: 400px;
    width: 80%;
    padding: 1.25rem;
  }

  .header {
    background-size: 454px auto, 810px auto;
    background-position: top 134px center, top -73px right calc(50% - 163px);
  }

  .header .header-fields {
    gap: 32px;
  }

  .direction .active-btn {
    font-size: 28px;
    line-height: 1.6;
  }

  .direction .direction-cards {
    gap: 24px;
  }

  .direction .btn-wrapper {
    top: -60px;
    right: 32px;
    display: none;
  }

  .direction .slick-slide {
    margin: 0 10px;
  }

  .direction .slider-item-js {
    min-height: 525px;
  }

  .get {
    background-repeat: no-repeat;
    background-image: url("../images/get/bg.svg");
    background-size: 290px auto;
    background-position: top right calc(50% - 414px);
  }

  .get .get-form-field .input-field {
    font-size: 16px;
    line-height: 2;
    height: 56px;
  }

  .community {
    background-image: url("../images/community/community-bg.svg");
    background-repeat: no-repeat;
  }

  .how {
    background-image: url("../images/community/community-bg.svg");
    background-repeat: no-repeat;
    background-position: left bottom 1105px;
  }

  .reviews .element .youtube-btn {
    bottom: -33px;
    left: -14px;
  }

  .awards .list {
    margin-top: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem;
    row-gap: 0.5rem;
    padding-left: 46px;
    padding-right: 46px;
  }

  .awards .list .item {
    min-height: 278px;
  }

  .awards .list .item .text {
    margin-top: 0.5rem;
  }

  .awards .list .item.type-text-image {
    padding-top: 1.5rem;
  }

  .awards .list .item.icon-6 {
    background-position: top 58px center;
  }

  .register {
    background-position: top left calc(50% - 358px);
  }

  .register .form-register .register-form-field {
    gap: 24px;
  }

  .footer__content-wrapper::after {
    content: "";
    max-width: 786px;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    background-color: #3f3f3f;
    bottom: 0;
  }

  .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:mb-\[32px\] {
    margin-bottom: 32px;
  }

  .md\:mb-\[46px\] {
    margin-bottom: 46px;
  }

  .md\:mb-\[590px\] {
    margin-bottom: 590px;
  }

  .md\:mb-\[73px\] {
    margin-bottom: 73px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-\[36px\] {
    height: 36px;
  }

  .md\:h-\[468px\] {
    height: 468px;
  }

  .md\:h-\[46px\] {
    height: 46px;
  }

  .md\:h-\[64px\] {
    height: 64px;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-\[676px\] {
    width: 676px;
  }

  .md\:w-\[704px\] {
    width: 704px;
  }

  .md\:min-w-\[118px\] {
    min-width: 118px;
  }

  .md\:max-w-\[306px\] {
    max-width: 306px;
  }

  .md\:max-w-\[380px\] {
    max-width: 380px;
  }

  .md\:max-w-\[465px\] {
    max-width: 465px;
  }

  .md\:max-w-\[704px\] {
    max-width: 704px;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

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

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-\[73px\] {
    gap: 73px;
  }

  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .md\:rounded-\[80px\] {
    border-radius: 80px;
  }

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

  .md\:border-\[\#F5F5F5\] {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
  }

  .md\:p-\[32px\] {
    padding: 32px;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .md\:pb-\[120px\] {
    padding-bottom: 120px;
  }

  .md\:pb-\[126px\] {
    padding-bottom: 126px;
  }

  .md\:pb-\[72px\] {
    padding-bottom: 72px;
  }

  .md\:pl-3 {
    padding-left: 0.75rem;
  }

  .md\:pl-\[14px\] {
    padding-left: 14px;
  }

  .md\:pt-12 {
    padding-top: 3rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-3 {
    padding-top: 0.75rem;
  }

  .md\:pt-\[127px\] {
    padding-top: 127px;
  }

  .md\:pt-\[140px\] {
    padding-top: 140px;
  }

  .md\:pt-\[80px\] {
    padding-top: 80px;
  }

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

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-\[20px\] {
    font-size: 20px;
  }

  .md\:text-\[24px\] {
    font-size: 24px;
  }

  .md\:text-\[32px\] {
    font-size: 32px;
  }

  .md\:text-\[40px\] {
    font-size: 40px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:font-bold {
    font-weight: 700;
  }

  .md\:leading-\[1\.2\] {
    line-height: 1.2;
  }

  .md\:leading-\[1\.33\] {
    line-height: 1.33;
  }

  .md\:leading-\[1\.4\] {
    line-height: 1.4;
  }

  .md\:leading-\[1\.6\] {
    line-height: 1.6;
  }

  .md\:leading-snug {
    line-height: 1.375;
  }

  .md\:first\:shrink-0:first-child {
    flex-shrink: 0;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section-title {
    font-size: 32px;
    line-height: 1.25;
  }

  .modal-video {
    height: 515px;
    max-width: 900px;
    border-radius: 0.75rem;
  }

  .header {
    background-image: url("../images/header/bg@2x.webp"), url("../images/header/shadow-mob.svg"), url("../images/header/shadow2.svg");
    background-image: -webkit-image-set(url("../images/header/bg@2x.webp") 2x), url("../images/header/shadow-mob.svg"), url("../images/header/shadow2.svg");
    background-size: 454px auto, 810px auto, 926px auto;
    background-position: top 156px left calc(50% - 414px), top -64px right calc(50% + 122px), bottom -134px right calc(50% - 411px);
  }

  .header-btn::before {
    position: absolute;
    bottom: -16px;
    left: 16px;
    display: block;
    content: "";
    width: 684px;
    height: 80px;
    border: 3px solid #1a1a1a;
    border-radius: 64px;
    z-index: -1;
  }

  .header-btn:hover::before,
  .header-btn:focus::before {
    background-color: #1a1a1a;
  }

  .header .header-btn-form {
    max-width: 608px;
  }

  .header .header-btn-form::after {
    position: absolute;
    bottom: -12px;
    left: 12px;
    display: block;
    content: "";
    width: 608px;
    height: 64px;
    border-radius: 64px;
    border: 3px solid #1a1a1a;
    z-index: -1;
  }

  .header .header-btn-form:hover::after,
  .header .header-btn-form:focus::after {
    background-color: #1a1a1a;
  }

  .header .header-btn-wrapper {
    position: relative;
    z-index: 1;
  }

  .direction .btn-wrapper {
    display: flex;
    top: -72px;
    right: 0;
  }

  .get {
    background-image: none;
  }

  .get .get-form-field {
    gap: 32px;
  }

  .get .get-form-field .input-field {
    height: 64px;
    font-size: 24px;
    line-height: 1.3;
  }

  .get .get-form-field .input-wrap:has(.input-label-float) .input-field:not(:-moz-placeholder) {
    padding-top: 32px !important;
    padding-bottom: 6px !important;
  }

  .get .get-form-field .input-wrap:has(.input-label-float) .input-field:focus,
  .get .get-form-field .input-wrap:has(.input-label-float) .input-field:not(:placeholder-shown),
  .get .get-form-field .input-wrap:has(.input-label-float) .input-field.is-invalid {
    padding-top: 32px !important;
    padding-bottom: 6px !important;
  }

  .get .form-get form {
    margin-top: 0;
  }

  .how {
    background-position: left bottom 710px;
  }

  .how__item:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-image: url("../images/how/circles-bg-xl.svg");
    width: 437px;
    height: 492px;
    position: absolute;
    top: -140px;
    left: 51px;
    background-position: top right;
    z-index: 1;
  }

  .how__item:nth-child(2) .how__text {
    width: 301px;
  }

  .how__item:nth-child(3) {
    width: 501px;
    height: 245px;
    padding-bottom: 82px;
    position: absolute;
    top: 380px;
  }

  .how__item:nth-child(3) .how__text {
    width: 323px;
  }

  .how__item:nth-child(4) {
    width: 420px;
    height: 237px;
    padding-bottom: 74px;
    position: absolute;
    top: -29px;
    right: 58px;
    z-index: 11;
    background-color: white;
  }

  .how__item:nth-child(5) {
    width: 580px;
    height: 237px;
    padding-bottom: 74px;
    position: absolute;
    top: 232px;
    right: -44px;
    z-index: 11;
  }

  .how__item:nth-child(5) .how__text {
    width: 408px;
  }

  .how__item:last-child {
    width: 792px;
    position: absolute;
    bottom: -117px;
    right: 0;
    z-index: 11;
    background-color: white;
    background-image: url("../images/how/waves-bg-xl.svg");
  }

  .how__item:last-child .how__text {
    width: 573px;
  }

  .reviews .element .youtube-btn {
    bottom: -12px;
    left: -14px;
  }

  .reviews .review-text {
    overflow-y: scroll;
    max-height: 230px;
  }

  .awards .list {
    margin-top: 3rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 40px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .register {
    background-position: top left calc(50% - 616px);
  }

  .register .form-register .register-form-field {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 32px;
  }

  .register .form-register .register-btn-wrapper {
    position: relative;
    z-index: 1;
  }

  .register .form-register .register-btn-wrapper .register-btn {
    max-width: 888px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .register .form-register .register-btn-wrapper .register-btn::before {
    position: absolute;
    bottom: -16px;
    left: 16px;
    display: block;
    content: "";
    width: 888px;
    height: 80px;
    border: 3px solid #1a1a1a;
    border-radius: 64px;
    z-index: -1;
  }

  .register .form-register .register-btn-wrapper .register-btn:hover::before,
  .register .form-register .register-btn-wrapper .register-btn:focus::before {
    background-color: #1a1a1a;
  }

  .footer__content-wrapper::after {
    display: none;
  }

  .xl\:absolute {
    position: absolute;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:left-\[40px\] {
    left: 40px;
  }

  .xl\:top-\[48px\] {
    top: 48px;
  }

  .xl\:z-10 {
    z-index: 10;
  }

  .xl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .xl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .xl\:mb-\[100px\] {
    margin-bottom: 100px;
  }

  .xl\:mb-\[64px\] {
    margin-bottom: 64px;
  }

  .xl\:mb-\[68px\] {
    margin-bottom: 68px;
  }

  .xl\:ml-auto {
    margin-left: auto;
  }

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-12 {
    height: 3rem;
  }

  .xl\:h-8 {
    height: 2rem;
  }

  .xl\:h-\[359px\] {
    height: 359px;
  }

  .xl\:w-12 {
    width: 3rem;
  }

  .xl\:w-\[560px\] {
    width: 560px;
  }

  .xl\:w-\[588px\] {
    width: 588px;
  }

  .xl\:w-\[620px\] {
    width: 620px;
  }

  .xl\:max-w-\[1093px\] {
    max-width: 1093px;
  }

  .xl\:max-w-\[1200px\] {
    max-width: 1200px;
  }

  .xl\:max-w-\[356px\] {
    max-width: 356px;
  }

  .xl\:max-w-\[480px\] {
    max-width: 480px;
  }

  .xl\:max-w-\[490px\] {
    max-width: 490px;
  }

  .xl\:max-w-\[563px\] {
    max-width: 563px;
  }

  .xl\:max-w-\[700px\] {
    max-width: 700px;
  }

  .xl\:max-w-\[850px\] {
    max-width: 850px;
  }

  .xl\:max-w-\[904px\] {
    max-width: 904px;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:items-end {
    align-items: flex-end;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

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

  .xl\:gap-10 {
    gap: 2.5rem;
  }

  .xl\:gap-2 {
    gap: 0.5rem;
  }

  .xl\:gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .xl\:gap-y-\[72px\] {
    row-gap: 72px;
  }

  .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .xl\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .xl\:border-4 {
    border-width: 4px;
  }

  .xl\:border-none {
    border-style: none;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:pb-0 {
    padding-bottom: 0px;
  }

  .xl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .xl\:pb-\[135px\] {
    padding-bottom: 135px;
  }

  .xl\:pb-\[144px\] {
    padding-bottom: 144px;
  }

  .xl\:pb-\[179px\] {
    padding-bottom: 179px;
  }

  .xl\:pb-\[204px\] {
    padding-bottom: 204px;
  }

  .xl\:pb-\[210px\] {
    padding-bottom: 210px;
  }

  .xl\:pb-\[229px\] {
    padding-bottom: 229px;
  }

  .xl\:pb-\[261px\] {
    padding-bottom: 261px;
  }

  .xl\:pb-\[64px\] {
    padding-bottom: 64px;
  }

  .xl\:pl-6 {
    padding-left: 1.5rem;
  }

  .xl\:pt-0 {
    padding-top: 0px;
  }

  .xl\:pt-10 {
    padding-top: 2.5rem;
  }

  .xl\:pt-\[0px\] {
    padding-top: 0px;
  }

  .xl\:pt-\[104px\] {
    padding-top: 104px;
  }

  .xl\:pt-\[144px\] {
    padding-top: 144px;
  }

  .xl\:pt-\[154px\] {
    padding-top: 154px;
  }

  .xl\:pt-\[174px\] {
    padding-top: 174px;
  }

  .xl\:pt-\[181px\] {
    padding-top: 181px;
  }

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

  .xl\:text-\[36px\] {
    font-size: 36px;
  }

  .xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .xl\:leading-\[1\.3\] {
    line-height: 1.3;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .header {
    background-size: 575px auto, 810px auto, 926px auto;
    background-position: top 128px left calc(50% - 468px), top -121px right calc(50% + 122px), bottom -50px right calc(50% - 427px);
  }

  .header .header-fields {
    gap: 40px;
  }

  .header .header-fields .input-field {
    height: 80px;
  }

  .header .header-btn-form {
    max-width: 604px;
    height: 80px;
  }

  .header .header-btn-form::after {
    bottom: -16px;
    left: 16px;
    width: 604px;
    height: 80px;
  }

  .direction .btn-wrapper {
    top: -72px;
    right: 0;
  }

  .get {
    background-image: url("../images/get/bg-bigDesk.svg");
    background-size: 1962px auto;
    background-position: top -688px right calc(50% + 84px);
  }

  .how {
    background-position: left bottom 946px;
  }

  .how__item:nth-child(2) {
    top: -82px;
    left: 83px;
  }

  .how__item:nth-child(3) {
    top: 470px;
    left: 32px;
  }

  .how__item:nth-child(4) {
    width: 480px;
    height: 238px;
    top: 100px;
    right: 112px;
  }

  .how__item:nth-child(5) {
    width: 611px;
    top: 369px;
    right: 32px;
  }

  .how__item:last-child {
    width: 900px;
    bottom: -133px;
    right: 169px;
  }

  .reviews .element .youtube-btn {
    bottom: -16px;
    left: -16px;
  }

  .reviews .review-text {
    overflow-y: scroll;
    max-height: 320px;
  }

  .awards .list {
    -moz-column-gap: 88px;
    column-gap: 88px;
    row-gap: 6rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .awards .list .item .numbers {
    font-size: 64px;
  }

  .awards .list .item.type-text-image .image {
    height: 124px;
  }

  .awards .list .item.type-only-image .image {
    height: 245px;
  }

  .awards .list .item.icon-1 {
    background-size: contain;
    background-position: center;
  }

  .awards .list .item.icon-2 {
    background-size: contain;
    background-position: center;
  }

  .awards .list .item.icon-3 {
    background-size: contain;
    background-position: center;
  }

  .awards .list .item.icon-4 {
    background-size: contain;
    background-position: center;
  }

  .awards .list .item.icon-5 {
    background-size: contain;
    background-position: center;
  }

  .awards .list .item.icon-6 {
    background-size: contain;
    background-position: center;
  }

  .awards .list .item.icon-7 {
    background-size: contain;
    background-position: center;
  }

  .awards .list .item.icon-8 {
    background-size: contain;
    background-position: center;
  }

  .awards .list .item.icon-6 {
    background-size: contain;
    background-position: center;
  }

  .register {
    background-repeat: no-repeat;
    background-image: url("../images/register/bg.svg"), url("../images/register/bg.svg");
    background-size: 520px auto;
    background-position: top left calc(50% - 774px), top right calc(50% - 780px);
  }

  .register .form-register .register-form-field {
    row-gap: 28px;
  }

  .xxl\:left-\[48px\] {
    left: 48px;
  }

  .xxl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xxl\:mb-\[13px\] {
    margin-bottom: 13px;
  }

  .xxl\:mb-\[42px\] {
    margin-bottom: 42px;
  }

  .xxl\:mb-\[60px\] {
    margin-bottom: 60px;
  }

  .xxl\:mb-\[72px\] {
    margin-bottom: 72px;
  }

  .xxl\:h-12 {
    height: 3rem;
  }

  .xxl\:h-\[446px\] {
    height: 446px;
  }

  .xxl\:h-\[552px\] {
    height: 552px;
  }

  .xxl\:h-\[80px\] {
    height: 80px;
  }

  .xxl\:w-12 {
    width: 3rem;
  }

  .xxl\:w-\[116px\] {
    width: 116px;
  }

  .xxl\:w-\[437px\] {
    width: 437px;
  }

  .xxl\:w-\[704px\] {
    width: 704px;
  }

  .xxl\:w-\[880px\] {
    width: 880px;
  }

  .xxl\:max-w-\[1093px\] {
    max-width: 1093px;
  }

  .xxl\:max-w-\[1488px\] {
    max-width: 1488px;
  }

  .xxl\:max-w-\[412px\] {
    max-width: 412px;
  }

  .xxl\:max-w-\[778px\] {
    max-width: 778px;
  }

  .xxl\:max-w-\[985px\] {
    max-width: 985px;
  }

  .xxl\:gap-5 {
    gap: 1.25rem;
  }

  .xxl\:border-4 {
    border-width: 4px;
  }

  .xxl\:px-\[56px\] {
    padding-left: 56px;
    padding-right: 56px;
  }

  .xxl\:pb-\[155px\] {
    padding-bottom: 155px;
  }

  .xxl\:pb-\[183px\] {
    padding-bottom: 183px;
  }

  .xxl\:pb-\[251px\] {
    padding-bottom: 251px;
  }

  .xxl\:pb-\[289px\] {
    padding-bottom: 289px;
  }

  .xxl\:pb-\[337px\] {
    padding-bottom: 337px;
  }

  .xxl\:pb-\[56px\] {
    padding-bottom: 56px;
  }

  .xxl\:pl-4 {
    padding-left: 1rem;
  }

  .xxl\:pl-\[490px\] {
    padding-left: 490px;
  }

  .xxl\:pt-\[102px\] {
    padding-top: 102px;
  }

  .xxl\:pt-\[154px\] {
    padding-top: 154px;
  }

  .xxl\:pt-\[204px\] {
    padding-top: 204px;
  }

  .xxl\:text-start {
    text-align: start;
  }

  .xxl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .xxl\:leading-\[1\.4\] {
    line-height: 1.4;
  }

  .xxl\:tracking-\[0\.01em\] {
    letter-spacing: 0.01em;
  }
}

@media (max-width: 1279.98px) {
  .notXl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .notXl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .notXl\:mb-8 {
    margin-bottom: 2rem;
  }

  .notXl\:hidden {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .awards .list .item:nth-child(5) .text {
    display: none;
  }

  .awards .list .item:nth-child(6) .text {
    display: none;
  }

  .awards .list .item:nth-child(7) .text {
    display: none;
  }

  .awards .list .item:nth-child(8) .text {
    display: none;
  }

  .smOnly\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .get .get-form-field .input-label-float {
    font-size: 16px;
  }

  .get .get-form-field .input-wrap:has(.input-field:not(:-moz-placeholder)) .input-label-float {
    font-size: 14px;
  }

  .get .get-form-field .input-wrap:has(.input-field:focus) .input-label-float,
  .get .get-form-field .input-wrap:has(.input-field:not(:placeholder-shown)) .input-label-float,
  .get .get-form-field .input-wrap:has(.input-field.is-invalid) .input-label-float {
    font-size: 14px;
  }

  .get .get-form-field .input-wrap:has(.input-label-float) .input-field:not(:-moz-placeholder) {
    padding-top: 26px !important;
    padding-bottom: 4px !important;
  }

  .get .get-form-field .input-wrap:has(.input-label-float) .input-field:focus,
  .get .get-form-field .input-wrap:has(.input-label-float) .input-field:not(:placeholder-shown),
  .get .get-form-field .input-wrap:has(.input-label-float) .input-field.is-invalid {
    padding-top: 26px !important;
    padding-bottom: 4px !important;
  }

  .get .get-btn-form {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.6;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .get .form-get .get-form-field {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 32px;
  }

  .mdOnly\:relative {
    position: relative;
  }

  .mdOnly\:flex {
    display: flex;
  }

  .mdOnly\:hidden {
    display: none;
  }

  .mdOnly\:max-w-\[340px\] {
    max-width: 340px;
  }

  .mdOnly\:gap-\[64px\] {
    gap: 64px;
  }

@media (min-width: 768px) {
    .mdOnly\:first\:md\:w-\[340px\]:first-child {
      width: 340px;
    }
}
}

@media (prefers-reduced-motion: reduce) {
  .iti__strict-reject-animation .iti__tel-input {
    animation: iti-strict-reject-flash 0.3s ease-out both;
  }

  .iti__strict-reject-animation .iti__selected-country {
    animation: none;
  }
}