html {
  font-size: 0.06944444vw;//0.0520833333vw;// 1/1920
}
body {
  font-family: Lab Grotesque;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
  background: black;
  display: flex;
  flex-direction: column;
}
h1, h2, h3, h4, p {
  margin: 0;
}
h1 {
  font-family: Lab Grotesque;
  font-size: 78.53rem;
  font-weight: 500;
  line-height: 78.53rem;
  letter-spacing: -0.01em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
h2 {
  font-family: Lab Grotesque;
  font-size: 64rem;
  font-weight: 500;
  line-height: 70.4rem;
  letter-spacing: -0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
a {
  text-decoration: none;
}

body.inner {
  background: white;
}
body.noscroll {
  overflow: hidden !important;
}

.absolute-hidden {
  display: none !important;
}
.no-decorations {
  text-decoration: none !important;
}
.noscroll {
  overflow: hidden !important;
}
.secondary-button {
  border-radius: 9999px;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 44rem;
  min-height: 44rem;
  background: #FF6B352E;
  color: #FFA500;
  font-family: Lab Grotesque;
  font-size: 14rem;
  font-weight: 400;
  line-height: 14rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
  transition: all 350ms;
  padding: 0 20rem;
}
.secondary-button:active, .secondary-button:hover {
  background: #FF6B35;
  color: #171717;
}
.secondary-button:disabled {
  opacity: .5;
}

.icon-button {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  border: none;
  background: none;
}

.popup {
  position: fixed;
  z-index: 50;
  height: 100%;
  width: 100%;
  left: 0;
  top: 110%;
  background: #D7DEEB;
  transition: all 350ms;
  overflow: hidden;
}
.popup.active {
  top: 0;
}
.popup .content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.popup .content .icon-button {
  position: absolute;
  right: 32rem;
  top: 32rem;
  z-index: 10;
}


main {
  display: flex;
  flex-direction: column;
  padding-top: 83rem;
}
footer {
  background: black;
  position: relative;
  padding: 80rem 0;
  overflow: visible;
}
footer article {
  width: 100%;
  max-width: 1264rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
footer article .logo {
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
}
footer article .logo svg {
  width: 100%;
}
footer article .footer-text {
  margin-bottom: 40rem;
}
footer article .footer-text h3 {
  font-family: 'Lab Grotesque', sans-serif;
  font-size: 32rem;
  font-weight: 600;
  line-height: 1.2;
  color: #FF8C00;
  margin: 0;
  text-align: center;
}
footer article .footer-contacts {
  margin-top: 30rem;
  text-align: center;
}
footer article .footer-contacts p {
  font-family: 'Lab Grotesque', sans-serif;
  font-size: 16rem;
  color: white;
  margin: 10rem 0;
}
footer article .footer-contacts a {
  color: #FF8C00;
  text-decoration: none;
  transition: color 0.3s ease;
}
footer article .footer-contacts a:hover {
  color: #ffa500;
  text-decoration: underline;
}
footer article .nav-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 50rem;
}
footer article .nav-grid .nav-items {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  padding-right: 80rem;
}
footer article .nav-grid .nav-items .column {
  display: flex;
  flex-direction: column;
  row-gap: 28rem;
}
footer article .nav-grid .contacts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
footer article .nav-grid .contacts .common, footer article .nav-grid .contacts .social {
  display: flex;
  flex-direction: column;
  row-gap: 24rem;
}
footer article .nav-grid .contacts .common a {
  color: #A4A4A4;
  transition: all 350ms;
  text-decoration: none;
  text-transform: uppercase;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
}
footer article .nav-grid .contacts .common a:hover {
  color: #FFFFFFC9;
}
footer article .nav-grid .contacts .common a:active {
  color: white;
}
footer article .nav-grid .contacts .common .phone {
  text-decoration: none;
  font-family: Lab Grotesque;
  font-size: 44.03rem;
  font-weight: 400;
  line-height: 40.03rem;
  letter-spacing: 0.14em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  cursor: pointer;
}
footer article .nav-grid .contacts .common .emails {
  display: flex;
  flex-direction: row;
}
footer article .nav-grid .contacts .common .emails a {
  font-family: Lab Grotesque;
  font-size: 14.01rem;
  font-weight: 400;
  line-height: 16.01rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
footer article .nav-grid .contacts .common .emails a:not(:last-of-type) {
  margin-right: 28rem;
}
footer article .nav-grid .contacts .social .links {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
footer article .nav-grid .contacts .social .links a {
  cursor: pointer;
}
footer article .nav-grid .contacts .social .links a svg {
  fill: #414141;
  transition: all 360ms;
}
footer article .nav-grid .contacts .social .links a:hover svg {
  fill: white;
}
footer article .nav-grid .contacts .social .links a:not(:last-of-type) {
  margin-right: 15rem;
}
footer article .nav-grid .contacts .social .copyright {
  font-family: Lab Grotesque;
  font-size: 14.01rem;
  font-weight: 400;
  line-height: 16.01rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #A4A4A4;
  text-transform: uppercase;
}
footer article .nav-grid .contacts .social .copyright span:after {
  content: url("data:image/svg+xml,%3Csvg width='15' height='4' viewBox='0 0 15 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.56621 0C1.81952 0 2.02602 0.0660801 2.18571 0.19824C2.34541 0.3304 2.42525 0.520381 2.42525 0.768181V2.15173H1.9916V1.59005C1.8622 1.99204 1.60201 2.19303 1.21103 2.19303C1.02931 2.19303 0.877879 2.13934 0.756732 2.03196C0.635586 1.92183 0.575012 1.77866 0.575012 1.60244C0.575012 1.39594 0.647976 1.24176 0.793902 1.13988C0.939829 1.03525 1.12568 0.970551 1.35145 0.945771L1.76032 0.904471C1.91451 0.890705 1.9916 0.821871 1.9916 0.697971C1.9916 0.596097 1.95168 0.514874 1.87183 0.454301C1.79474 0.393727 1.69287 0.36344 1.56621 0.36344C1.43681 0.36344 1.32667 0.396481 1.23581 0.462561C1.14771 0.528641 1.09126 0.625008 1.06648 0.751661L0.636962 0.648411C0.675509 0.450171 0.778759 0.29323 0.946713 0.17759C1.11467 0.0591968 1.32117 0 1.56621 0ZM1.35145 1.84198C1.53042 1.84198 1.68185 1.78279 1.80575 1.66439C1.92965 1.54325 1.9916 1.40283 1.9916 1.24313V1.12749C1.95856 1.18256 1.87872 1.21697 1.75206 1.23074L1.35145 1.2803C1.24683 1.29407 1.16285 1.32573 1.09952 1.37529C1.03895 1.4221 1.00866 1.4868 1.00866 1.5694C1.00866 1.652 1.03895 1.71808 1.09952 1.76764C1.16285 1.8172 1.24683 1.84198 1.35145 1.84198Z' fill='%23A4A4A4'/%3E%3Cpath d='M4.54085 0.640151V0.0413H4.9745V1.92458C4.9745 2.23571 4.86712 2.4959 4.65236 2.70515C4.4376 2.91441 4.1719 3.01903 3.85527 3.01903C3.63225 3.01903 3.43263 2.96534 3.25642 2.85796C3.08296 2.75058 2.95217 2.60603 2.86407 2.42431L3.25642 2.2302C3.31424 2.35135 3.39408 2.44634 3.49596 2.51517C3.60058 2.58676 3.72035 2.62255 3.85527 2.62255C4.048 2.62255 4.21045 2.5551 4.34261 2.42018C4.47477 2.28802 4.54085 2.12282 4.54085 1.92458V1.51158C4.47202 1.70432 4.36326 1.8585 4.21458 1.97414C4.06865 2.08978 3.89795 2.1476 3.70246 2.1476C3.42988 2.1476 3.20273 2.04573 3.02101 1.84198C2.83929 1.63548 2.74843 1.37942 2.74843 1.0738C2.74843 0.768181 2.83929 0.513497 3.02101 0.30975C3.20273 0.10325 3.42988 0 3.70246 0C3.89795 0 4.07003 0.0578201 4.21871 0.17346C4.36739 0.2891 4.47477 0.444664 4.54085 0.640151ZM3.8594 1.75112C4.05489 1.75112 4.21733 1.68642 4.34674 1.55701C4.47615 1.42761 4.54085 1.26654 4.54085 1.0738C4.54085 0.881068 4.47615 0.721374 4.34674 0.594721C4.21733 0.465314 4.05489 0.400611 3.8594 0.400611C3.67217 0.400611 3.51385 0.465314 3.38445 0.594721C3.25779 0.724128 3.19447 0.883821 3.19447 1.0738C3.19447 1.26654 3.25779 1.42761 3.38445 1.55701C3.51385 1.68642 3.67217 1.75112 3.8594 1.75112Z' fill='%23A4A4A4'/%3E%3Cpath d='M6.41471 0C6.75337 0 7.0287 0.121147 7.24071 0.36344C7.45272 0.605734 7.53945 0.898965 7.5009 1.24313H5.75391C5.7842 1.41384 5.86267 1.55288 5.98932 1.66026C6.11597 1.76489 6.26878 1.8172 6.44775 1.8172C6.58542 1.8172 6.70794 1.78416 6.81532 1.71808C6.92545 1.64925 7.01081 1.55701 7.07138 1.44137L7.43482 1.60244C7.34121 1.78141 7.20767 1.92458 7.03421 2.03196C6.86075 2.13934 6.66113 2.19303 6.43536 2.19303C6.11873 2.19303 5.85303 2.08841 5.63827 1.87915C5.42351 1.6699 5.31613 1.40971 5.31613 1.09858C5.31613 0.787454 5.42075 0.527264 5.63001 0.31801C5.84202 0.106003 6.10358 0 6.41471 0ZM6.41471 0.375831C6.25502 0.375831 6.11597 0.425391 5.99758 0.524511C5.88194 0.620878 5.80485 0.747531 5.7663 0.904471H7.06312C7.02733 0.747531 6.95023 0.620878 6.83184 0.524511C6.7162 0.425391 6.57716 0.375831 6.41471 0.375831Z' fill='%23A4A4A4'/%3E%3Cpath d='M9.04698 0C9.28652 0 9.482 0.0839768 9.63344 0.25193C9.78487 0.419884 9.86059 0.633267 9.86059 0.892081V2.15173H9.42694V0.958161C9.42694 0.795714 9.37462 0.662178 9.27 0.557551C9.16537 0.450171 9.03596 0.396481 8.88177 0.396481C8.70831 0.396481 8.56652 0.450171 8.45638 0.557551C8.34625 0.662178 8.29118 0.795714 8.29118 0.958161V2.15173H7.85753V0.0413H8.29118V0.586461C8.349 0.404741 8.44399 0.261567 8.57615 0.15694C8.71107 0.0523134 8.86801 0 9.04698 0Z' fill='%23A4A4A4'/%3E%3Cpath d='M10.5075 1.87915C10.2927 1.6699 10.1853 1.40971 10.1853 1.09858C10.1853 0.787454 10.2927 0.527264 10.5075 0.31801C10.7222 0.106003 10.9879 0 11.3046 0C11.5331 0 11.7368 0.0591968 11.9158 0.17759C12.0975 0.295984 12.2311 0.458431 12.3164 0.664931L11.9158 0.801221C11.8607 0.677321 11.7795 0.579577 11.6721 0.507991C11.5648 0.436404 11.4422 0.400611 11.3046 0.400611C11.1146 0.400611 10.9549 0.468067 10.8255 0.602981C10.6961 0.735141 10.6314 0.900341 10.6314 1.09858C10.6314 1.29682 10.6961 1.46202 10.8255 1.59418C10.9549 1.72634 11.1146 1.79242 11.3046 1.79242C11.4422 1.79242 11.5648 1.75801 11.6721 1.68917C11.7823 1.61759 11.8635 1.51847 11.9158 1.39181L12.3164 1.5281C12.2311 1.7346 12.0975 1.89705 11.9158 2.01544C11.7368 2.13384 11.5331 2.19303 11.3046 2.19303C10.9879 2.19303 10.7222 2.08841 10.5075 1.87915Z' fill='%23A4A4A4'/%3E%3Cpath d='M13.3679 2.03196L14.037 0.0413H14.4789L13.4877 2.97773H13.0458L13.3266 2.15173H12.9838L12.2652 0.0413H12.736L13.3679 2.03196Z' fill='%23A4A4A4'/%3E%3C/svg%3E");
  position: absolute;
  margin-top: 2rem;
  margin-left: 1rem;
}
footer article .special-links {
  display: none;
  flex-direction: column;
  row-gap: 10rem;
}
footer article .nav-grid .special, footer article .links .special {
  position: absolute;
  bottom: -44rem;
  font-family: Lab Grotesque;
  font-weight: 400;
  font-size: 14.01rem;
  line-height: 16.01rem;
  letter-spacing: 2%;
  text-decoration: underline #FF8C00 !important;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
  text-transform: unset !important;
  color: #FF8C00 !important;
  opacity: .4;
  cursor: pointer !important;
  transition: all 350ms;
}
footer article .special-links .special {
  position: relative;
  bottom: 0 !important;
}
footer article .nav-grid .special:hover,
footer article .nav-grid .special:active,
footer article .links .special:hover,
footer article .links .special:active{
  opacity: .8;
}
footer article .links .special.alt, footer article .nav-grid .special.alt {
  pointer-events: none;
  text-decoration: none !important;
}
footer .footer-gradient {
  background: linear-gradient(180deg, #000000 0%, #FF6B35 100%);
  opacity: 0.45;
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  z-index: 1;
}
footer .footer-gradient p {
  font-family: 'Lab Grotesque', sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 0;
  position: relative;
  z-index: 10;
  opacity: 1;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

header {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100vw;
  background: black;
  display: flex;
  flex-direction: column;
  padding: 20rem 0;
}
header .inner-radius.hidden {
  display: none;
}
header .inner-radius {

  width: 100%;
  height: 25rem;
  position: fixed;
  top: 84rem;
  box-sizing: border-box;
}
header .inner-radius .mask {
  width: 100%;
  height: 25rem;
  max-width: 1376rem;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  position: relative;
}
header .inner-radius .mask:before {
  content: "";
  position: absolute;
  z-index: 19;
  left: 0rem;
  background-color: transparent;
  height: 30rem;
  width: 30rem;
  border-bottom-right-radius: 94%;
  box-shadow: 57px 57px 0 13rem black;
  rotate: 180deg;
}
header .inner-radius .mask:after {
  content: "";
  position: absolute;
  z-index: 19;
  right: 0rem;
  background-color: transparent;
  height: 30rem;
  width: 30rem;
  border-bottom-right-radius: 94%;
  box-shadow: 57px 57px 0 13rem black;
  rotate: -90deg;
}
.inner header .inner-radius .mask:before, .inner header .inner-radius .mask:after {
  box-shadow: 57px 57px 0 13rem white;
}
header .top-nav {
  width: 100%;
  max-width: 1376rem;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  z-index: 20;
}
header .top-nav a.logo {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  border: none;
  cursor: pointer;
}
header .top-nav a.logo svg {
  fill: white;
}
header .top-nav a.logo .logo-text {
  color: white;
  font-family: 'Lab Grotesque', sans-serif;
  font-size: 24rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
}
header .top-nav .nav-items {
  display: flex;
  flex-direction: row;
  align-items: center;
}
header .top-nav .nav-items .item,
footer article .nav-grid .nav-items .column a {
  text-decoration: none;
  text-transform: uppercase;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  font-family: Lab Grotesque;
  font-size: 14rem;
  font-weight: 400;
  line-height: 16rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #A4A4A4;
  transition: all 350ms;
  white-space: nowrap;
}
header .top-nav .nav-items .item {
  padding: 10rem;
}
header .top-nav .nav-items .item:hover,
footer article .nav-grid .nav-items .column a:hover {
  color: #FFFFFFC9;
}
header .top-nav .nav-items .item:active,
footer article .nav-grid .nav-items .column a:active {
  color: #FFFFFF;
}
header .top-nav .nav-items .item:not(:last-of-type) {
  margin-right: 34rem;
}
header .mobile-nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 0;
  overflow: hidden;
  overflow-y: auto;
  left: 0;
  top: 64rem;
  background: black;
  transition: all 350ms;
  padding: 0 16px;
  box-sizing: border-box;
  z-index: 20;
}
header .mobile-nav .nav-items {
  display: grid;
  flex-direction: column;
  row-gap: 28rem;
  margin-top: 24rem;
}
header .mobile-nav .nav-items .item {
  font-family: Lab Grotesque;
  font-size: 16rem;
  font-weight: 400;
  line-height: 16rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #A4A4A4;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 350ms;
}
header .mobile-nav .nav-items .item:hover {
  color: #FFFFFFC9;
}
header .mobile-nav .nav-items .item:active {
  color: #FFFFFF;
}
header .mobile-nav .contacts {
  display: grid;
  flex-direction: column;
  row-gap: 24rem;
  margin-top: 42rem;
}
header .mobile-nav .contacts a {
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 350ms;
  color: #A4A4A4;
  font-family: Lab Grotesque;
  font-size: 14rem;
  font-weight: 400;
  line-height: 16.01rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
header .mobile-nav .contacts a.phone {
  font-family: Lab Grotesque;
  font-size: 32rem;
  font-weight: 400;
  line-height: 40.03rem;
  letter-spacing: 0.14em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
header .mobile-nav .secondary-button {
  width: 100%;
  justify-content: center;
  margin-top: 42rem;
}
header .mobile-nav .links {
  margin-bottom: 24rem;
  margin-top: 42rem;
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
header .mobile-nav .links a {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  border: none;
}
header .mobile-nav .links a:not(:last-of-type) {
  margin-right: 20rem;
}
header .mobile-nav .links svg {
  fill: #414141;
  transition: all 360ms;
}
header .mobile-nav .links a:hover svg, header .mobile-nav .links a:active svg {
  fill: white;
}
.inner header .mobile-nav .links a:hover svg, .inner header .mobile-nav .links a:active svg {
  fill: #FF7F50;
}

.inner header {
  background: white;
}
.inner header .top-nav a.logo svg {
  fill: black;
}
.inner header .top-nav a.logo .logo-text {
  color: black;
}
.inner header .top-nav .nav-items .item,
.inner header .mobile-nav .nav-items .item, .inner header .mobile-nav .contacts a {
  color: #383838;
}
.inner header .top-nav .nav-items .item:hover,
.inner header .mobile-nav .nav-items .item:hover, .inner header .mobile-nav .contacts a:hover {
  color: #38383880;
}
.inner header .top-nav .nav-items .item.active {
  background: #DDE6F5;
  border-radius: 13rem;
  padding: 10rem;
}
.inner header .mobile-nav {
  background: white;
}
.inner header .secondary-button {
  background: #FF8C00;
  color: #242424;
}
.inner header .secondary-button:active, .inner header .secondary-button:hover {
  background: #FF8C0080;
  color: #171717;
}

.popup .content .form, .popup .content .login {
  display: none;
}
.popup .content .form.active, .popup .content .login.active {
  display: flex;
}
.popup .form {
  z-index: 1;
  width: 100%;
  max-width: 100%;
  background: linear-gradient(0deg, #DDE6F5 83.5%, #000000 100%);
  overflow: hidden;
  padding: 440rem 32rem 144rem;
  overflow: auto;
  border-bottom-left-radius: 25rem;
  border-bottom-right-radius: 25rem;
  margin-top: -350rem;
  transition: all 350ms;
}
.popup .form::-webkit-scrollbar {
  width: 10rem;
  background-color: transparent;
  margin-top: 25rem;
  margin-right: 10rem;
}
.popup .form::-webkit-scrollbar-track {

  border-radius: 10rem;
  background-color: white;
  margin: 25rem;
}
.popup .form::-webkit-scrollbar-thumb {
  border-radius: 10rem;
  background-color: #ABB4C3;
}
.popup .form article {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 1;
  gap: 40rem;
  width: 100%;
}
.popup .form h2 {
  color: #171717;
  text-transform: uppercase;
}
.popup .form p.description {
  font-family: Lab Grotesque;
  font-size: 20rem;
  font-weight: 500;
  line-height: 28rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
  color: #383838;
  margin-top: 16rem;
}
.popup .form form {
  display: flex;
  flex-direction: column;
}
.popup .form form .radio {
  display: flex;
  flex-direction: row;
}
.popup .form form .radio select {
  display: none;
}
.popup .form form .radio label {
  height: 60rem;
  border: 1rem solid #383838;
  border-radius: 20rem;
  box-sizing: border-box;
  font-family: Lab Grotesque;
  font-size: 16rem;
  font-weight: 500;
  line-height: 16rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
  padding: 22rem 10.5rem;
  color: #383838;
  white-space: nowrap;
  cursor: pointer;
  transition: all 350ms;
}
.popup .form form .radio label.active {
  background: #FF6B35 !important;
  border-color: #FF6B35 !important;
  color: white;
}
.popup .form form .radio label:hover, .popup .form form .radio label:active {
  background: #FF6B352B;
  border-color: #FF6B352B;
}
.popup .form form .radio label:not(:last-of-type) {
  margin-right: 8rem;
}
.popup .form form .fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 44rem;
  column-gap: 32rem;
  margin-top: 44rem;
  margin-bottom: 40rem;
}
.popup .form form .fields .field {
  position: relative;
  height: 33rem;
  border-bottom: #383838 solid 1rem;
  box-sizing: border-box;
}
.popup .form form .fields .field.hidden {
  display: none;
}
.popup .form form .fields .field.long {
  grid-column: span 2 / span 2;
}
.popup .form form .fields .field:has(textarea) {
  height: unset;
  min-height: 33rem;
}
.popup .form form .fields .field .error {
  font-family: Lab Grotesque;
  font-size: 14rem;
  font-weight: 300;
  line-height: 16rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #B62B2B;
  position: absolute;
  right: 0;
  top: 3rem;
  pointer-events: none;
  cursor: auto;
  display: none;
}
.popup .form form .fields .field input, .popup .form form .fields .field textarea {
  background: transparent;
  outline: none;
  border: none;
  width: 100%;
  max-width: 100%;
  color: #383838;
  font-family: Lab Grotesque;
  font-size: 16rem;
  font-weight: 500;
  line-height: 16rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.popup .form form .fields .field input::placeholder, .popup .form form .fields .field textarea::placeholder {
  color: #383838;
}
.popup .form form .fields .field input[type=file], .popup .form form .fields .field input.invisible {
  display: none;
}
.popup .form form .fields .field.invalid {
  border-bottom-color: #B62B2B;
}
.popup .form form .fields .field.invalid input, .popup .form form .fields .field.invalid input::placeholder {
  color: #B62B2B;
}
.popup .form form .fields .field.invalid .error {
  display: block;
}
.popup .form form .fields .field .file-input, .popup .form form .fields .field .selector-input {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #383838;
}
.popup .form form .fields .field .file-input label,
.popup .form form .fields .field .selector-input label {
  cursor: pointer;
  font-family: Lab Grotesque;
  font-size: 16rem;
  font-weight: 500;
  line-height: 16rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  max-width: calc(100% - 36rem);
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.popup .form form .submit-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 40rem;
}

.popup .form form {
  max-width: 698rem;
}
.popup .form form .agreement-disclaimer {
  font-family: Lab Grotesque;
  font-weight: 911;
  font-size: 16rem;
  line-height: 100%;
  letter-spacing: -4%;
  color: #737A87;
}
.popup .form form .agreement-disclaimer.hidden {
  display: none !important;
}
.popup .form form.agreement-disclaimer.hidden, .popup .form form .submit-container .agreement.hidden  {
  display: none;
}
section.form form .agreement-disclaimer a, .popup .form form .agreement-disclaimer a {
  text-decoration: underline;
  color: #737A87;
}
.popup .form form .submit-container .agreement {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20rem;
}
.popup .form form .submit-container .agreement div {
  position: relative;
  height: 32rem;
  width: 32rem;
  min-height: 32rem;
  min-width: 32rem;
}
.popup .form form .submit-container .agreement div label {
  position: absolute;
}
.popup .form form .submit-container .agreement label input {
  accent-color: #FF7F50;
}
.popup .form form .submit-container .agreement label input + label {
  display: inline-block;
  height: 32rem;
  width: 32rem;
  border: 1rem solid #FF7F50;
  border-radius: 8rem;
  cursor: pointer;
  position: absolute;
  background: #DDE6F5;
  transition: all 350ms;
  padding: 0;
}
.popup .form form .submit-container .agreement label input:checked + label {
  background: #FF7F50;
}
.popup .form form .submit-container .agreement label:has(input:checked) {
  border-color: #FF7F50;
}
.popup .form form .submit-container .agreement label input:checked + label:after {
  display: flex;
  margin-left: 5rem;
  margin-top: 3rem;
}
.popup .form form .submit-container .agreement label input + label {
  position: relative;
}
.popup .form form .submit-container .agreement label input + label svg {
  margin-left: 5rem;
  margin-top: 3rem;
  opacity: 0;
  transition: all 350ms;
}
.popup .form form .submit-container .agreement label input:checked + label svg {
  opacity: 1;
}
.popup .form form .submit-container .agreement label input {
  display: none;
}
.popup .form form .submit-container p {
  font-family: Lab Grotesque;
  font-size: 16rem;
  font-weight: 911;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #737A87;
}
.popup .form form .submit-container p a {
  color: #737A87;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
}

.popup .form form .fields .field .autocomplete {
  background: #F8F8F8;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 100%;
  margin-top: 1rem;
  border-radius: 0 0 25rem 25rem;
  box-sizing: border-box;
  max-height: 0rem;
  transition: all 350ms;
  overflow: hidden;
}
.popup .form form .fields .field .selector-input svg {
  transition: all 350ms;
  rotate: 0deg;
}
.popup .form form .fields .field.active .selector-input svg {
  rotate: 180deg;
}

.popup .content .submit-success {
  display: none;
  flex-direction: column;
  row-gap: 40rem;
  position: relative;
  padding: 140rem 120rem 0;
  width: 100%;
}
.popup .content .submit-success.active {
  display: flex;
}
.popup .content .submit-success h2 {
  margin: 0 auto;
  font-family: Lab Grotesque;
  font-weight: 500;
  font-size: 64rem;
  line-height: 110.00000000000001%;
  letter-spacing: -2%;
  text-align: center;
  text-transform: uppercase;
  color: #171717;
  position: relative;
  z-index: 1;
}
.popup .content .submit-success p.description {
  max-width: 60%;
  margin: 0 auto;
  font-family: Lab Grotesque;
  font-weight: 400;
  font-size: 20rem;
  line-height: 140%;
  letter-spacing: 3%;
  text-align: center;
  text-transform: uppercase;
  color: #383838;
  position: relative;
  z-index: 1;
}
.popup .content .submit-success p.description.hidden {
  display: none;
}
.popup .content .submit-success .action-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.popup .content .submit-success img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -15%;
  left: 0;
  z-index: 0;
}

.popup .form form .fields .field.active .autocomplete {
  max-height: 226rem;
}
.popup .form form .fields .field .autocomplete .item {
  font-family: Lab Grotesque;
  font-weight: 500;
  font-size: 16rem;
  line-height: 16rem;
  letter-spacing: 2%;
  text-transform: uppercase;
  color: #383838;
  padding: 0 20rem;
  cursor: pointer;
  background: transparent;
  transition: all 350ms;
}
.popup .form form .fields .field .autocomplete .item:hover,
.popup .form form .fields .field .autocomplete .item:active {
  background: #adb3c6;
}
.popup .form form .fields .field .autocomplete .item:last-of-type {
  border-bottom-left-radius: 25rem;
  border-bottom-right-radius: 25rem;
}
.popup .form form .fields .field .autocomplete .item .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10rem;
  border-bottom: #3838381a solid 1rem;
  padding: 20rem 0;
}
.popup .form form .fields .field .autocomplete .item:last-of-type .content {
  border-bottom: none;
}
.popup .form form .fields .field .autocomplete.scroll {
  overflow: auto;
}
.popup .form form .fields .field .autocomplete.scroll::-webkit-scrollbar {
  width: 5rem;
  background-color: transparent;
  margin-top: 25rem;
  margin-right: 5rem;
}
.popup .form form .fields .field .autocomplete.scroll::-webkit-scrollbar-track {

  border-radius: 5rem;
  background-color: white;
  margin: 25rem;
}
.popup .form form .fields .field .autocomplete.scroll::-webkit-scrollbar-thumb {
  border-radius: 5rem;
  background-color: #ABB4C3;
}

.popup .form .form-details {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.popup .form .form-details-mobile {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 0;
}
.popup .button {
  height: 60rem;
  border-radius: 9999px;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;

}
.popup .arrow-button {
  justify-content: space-between;
  padding-left: 24rem;
  padding-right: 8rem;
  background: #FF8C00;
  position: relative;
  z-index: 5;
  border: 1px solid #FF8C0080;
  text-transform: uppercase;
  color: #171717;
  font-family: Lab Grotesque;
  font-size: 16rem;
  font-weight: 500;
  line-height: 16rem;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  transition: all 350ms;
  white-space: nowrap;
  overflow: hidden;
}
.popup .arrow-button svg {
  margin-left: 16rem;
}
.popup .arrow-button svg rect {
  fill: white;
}
.popup .arrow-button:before {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  border-radius: 9999px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #FF6B35 0%, #FF8C00 100%);
  transition: opacity 350ms ease-in-out;
  z-index: -1000;
}
.popup .arrow-button:hover::before {
  opacity: 1;
}

.cookie-popup {
  position: fixed;
  right: 24rem;
  bottom: 0;
  z-index: 10;
  background: white;
  width: 406rem;
  border-radius: 25rem;
  box-sizing: border-box;
  padding: 26rem 30rem 22rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 18rem;
}
.cookie-popup.active {
  display: flex;
}
.inner .cookie-popup {
  background: #383838;
}
.cookie-popup p {
  font-family: Lab Grotesque;
  font-weight: 911;
  font-size: 20rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: black;
}
.cookie-popup p a {
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
  cursor: pointer;
  color: black;
}
.inner .cookie-popup p, .inner .cookie-popup p a {
  color: white;
}
.cookie-popup button {
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  background: #FF6B352E;
  height: 44rem;
  box-sizing: border-box;
  border-radius: 25rem;
  font-family: Lab Grotesque;
  font-weight: 400;
  font-size: 14rem;
  line-height: 16rem;
  letter-spacing: 2%;
  text-transform: uppercase;
  color: black;
  padding: 0 20rem;
  transition: all 350ms;
}
.cookie-popup button:hover, .cookie-popup button:active {
  background: #FF6B3580;
}
.inner .cookie-popup button {
  background: #FF6B3580;
  color: white;
}
.cookie-popup button:hover, .cookie-popup button:active {
  background: #FF6B35AA;
}


@media screen and (max-width: 3600px) {
  header .inner-radius .mask:after, header .inner-radius .mask:before {
    box-shadow: 46px 46px 0 13rem black;
  }
  .inner header .inner-radius .mask:before, .inner header .inner-radius .mask:after {
    box-shadow: 46px 46px 0 13rem white;
  }
}
@media screen and (max-width: 3600px) {
  header .inner-radius .mask:after, header .inner-radius .mask:before {
    box-shadow: 46px 46px 0 13rem black;
  }
  .inner header .inner-radius .mask:before, .inner header .inner-radius .mask:after {
    box-shadow: 46px 46px 0 13rem white;
  }
}
@media screen and (max-width: 3200px) {
  header .inner-radius .mask:after, header .inner-radius .mask:before {
    box-shadow: 36px 36px 0 13rem black;
  }
  .inner header .inner-radius .mask:before, .inner header .inner-radius .mask:after {
    box-shadow: 36px 36px 0 13rem white;
  }
}
@media screen and (max-width: 2800px) {
  header .inner-radius .mask:after, header .inner-radius .mask:before {
    box-shadow: 26px 26px 0 13rem black;
  }
  .inner header .inner-radius .mask:before, .inner header .inner-radius .mask:after {
    box-shadow: 26px 26px 0 13rem white;
  }
}
@media screen and (max-width: 2200px) {
  header .inner-radius .mask:after, header .inner-radius .mask:before {
    box-shadow: 20px 20px 0 13rem black;
  }
  .inner header .inner-radius .mask:before, .inner header .inner-radius .mask:after {
    box-shadow: 20px 20px 0 13rem white;
  }
}

@media screen and (max-width: 1440px) {
  header .top-nav, header .inner-radius .mask {
    width: auto;
    max-width: unset;
    margin-left: 24rem;
    margin-right: 24rem;
  }
  header .inner-radius .mask:before, header .inner-radius .mask:after {
    box-shadow: 20px 20px 0 20rem black;
  }
  .inner header .inner-radius .mask:before, .inner header .inner-radius .mask:after {
    box-shadow: 20px 20px 0 20rem white;
  }
  header .top-nav .nav-items .item:not(:last-of-type) {
    margin-right: 25rem;
  }
  .popup .form article {
    margin: 0;
  }
}
@media screen and (max-width: 1400px) {

  .popup .form {
    padding-top: 440rem;
    height: auto;
  }
  .popup .form article {
    max-width: -webkit-fill-available;
    flex-direction: column;
    row-gap: 36rem;
    justify-content: unset;
  }
  .popup .form .form-details-mobile {
    display: block;
  }
  .popup .form .form-details {
    display: none;
  }
}
@media screen and (max-width: 1312px) {
  footer article, header .top-nav {
    width: auto;
    max-width: unset;
    margin-left: 24rem;
    margin-right: 24rem;
  }
  footer article .nav-grid .nav-items {
    padding-right: 70rem;
  }
}
@media screen and (max-width: 1250px) {
  footer article .nav-grid .contacts .common .phone {
    font-size: 32.03rem;
    line-height: 34.03rem;
  }
}
@media screen and (max-width: 1100px) {
  h2 {
    font-size: 50rem;
    line-height: 56rem;
  }

  header .top-nav .nav-items .item.l-hide {
    display: none;
  }
  header .top-nav .nav-items .item:not(:last-of-type) {
    margin-right: 20rem;
  }
}
@media screen and (max-width: 1050px) {
  .popup .form article .details h2 {
    font-size: 55rem;
    line-height: 60rem;
  }
  footer article .nav-grid .special {
    font-size: 12rem !important;
  }
}
@media screen and (max-width: 1000px) {
  footer article .nav-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 40rem;
  }
  footer article .nav-grid .contacts {
    flex-direction: column;
    row-gap: 64rem;
  }
  footer article .nav-grid .contacts .common, footer article .nav-grid .contacts .social {
    row-gap: 11rem;
  }
  footer article .nav-grid .contacts .social .links {
    align-items: flex-start;
    justify-content: flex-start;
  }
  footer article .nav-grid .special {
    display: none;
  }
  footer article .special-links .special {
    display: block;
  }
  footer article .special-links {
    display: flex;
  }
  footer .footer-gradient {
    bottom: 0;
  }
  .popup .content .submit-success img {
    bottom: -0%;
  }
}
@media screen and (max-width: 950px) {
  header .top-nav .nav-items .item.m-hide {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  h1 {
    font-size: 42rem;
    line-height: 46.2rem;
  }
  h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
  main {
    padding-top: 64rem;
  }
  .noscroll main {
    overflow-y: hidden !important;
  }
  header .top-nav .nav-items, header .top-nav .secondary-button {
    display: none;
  }
  .burger {
    display: unset;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
  }
  .burger span {
    position: relative;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 26rem;
    border-radius: 2rem;
    background: white;
    height: 2rem;
  }
  .active .burger span:first-child {
    -webkit-transform: translateY(8rem) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .active .burger span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  .active .burger span:last-child {
    -webkit-transform: translateY(-8rem) rotate(45deg);
    -ms-transform: translateY(-8rem) rotate(45deg);
    transform: translateY(-8rem) rotate(45deg);
  }
  .active .mobile-nav {
    height: calc(100% - 64rem);
  }
  header .inner-radius {
    top: 64rem;
  }
  header .inner-radius .mask {
    margin-right: 16rem;
    margin-left: 16rem;
  }

  footer article, header .top-nav {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  footer article .nav-grid {
    margin-top: 64rem;
    row-gap: 64rem;
  }
  footer article .nav-grid .nav-items {
    padding-right: 20rem;
  }
  footer article .nav-grid .contacts .social .links a:not(:last-of-type) {
    margin-right: 20rem;
  }

  .inner .burger span {
    background: #383838;
  }

  .popup .form {
    padding: 382rem 16rem 64rem;
  }
  .popup .form article .details h2, section.create .text h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
  .popup .form form .radio {
    width: calc(100% + 48rem);
    margin-left: -32rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    align-items: center;
    justify-content: flex-start;

    box-sizing: border-box;
    overflow: hidden;

    overflow-x: auto;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-behavior: smooth;

    white-space: nowrap;
  }
  .popup .form form .radio label {
    font-size: 12rem;
    line-height: 16rem;
    padding: 13rem 18rem;
    height: 42rem;
    border-radius: 10rem;
    border: transparent;
  }
  .popup .form form .radio label:first-of-type {
    margin-left: 32rem;
  }
  .popup .form form .radio label:last-of-type {
    margin-right: 24rem;
  }
  .popup .form form .fields {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-top: 42rem;
    margin-bottom: 42rem;
    row-gap: 36rem;
  }
  .popup .form form .fields .field input {
    font-size: 14rem;
  }
  .popup .form form .fields .field.long {
    grid-column: unset;
  }
  .popup .form form .submit-container .button {
    width: auto;
  }

  .popup .content .submit-success {
    row-gap: 20rem;
    padding: 80rem 16rem 0;
  }
  .popup .content .submit-success h2 {
    margin: 0 auto;
    font-size: 32rem;
    line-height: 40rem;
  }
  .popup .content .submit-success p.description {
    max-width: unset;
    font-size: 16rem;
    line-height: 26rem;
  }
  .popup .content .submit-success .action-holder {
    margin-top: 0;
  }
  .popup .content .submit-success .arrow-button {
    width: auto !important;
  }
  .popup .content .submit-success img {
    width: 180%;
    left: -40%;
  }

  section.form {
    overflow: hidden;
  }
}
@media screen and (max-width: 600px) {
  .popup .form {
    padding-bottom: 32rem;
  }
  .popup .form article .submit-container {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 16rem;
  }
  .popup .form article .submit-container p {
    margin: 0;
    font-size: 12rem;
    line-height: 14.4rem;
  }
}
@media screen and (max-width: 550px) {
  footer article .nav-grid .nav-items {
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
    row-gap: 24rem;
    padding-right: 0;
  }
  footer article .nav-grid .nav-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 33rem;
  }
  footer article .nav-grid .contacts .common .phone {
    font-size: 36.7rem;
    line-height: 45.91rem;
    letter-spacing: 0.14em;
  }
  footer article .nav-grid .contacts .common .emails {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 33rem;
  }
  footer .footer-gradient {
    bottom: 0;
  }

  .popup .button {
    height: 48rem;
    width: 100%;
  }
  .popup .arrow-button {
    padding-left: 20rem;
    padding-right: 4rem;
  }
  .popup .arrow-button svg {
    margin-left: 16rem;
    max-height: 40rem;
    max-width: 40rem;
  }

  .cookie-popup {
    left: 16rem;
    right: 16rem;
    width: auto;
    row-gap: 10rem;
  }
  .cookie-popup p {
    font-size: 16rem;
  }
}



@media screen and (max-width: 1300px) {
  html {
    font-size: 0.076923vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 1250px) {
  html {
    font-size: 0.08vw;//0.0520833333vw;// 1/1250
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 0.08333vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 1150px) {
  html {
    font-size: 0.08695vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 1050px) {
  html {
    font-size: 0.095238vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 1000px) {
  html {
    font-size: 0.1vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 900px) {
  html {
    font-size: 0.11111vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 0.125vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 700px) {
  html {
    font-size: 0.142857vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: 0.166666vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 550px) {
  html {
    font-size: 0.181818vw;//0.0520833333vw;// 1/1920
  }
}
@media screen and (max-width: 450px) {
  html {
    font-size: 0.22222vw;//0.0520833333vw;// 1/1920
  }
}

.submit-container .button-container {
  display: flex;
  align-items: center;
  gap: 32rem;
}
.submit-container .arrow-button {
  overflow: visible;
}
.submit-container .arrow-button .disabled,
.submit-container .arrow-button:disabled svg {
  display: none;
  transition: all 350ms;
}
.submit-container .arrow-button:disabled {
  cursor: default;
}
.submit-container .arrow-button:disabled .disabled {
  display: block;
  -webkit-animation:disabled- 2s linear infinite;
  -moz-animation:disabled- 2s linear infinite;
  animation:disabled-spin 2s linear infinite;
}
.submit-container .submit-error {
  font-family: Lab Grotesque;
  font-weight: 911;
  font-size: 16rem;
  line-height: 100%;
  letter-spacing: -4%;
  color: #383838;
}
.submit-container .agreement.invalid p, .form form .fields .field.invalid .file-input, .form form .fields .field.invalid .selector-input {
  color: #B62B2B !important;
}
@media screen and (max-width: 450px) {
  .submit-container .button-container {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 24rem;
  }
}
@-moz-keyframes disabled-spin {
  100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes disabled-spin {
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes disabled-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform:rotate(360deg);
  }
}

.ecp-documents h1 {
  color: #FF8C00;
}

.ecp-buy {
  color: #FF8C00;
}

.ecp-summary {
    color: #FF8C00;
    background-color: #000;
    border-radius: 16px;
    padding: 2rem;
    margin: 2rem 0;
}

.ecp-summary ul {
    list-style: none;
    padding: 20rem;
    margin: 20rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Три колонки равной ширины */
    gap: 1.5rem;
}

.ecp-summary li {
    font-size: 20rem;
    color: #242424;
    background-color: #F8F8F8;
    padding: 2rem 1.5rem;
    border-radius: 12px;
    border: 1px solid #4d4d4d;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 180px; /* Фиксированная высота для выравнивания */
    text-align: center;
}

.ecp-summary li:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
    border-color: #C9D0DD;
    background-color: #C9D0DD;
}

.ecp-summary li::before {
    content: "✓";
    color: #FFA500;
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 1rem;
    display: block;
}

/* Для акцентного элемента */
.ecp-summary li.highlight {
    background: linear-gradient(145deg, #FFA500, #FF8C00);
    border: 2px solid #B62B2B;
    transform: scale(1.05);
}

.ecp-summary li.highlight::before {
    color: #B62B2B;
}

/* Адаптивность для мобильных */
@media (max-width: 992px) {
    .ecp-summary ul {
        grid-template-columns: repeat(2, 1fr); /* Две колонки на планшетах */
    }
    
    .ecp-summary li:nth-child(3) {
        grid-column: span 2; /* Третий пункт занимает две колонки */
    }
}

@media (max-width: 768px) {
    .ecp-summary {
        padding: 1.5rem;
        margin: 1.5rem 0;
    }
    
    .ecp-summary ul {
        grid-template-columns: 1fr; /* Одна колонка на телефонах */
        gap: 1rem;
    }
    
    .ecp-summary li:nth-child(3) {
        grid-column: span 1;
    }
    
    .ecp-summary li {
        padding: 1.5rem 1rem;
        min-height: 150px;
    }
    
    .ecp-summary li::before {
        font-size: 1.8em;
        margin-bottom: 0.8rem;
    }
}

/* Дополнительные декоративные элементы */
.ecp-summary li::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 8px;
    background: linear-gradient(90deg, #FF8C00, #B62B2B);
    border-radius: 0 0 4px 4px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ecp-summary li:hover::after {
    opacity: 1;
}

/* -------------------------------- */
.ecp-documents {
    padding: 80px 0;
}

.services-content__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.services-content__list__item {
    transition: transform 0.3s ease;
}

.services-content__list__item:hover {
    transform: translateY(-5px);
}

.it-card {
    background: white;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(150, 152, 154, 0.2);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.it-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    border-color: rgba(170, 230, 50, 0.3);
}

.it-card__flex-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 0;
}

.it-card__icon-box {
    margin-bottom: 0;
}

.it-card__icon {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.it-card__title {
    color: #333;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    transition: all 0.3s ease;
    flex: 1;
}

.it-card__title:hover {
    color: rgb(170, 230, 50);
}

.it-card__button {
    display: inline-block;
    background: rgb(170, 230, 50);
    color: white !important;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid rgb(170, 230, 50);
}

.it-card__button:hover {
    background: transparent;
    color: rgb(170, 230, 50) !important;
    transform: translateY(-2px);
}

/* Стили для hover эффекта (замена title на button) */
.it-card {
    position: relative;
    overflow: hidden;
}

.it-card__title {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.it-card__button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    transition: all 0.3s ease;
    width: calc(100% - 60px);
}

.it-card:hover .it-card__title {
#    opacity: 0;
    transform: translateY(-10px);
}

.it-card:hover .it-card__button {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Адаптивность */
@media (max-width: 768px) {
    .services-content__list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .it-card {
        padding: 20px;
    }
    
    .it-card__button {
        width: calc(100% - 40px);
    }
}

/* -------------------------------- */

.ecp-buy {
    font-size: 32px;
}

.ecp-buy p {
    text-align: center;
}