* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
html._modal-show .modal-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body {
  background: linear-gradient(90deg, #F2F1F8 0%, #F6F4FD 50.08%, #F2F1F8 100%);
  font-size: 16px;
  font-family: "Space Mono", monospace;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

button, input, textarea {
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  box-shadow: none;
  outline: none;
  font-family: "Space Mono", monospace;
}

.logo svg {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .logo {
    max-width: 116px;
  }
}

.container {
  max-width: 1400px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
  .container {
    max-width: 1120px;
  }
}
@media screen and (max-width: 480px) {
  .container {
    padding: 0 16px;
  }
}

.row {
  display: flex;
}

svg {
  display: block;
  flex: none;
}

.swiper-pagination {
  position: relative;
  margin-top: 48px;
}
.swiper-pagination-bullet {
  width: 24px;
  height: 16px;
  border-radius: 20px;
  background-color: #494B4A;
  opacity: 1;
  margin: 0 8px;
}
.swiper-pagination-bullet-active {
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
}

.form-field {
  position: relative;
  display: inline-flex;
  border-radius: 8px;
  padding: 2px;
  background: linear-gradient(180deg, #E7EDFC 19.94%, rgba(255, 255, 255, 0.53) 91.99%);
}
.form-field.invalid {
  background: linear-gradient(180deg, #494B4A 0%, #314146 100%);
}
.form-field.invalid .form-message {
  display: block;
}
.form__input, .form__textarea {
  font-family: "Space Mono", monospace;
  background: #FCFEFF;
  font-size: 16px;
  padding: 16px 24px;
  width: 100%;
  color: #494B4A;
  border-radius: 6px;
  border: 2px solid transparent;
}
.form-message {
  position: absolute;
  bottom: -16px;
  left: 0;
  font-size: 12px;
  color: #494B4A;
  display: none;
}

img:not(.section-bg) {
  display: block;
  max-width: 100%;
  height: auto;
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  gap: 10px;
  border-radius: 16px;
  padding: 16px 24px;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .btn {
    font-size: 14px;
  }
}
.btn svg {
  flex: none;
}
.btn--center {
  left: 50%;
  transform: translateX(-50%);
}
.btn--accent {
  color: #fff;
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
}
.btn--shadow-white {
  box-shadow: -3px -9px 12px #FFFFFF, 3px 9px 13px rgba(0, 90, 140, 0.1);
}
.btn--shadow-dark {
  box-shadow: 3px 9px 13px rgba(0, 90, 140, 0.1);
}
.btn--bd {
  border: 2px solid #fff;
}
.btn--light {
  background-color: #fff;
}
.btn--light span {
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.page {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.section-title {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 28px;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 1.47;
  gap: 16px;
  padding: 0 1em;
}
@media screen and (max-width: 1600px) {
  .section-title {
    font-size: 24px;
  }
}
.section-title--dark {
  color: #494B4A;
}
.section-title--dark::after {
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='51' viewBox='0 0 68 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.66166 40.0867L9.35291 46.6232C9.49828 46.9763 9.89752 47.1542 10.2602 47.0321L66.7123 27.5165C66.9159 27.4436 67.0517 27.3116 67.1403 27.1176C67.2242 26.9255 67.2222 26.7361 67.14 26.5363L61.8974 14.5684C61.819 14.3779 61.6769 14.2571 61.4886 14.1825C61.3022 14.1126 61.1082 14.1164 60.9215 14.2041L7.02268 39.1557C6.67535 39.315 6.51246 39.7243 6.66166 40.0867Z' fill='url(%23paint0_linear_701_747)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.07891 31.4822L5.48531 35.899C5.6693 36.1375 6.01018 36.19 6.26085 36.0217L45.1798 9.43989C45.3196 9.34206 45.3956 9.21337 45.4227 9.04729C45.4466 8.88362 45.4058 8.73986 45.3017 8.60488L38.825 0.583615C38.7257 0.454912 38.5924 0.392481 38.4336 0.374796C38.2772 0.36025 38.1303 0.403463 38.0065 0.509005L2.16034 30.6985C1.92903 30.8919 1.89007 31.2374 2.07891 31.4822Z' fill='url(/web/20250403092006im_/https://digininjas.com/css/%23paint1_linear_701_747)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_701_747' x1='8.17752' y1='43.7684' x2='64.6601' y2='20.5132' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9521E'/%3E%3Cstop offset='1' stop-color='%23FF0F00'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_701_747' x1='3.99758' y1='33.97' x2='42.1629' y2='4.53503' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9521E'/%3E%3Cstop offset='1' stop-color='%23FF0F00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section-title--dark::before {
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='51' viewBox='0 0 68 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M61.3383 40.0867L58.6471 46.6232C58.5017 46.9763 58.1025 47.1542 57.7398 47.0321L1.28771 27.5165C1.08412 27.4436 0.948295 27.3116 0.859748 27.1176C0.775846 26.9255 0.777759 26.7361 0.860007 26.5363L6.10262 14.5684C6.18105 14.3779 6.32314 14.2571 6.51142 14.1825C6.69779 14.1126 6.89181 14.1164 7.07846 14.2041L60.9773 39.1557C61.3247 39.315 61.4875 39.7243 61.3383 40.0867Z' fill='url(%23paint0_linear_701_750)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.9211 31.4822L62.5147 35.899C62.3307 36.1375 61.9898 36.19 61.7391 36.0217L22.8202 9.43989C22.6804 9.34206 22.6044 9.21337 22.5773 9.04729C22.5534 8.88362 22.5942 8.73986 22.6983 8.60488L29.175 0.583615C29.2743 0.454912 29.4076 0.392481 29.5664 0.374796C29.7228 0.36025 29.8697 0.403463 29.9935 0.509005L65.8397 30.6985C66.071 30.8919 66.1099 31.2374 65.9211 31.4822Z' fill='url(/web/20250403092006im_/https://digininjas.com/css/%23paint1_linear_701_750)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_701_750' x1='59.8225' y1='43.7684' x2='3.33989' y2='20.5132' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9521E'/%3E%3Cstop offset='1' stop-color='%23FF0F00'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_701_750' x1='64.0024' y1='33.97' x2='25.8371' y2='4.53503' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9521E'/%3E%3Cstop offset='1' stop-color='%23FF0F00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section-title--light {
  color: #fff;
}
.section-title--light::after {
  background-image: url("data:image/svg+xml,%3Csvg width='67' height='52' viewBox='0 0 67 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.16166 41.0466L8.85291 47.5831C8.99828 47.9362 9.39752 48.1141 9.76016 47.992L66.2123 28.4764C66.4159 28.4035 66.5517 28.2715 66.6403 28.0775C66.7242 27.8854 66.7222 27.696 66.64 27.4962L61.3974 15.5283C61.319 15.3378 61.1769 15.217 60.9886 15.1424C60.8022 15.0725 60.6082 15.0763 60.4215 15.164L6.52268 40.1156C6.17535 40.2749 6.01246 40.6842 6.16166 41.0466Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.57891 32.4422L4.98531 36.8589C5.1693 37.0975 5.51018 37.15 5.76085 36.9817L44.6798 10.3998C44.8196 10.302 44.8956 10.1733 44.9227 10.0072C44.9466 9.84358 44.9058 9.69982 44.8017 9.56484L38.325 1.54358C38.2257 1.41487 38.0924 1.35244 37.9336 1.33476C37.7772 1.32021 37.6303 1.36342 37.5065 1.46897L1.66034 31.6585C1.42903 31.8519 1.39007 32.1973 1.57891 32.4422Z' fill='white'/%3E%3C/svg%3E%0A");
}
.section-title--light::before {
  background-image: url("data:image/svg+xml,%3Csvg width='67' height='52' viewBox='0 0 67 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M60.8383 41.0466L58.1471 47.5831C58.0017 47.9362 57.6025 48.1141 57.2398 47.992L0.78771 28.4764C0.584116 28.4035 0.448295 28.2715 0.359748 28.0775C0.275846 27.8854 0.277759 27.696 0.360007 27.4962L5.60262 15.5283C5.68105 15.3378 5.82314 15.217 6.01142 15.1424C6.19779 15.0725 6.39181 15.0763 6.57846 15.164L60.4773 40.1156C60.8247 40.2749 60.9875 40.6842 60.8383 41.0466Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.4211 32.4422L62.0147 36.8589C61.8307 37.0975 61.4898 37.15 61.2391 36.9817L22.3202 10.3998C22.1804 10.302 22.1044 10.1733 22.0773 10.0072C22.0534 9.84358 22.0942 9.69982 22.1983 9.56484L28.675 1.54358C28.7743 1.41487 28.9076 1.35244 29.0664 1.33476C29.2228 1.32021 29.3697 1.36342 29.4935 1.46897L65.3397 31.6585C65.571 31.8519 65.6099 32.1973 65.4211 32.4422Z' fill='white'/%3E%3C/svg%3E%0A");
}
.section-title::before, .section-title::after {
  content: "";
  height: 50px;
  width: 68px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 1600px) {
  .section-title::before, .section-title::after {
    height: 40px;
    width: 55px;
  }
}
@media screen and (max-width: 480px) {
  .section-title::before, .section-title::after {
    width: 32px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .section-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

.header {
  padding: 16px 0;
}
.header__row {
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.lang {
  font-size: 14px;
  margin-left: auto;
  position: relative;
  z-index: 5;
}
.lang-current {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.lang-current:hover ~ .lang-list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.lang-list {
  position: absolute;
  top: 100%;
  display: flex;
  flex-direction: column;
  background-color: #FCFCFF;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease;
}
.lang-list:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.lang-list::before {
  content: "";
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #ffffff transparent;
}
.lang-link {
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 400;
}
.lang-link:not(:last-child) {
  border-bottom: 1px solid #E0E4F6;
}
.lang-link.isactive {
  font-weight: 700;
}

.menu {
  position: relative;
}
.menu-btn {
  cursor: pointer;
  display: block;
  border: 0;
  height: 24px;
  width: 24px;
  flex: none;
}

.nav {
  padding: 32px;
  width: 170px;
  position: absolute;
  background: linear-gradient(161.03deg, #FAF3EF 8.21%, #FDF7F4 91.42%);
  box-shadow: 3px 9px 13px rgba(0, 90, 140, 0.1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  top: 0;
  right: 0;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: 0.35s ease;
  z-index: 6;
}
.nav.isactive {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.nav-close {
  cursor: pointer;
}
.nav-list {
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid #E0E4F6;
}
.nav-link {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  color: #494B4A;
  background: linear-gradient(180deg, #494B4A 0%, #314146 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/*hero*/
.hero {
  position: relative;
  color: #fff;
  padding: 70px 0 100px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .hero {
    padding: 50px 0 100px;
  }
}
@media screen and (max-width: 768px) {
  .hero {
    padding: 20px 0 70px;
  }
}
@media screen and (max-width: 480px) {
  .hero {
    margin-top: -10px;
  }
}
.hero-bg {
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1600px) {
  .hero-bg {
    left: 30px;
    height: 120%;
  }
}
@media screen and (max-width: 1400px) {
  .hero-bg {
    top: -10px;
    transform: unset;
    height: 100%;
    left: auto;
    width: auto;
    right: 0;
  }
}
.hero__row {
  align-items: center;
  justify-content: center;
}
.hero-content {
  max-width: 780px;
  width: 100%;
}
@media screen and (max-width: 1600px) {
  .hero-content {
    max-width: 624px;
  }
}
@media screen and (max-width: 768px) {
  .hero-img {
    display: none;
  }
}
.hero-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.46;
  margin-bottom: 25px;
  text-shadow: 2px 2px 0px #494B4A;
}
@media screen and (max-width: 1600px) {
  .hero-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .hero-title {
    font-size: 22px;
  }
}
.hero-text {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 41px;
}
@media screen and (max-width: 1600px) {
  .hero-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .hero-text {
    font-size: 16px;
    margin-bottom: 33px;
  }
}
.hero-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  list-style-type: none;
}
.hero-link {
  display: flex;
  align-items: center;
  color: inherit;
  gap: 4px;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
}
@media screen and (max-width: 1600px) {
  .hero-link {
    font-size: 16px;
  }
}
.hero-link svg {
  flex: none;
}
.hero-link span {
  line-height: 1;
  border-bottom: 1px solid;
}

/*clients*/
.clients {
  position: relative;
  padding: 60px 0 90px 0;
  overflow: unset;
}
@media screen and (max-width: 960px) {
  .clients {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .clients {
    padding-top: 0;
    padding-bottom: 50px;
  }
}
.clients::before {
  border: 1px solid #000;
  position: absolute;
  height: 100%;
  width: 100%;
}
.clients .container {
  padding: 0;
}
@media screen and (max-width: 1600px) {
  .clients .container {
    max-width: 1200px;
  }
}
.clients .swiper-wrapper {
  display: flex;
  padding: 10px 0;
}
.clients-slider {
  overflow: unset;
}
.clients-bg {
  position: absolute;
  left: 0;
  top: -350px;
  z-index: -1;
}
.clients-item {
  display: flex;
  position: relative;
  color: #fff;
  width: 460px;
  height: auto;
}
.clients-item:nth-child(even) .clients-item__img {
  transform: scale(1, -1) translateY(10px);
}
.clients-item__img {
  filter: drop-shadow(3px 9px 24px rgba(0, 90, 140, 0.12));
}
@media screen and (max-width: 480px) {
  .clients-item__img {
    display: none !important;
  }
}
.clients-link {
  align-self: center;
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  color: inherit;
}
.clients-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 50px 20px 30px;
}
@media screen and (max-width: 480px) {
  .clients-content {
    padding: 24px 16px;
    position: relative;
    background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
    box-shadow: 3px 9px 24px rgba(0, 90, 140, 0.12);
    border-radius: 8px;
  }
}
.clients-content__icon {
  flex: none;
  align-self: center;
}
@media screen and (max-width: 1600px) {
  .clients-content__icon {
    max-width: 151px;
  }
}
.clients-title {
  font-size: 22px;
  line-height: 1.48;
  text-shadow: 2px 2px 0px #494B4A;
}
@media screen and (max-width: 1600px) {
  .clients-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .clients-title {
    font-size: 18px;
  }
}
.clients-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
}
@media screen and (max-width: 1600px) {
  .clients-text {
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .clients-text {
    font-size: 14px;
  }
}
.clients-list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 1600px) {
  .clients-list {
    gap: 8px;
  }
}
.clients-list__item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 1600px) {
  .clients-list__item {
    font-size: 14px;
  }
}
.clients-list__item::before {
  content: "";
  height: 24px;
  width: 24px;
  flex: none;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.228 11.702L12.005 15.48L19.68 7.80498C18.1 5.21498 15.256 3.47998 12 3.47998C7.029 3.47998 3 7.50898 3 12.48C3 17.451 7.029 21.48 12 21.48C16.632 21.48 20.443 17.98 20.941 13.48' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/*service*/
.service {
  position: relative;
  z-index: 2;
  padding-bottom: 70px;
}
@media screen and (max-width: 960px) {
  .service {
    padding-bottom: 70px;
  }
}
.service-bg {
  position: absolute;
  z-index: -1;
  top: -50px;
  pointer-events: none;
}
@media screen and (max-width: 1600px) {
  .service-bg {
    left: 0;
    top: -10px;
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .service-bg {
    margin-top: 0;
  }
}
.service-item {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 480px) {
  .service-item {
    gap: 16px;
  }
}
.service-item__icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 136px;
  width: 136px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(233, 82, 30, 0.1) 0%, rgba(255, 15, 0, 0.1) 100%);
}
.service-item__icon img {
  max-width: 50%;
}
@media screen and (max-width: 1600px) {
  .service-item__icon {
    height: 109px;
    width: 109px;
  }
}
@media screen and (max-width: 480px) {
  .service-item__icon {
    border-radius: 8px;
    height: 55px;
    width: 55px;
  }
}
.service-item__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  color: #494B4A;
}
.service-item__title {
  font-weight: 700;
  font-size: 22px;
}
@media screen and (max-width: 1600px) {
  .service-item__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .service-item__title {
    font-size: 16px;
  }
}
.service-item__text {
  font-size: 16px;
}
@media screen and (max-width: 1600px) {
  .service-item__text {
    font-size: 14px;
  }
}
.service-item__link {
  border-bottom: 1px solid #E9521E;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media screen and (max-width: 1600px) {
  .service-item__link {
    font-size: 14px;
  }
}

.tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  gap: 12px;
}
.tab-list {
  padding: 0 16px;
}
.tab-nav {
  overflow-y: auto;
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .tab-nav {
    width: 100%;
    padding: 16px;
  }
}
@media screen and (max-width: 480px) {
  .tab-nav {
    gap: 8px;
  }
}
.tab-nav__link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 24px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
  background-color: #fff;
  box-shadow: 3px 9px 13px rgba(0, 90, 140, 0.1);
  border-radius: 24px;
  border: 2px solid #E9521E;
  height: 55px;
}
.tab-nav__link span {
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.tab-nav__link:hover, .tab-nav__link.isactive {
  border-color: transparent;
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
}
.tab-nav__link:hover span, .tab-nav__link.isactive span {
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-fill-color: unset;
  background: unset;
  color: #fff;
}
@media screen and (max-width: 1600px) {
  .tab-nav__link {
    height: 44px;
    font-size: 14px;
    border-radius: 18px;
  }
}
.tab-item {
  display: none;
}
.tab-item.isactive {
  display: block;
}

.verticals {
  padding: 50px 0 100px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .verticals {
    padding: 50px 0;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .verticals {
    margin-bottom: 30px;
  }
  .verticals .container {
    padding: 0;
  }
}
.verticals-bg {
  pointer-events: none;
  top: 35%;
  transform: translateY(-50%);
  right: 0;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 960px) {
  .verticals-bg {
    top: -20%;
    transform: unset;
    height: 130%;
  }
}
@media screen and (max-width: 768px) {
  .verticals-bg {
    top: -25%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.verticals__row {
  gap: 16px;
  justify-content: space-between;
  padding-top: 60px;
  padding-bottom: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .verticals__row {
    justify-content: center;
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .verticals__row {
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .verticals__row {
    gap: 16px 6px;
  }
}
.verticals-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 122px;
  width: 100%;
}
@media screen and (max-width: 480px) {
/*  .verticals-item {
    max-width: 100px;
  }*/
/*  .verticals-item:last-child {
    max-width: 100%;
  }*/
}
.verticals-item__icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  background: linear-gradient(161.03deg, #F0EFFA 8.21%, #F5F4FD 91.42%);
  box-shadow: 3px 9px 13px rgba(0, 90, 140, 0.1);
  border-radius: 32px;
}
.verticals-item__title {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 17px;
  font-weight: 700;
}
@media screen and (max-width: 1600px) {
  .verticals-item__title {
    font-size: 16px;
  }
}

/* advantages */
.advantage {
  position: relative;
}
@media screen and (max-width: 1200px) {
  .advantage {
    padding-top: 50px;
  }
}
@media screen and (max-width: 960px) {
  .advantage {
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .advantage {
    padding-top: 20px;
  }
}
.advantage .container {
  padding: 0;
}
.advantage-bg {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .advantage-bg {
    width: auto;
    height: 160%;
  }
}
@media screen and (max-width: 480px) {
  .advantage-bg {
    height: 140%;
  }
}
.advantage-item {
  background: #FFFFFF;
  box-shadow: 3px 9px 24px rgba(0, 90, 140, 0.12);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #494B4A;
  height: auto;
}
@media screen and (max-width: 480px) {
  .advantage-item {
    gap: 8px;
    padding: 16px;
  }
}
.advantage-item__head {
  display: flex;
  align-items: center;
  gap: 16px;
}
.advantage-item__icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  width: 52px;
  border-radius: 19px;
  background: linear-gradient(180deg, #E9521E 0%, #FF0F00 100%);
}
.advantage-item__title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.4;
}
@media screen and (max-width: 1600px) {
  .advantage-item__title {
    font-size: 16px;
  }
}
.advantage-item__text {
  font-size: 16px;
  line-height: 1.38;
}
@media screen and (max-width: 1600px) {
  .advantage-item__text {
    font-size: 14px;
  }
}

/* End advantages */
/* stat */
.stat {
  padding-top: 150px;
}
@media screen and (max-width: 768px) {
  .stat {
    padding-top: 100px;
  }
}
@media screen and (max-width: 480px) {
  .stat {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .stat .container {
    padding: 0;
  }
}
.stat__row {
  align-items: center;
  justify-content: center;
}
.stat-content {
  max-width: 890px;
  width: 100%;
  background-image: url(../img/map.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .stat-content {
    padding: 50px 0;
    background-size: 120%;
  }
}
@media screen and (max-width: 480px) {
  .stat-content {
    padding: 32px 0;
  }
}
.stat-list {
  margin-bottom: 100px;
  display: flex;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .stat-list {
    margin-bottom: 32px;
    gap: 8px;
  }
}
.stat-item {
  position: relative;
  z-index: 1;
  width: 200px;
  height: 150px;
  display: flex;
  flex-direction: column;
  color: #494B4A;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1600px) {
  .stat-item {
    width: 160px;
    height: 120px;
  }
}
@media screen and (max-width: 480px) {
  .stat-item {
    width: 140px;
    height: 100px;
  }
}
.stat-item__bg {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  filter: drop-shadow(3px 9px 24px rgba(0, 90, 140, 0.12));
}
.stat-item__count {
  font-weight: 700;
  font-size: 48px;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 1600px) {
  .stat-item__count {
    font-size: 39px;
  }
}
@media screen and (max-width: 480px) {
  .stat-item__count {
    font-size: 32px;
  }
}
.stat-item__count::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='11' viewBox='0 0 32 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.241 6.26645L30.7491 9.75235C30.7225 9.94064 30.5518 10.0758 30.3618 10.0616L0.716056 7.61156C0.608823 7.60148 0.527003 7.55455 0.460338 7.47187C0.396152 7.38953 0.373706 7.29792 0.388739 7.19139L1.44144 0.770068C1.45578 0.668489 1.50943 0.592676 1.59107 0.533444C1.67235 0.476689 1.76644 0.454594 1.86732 0.473884L30.9519 5.86179C31.1391 5.89579 31.2682 6.0732 31.241 6.26645Z' fill='url(%23paint0_linear_704_6235)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_704_6235' x1='30.9639' y1='8.2299' x2='0.842017' y2='3.97926' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9521E'/%3E%3Cstop offset='1' stop-color='%23FF0F00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 32px;
  height: 9px;
  background-size: contain;
  background-repeat: no-repeat;
}
.stat-item__text {
  font-size: 20px;
}
@media screen and (max-width: 1600px) {
  .stat-item__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .stat-item__text {
    font-size: 14px;
  }
}

.calltoaction__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1238px !important;
  max-width: unset !important;
}
@media screen and (max-width: 1600px) {
  .calltoaction__bg {
    width: 1200px !important;
  }
}
@media screen and (max-width: 768px) {
  .calltoaction__bg {
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.calltoaction-content {
  position: relative;
  width: 100%;
}
.calltoaction-content__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 0;
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  color: #fff;
}
.calltoaction-content__info .section-title {
  left: unset;
  transform: unset;
}
.calltoaction-content__text {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 32px;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .calltoaction-content__text {
    font-size: 16px;
  }
}
.calltoaction-content__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .calltoaction-content__btns {
    gap: 16px;
  }
}
.calltoaction__btn {
  font-size: 16px;
}
@media screen and (max-width: 1600px) {
  .calltoaction__btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .calltoaction__btn {
    width: 100%;
    font-size: 14px;
  }
}

/*feedback*/
.feedback {
  position: relative;
  padding-top: 60px;
  z-index: 2;
}
.feedback-bg {
  pointer-events: none;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 1600px) {
  .feedback-bg {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .feedback-bg {
    bottom: -10%;
  }
}
@media screen and (max-width: 480px) {
  .feedback {
    padding-top: 0;
  }
}
@media screen and (max-width: 1200px) {
  .feedback .container {
    padding: 0;
  }
}
.feedback-slider {
  margin-bottom: 32px;
}
.feedback-item {
  background: #FFFFFF;
  box-shadow: 3px 9px 24px rgba(0, 90, 140, 0.12);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #494B4A;
  height: auto;
}
@media screen and (max-width: 1600px) {
  .feedback-item {
    padding: 16px;
    font-size: 14px;
  }
}
.feedback-item__icon {
  align-self: center;
}

/*End feedback*/
/*offer*/
.offer {
  position: relative;
  padding: 150px 0;
  overflow-y: hidden;
  z-index: 1;
}
@media screen and (max-width: 1400px) {
  .offer {
    padding-top: 100px;
  }
}
@media screen and (max-width: 960px) {
  .offer {
    padding-bottom: 70px;
  }
}
.offer-bg {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -200px;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .offer-bg {
    width: auto;
    height: 110%;
    margin-top: -60px;
  }
}
@media screen and (max-width: 480px) {
  .offer-bg {
    height: 105%;
  }
}
.offer-form {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .offer-form {
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .offer-form {
    flex-direction: column;
  }
}
.offer-form__bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.offer-form__side-l {
  display: flex;
  flex-direction: column;
  max-width: 430px;
  width: 100%;
  gap: 16px;
}
@media screen and (max-width: 960px) {
  .offer-form__side-l {
    max-width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .offer-form__side-l {
    max-width: 100%;
  }
}
.offer-form__side-r {
  flex: 1;
}
.offer-form__side-r label, .offer-form__side-r textarea {
  height: 100%;
  width: 100%;
}
.offer-form__side-r textarea {
  min-height: 130px;
}
.offer-form__text {
  color: #fff;
  font-size: 12px;
  line-height: 2;
  width: 100%;
  text-align: center;
}

/*End offer*/
/*social*/
.social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.social-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
}
.social-link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: 44px;
  width: 44px;
  border-radius: 15px;
  background: linear-gradient(0deg, #F9F9F9, #F9F9F9), linear-gradient(155.14deg, #E7EDFC 19.94%, rgba(255, 255, 255, 0.53) 91.99%);
}
.social-link svg {
  flex: none;
}

/*End social*/
.footer {
  margin-top: -80px;
  color: #fff;
  padding: 100px 0;
  position: relative;
}
@media screen and (max-width: 480px) {
  .footer {
    margin-top: -10px;
    padding: 35px 0;
    font-size: 14px;
  }
}
.footer__row {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px 32px;
}
.footer-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 960px) {
  .footer-bg {
    height: 120%;
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .footer-bg {
    height: 133%;
  }
}
.footer-link {
  color: inherit;
}
.footer-links {
  text-align: center;
  flex: none;
  width: 100%;
  margin-top: 24px;
  font-size: 16px;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .footer-links {
    font-size: 14px;
  }
}
.footer-links a {
  color: #fff;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 300px;
  width: 100%;
  background: linear-gradient(161.03deg, #FAF3EF 8.21%, #FDF7F4 91.42%);
  box-shadow: 3px 9px 13px rgba(0, 90, 140, 0.1);
  border-radius: 12px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  z-index: 25;
  transition: 0.35s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal.isopen {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 20;
  transition: 0.35s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E0E4F6;
  padding-bottom: 14px;
  margin-bottom: 14px;
}
.modal-title {
  font-size: 18px;
}
.modal-text {
  font-size: 16px;
}
.modal-btn {
  flex: none;
  cursor: pointer;
}