@charset "UTF-8";
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #000;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Poppins", sans-serif;
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

body {
  font-family: "Poppins", sans-serif;
}
.lock body {
  overflow: hidden;
  touch-action: none;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}

/*
(i) Стили будут применяться ко 
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/
[class*=__container] {
  max-width: 77.5rem;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

[class*=-ibg] {
  position: relative;
}
[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
  z-index: 2;
}

[class*=-ibg_contain] img {
  object-fit: contain;
}

.select {
  position: relative;
}
.select__body {
  position: relative;
}
.select__title {
  color: inherit;
  text-align: left;
  cursor: pointer;
  width: 100%;
  border-radius: 4px;
}
.select__value {
  display: flex;
  align-items: center;
  height: 1.875rem;
  padding: 0 0.9375rem;
  gap: 0.625rem;
}
.select__value > * {
  flex: 1 1 auto;
}
.select__value:after {
  content: "";
  align-self: stretch;
  flex: 0 0 10px;
  transition: all 0.3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.76668 0.741667L5.00002 3.975L8.23335 0.741667C8.55835 0.416667 9.08335 0.416667 9.40835 0.741667C9.73335 1.06667 9.73335 1.59167 9.40835 1.91667L5.58335 5.74167C5.25835 6.06667 4.73335 6.06667 4.40835 5.74167L0.58335 1.91667C0.25835 1.59167 0.25835 1.06667 0.58335 0.741667C0.90835 0.425001 1.44168 0.416667 1.76668 0.741667Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
._select-open .select__value:after {
  transform: rotate(-180deg);
}
.select__value._select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: 0.5;
}
.select__text {
  flex: 1 1 auto;
}
.select__input {
  width: 100%;
  background-color: transparent;
  height: 100%;
}
.select__options {
  color: rgb(255, 255, 255);
  position: absolute;
  top: 29px;
  border-radius: 4px 4px;
  min-width: 100%;
  text-align: center;
  left: 0;
  background-color: #6571FF;
  font-weight: 600;
  border-top: 0;
  border-top: 0;
  padding: 5px 0px 5px 0px;
}
.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.select__option {
  width: 100%;
  display: block;
  text-align: left;
  cursor: pointer;
  padding: 2px 10px;
  color: inherit;
}
.select__option._select-selected {
  background-color: #eee;
}
@media (any-hover: hover) {
  .select__option:hover {
    background: #FF3B6C;
  }
}
.select__row {
  display: inline-flex;
  align-items: center;
}
.select._select-open {
  z-index: 5;
}
._select-tag {
  cursor: pointer;
}

@font-face {
  font-family: SintesiSnsW00;
  font-display: swap;
  src: url("../fonts/SintesiSnsW00-Bd.woff2") format("woff2"), url("../fonts/SintesiSnsW00-Bd.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
.icon-menu {
  display: none;
}
@media (max-width: 998px) {
  .icon-menu {
    display: block;
    position: relative;
    width: 1.25rem;
    height: 0.875rem;
    box-shadow: 0px 5px 11px rgba(62, 60, 84, 0.277945);
    border-radius: 10px;
    cursor: pointer;
    z-index: 10;
  }
  .icon-menu span, .icon-menu::before, .icon-menu::after {
    content: "";
    transition: all 0.3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background-color: rgb(255, 255, 255);
  }
  .icon-menu::before {
    top: 0;
  }
  .icon-menu::after {
    bottom: 0;
  }
  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }
  .menu-open .icon-menu span {
    width: 0;
  }
  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    transform: rotate(-45deg);
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    transform: rotate(45deg);
  }
}

.logo-icon {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  width: 40px;
  height: 35px;
  cursor: pointer;
  z-index: 5;
  position: relative;
}
.logo-icon span {
  width: 40px;
  height: 8px;
  background: linear-gradient(180deg, #6571ff 2.1%, #ff3b6c 133.74%);
  border-radius: 7px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.logo-icon span:first-child {
  width: 15px;
  transition: 0.2s linear;
}
.logo-icon span:nth-child(2) {
  width: 25px;
  transition: 0.2s linear;
}
.logo-icon::after {
  content: "";
  width: 11px;
  height: 11px;
  position: absolute;
  top: 0;
  right: 0;
  background-position: center;
  background-size: contain;
  transition: 0.2s linear;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cellipse cx=%276.06733%27 cy=%275.51111%27 rx=%275.55708%27 ry=%275.51111%27 fill=%27%23FF3E6E%27/%3E%3Cellipse cx=%276.06736%27 cy=%275.51111%27 rx=%272.77854%27 ry=%272.75556%27 stroke=%27white%27 stroke-width=%272.079%27/%3E%3C/svg%3E%0A");
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #091b39;
  z-index: 10;
}
@media (max-width: 998px) {
  .header {
    background-color: transparent;
  }
  .header._header-scroll {
    background: #091b39;
  }
}
.header__top {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
@media (max-width: 998px) {
  .header__top {
    display: none;
  }
}
.header__main {
  background-color: #fff;
  padding: 20px 0px;
}
@media (max-width: 998px) {
  .header__main {
    background-color: transparent;
    padding: 10px 0px;
    position: relative;
    z-index: 10;
  }
}
.header__nav {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}
.header__nav li {
  position: relative;
}
.header__nav li::after {
  content: "";
  width: 0%;
  height: 0.125rem;
  bottom: -5px;
  left: 0;
  position: absolute;
  transition: 0.2s linear;
  background-color: #6571ff;
}
.header__nav li:hover:after {
  width: 100%;
  position: absolute;
  transition: 0.2s linear;
}
.header-logo {
  display: flex;
  align-items: center;
  margin-right: auto;
  position: relative;
  z-index: 10;
}
.header__logo {
  display: inline-block;
  width: 131px;
  height: 23px;
  margin: 0 auto 0 10px;
  position: relative;
  z-index: 10;
}
.header__logo svg {
  max-width: 100%;
  height: 100%;
}
.header__logo svg:last-child {
  display: none;
}
@media (max-width: 998px) {
  .header__logo svg:last-child {
    display: inline-block;
  }
  .header__logo svg:first-child {
    display: none;
  }
}
.header__nav-list {
  display: flex;
  gap: 40px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  align-items: center;
}
@media (max-width: 998px) {
  .header__nav-list {
    position: fixed;
    background: radial-gradient(58.38% 43.81% at 69.71% 73.44%, #5658de 0%, #0c254f 100%, #0c254f 100%);
    z-index: 8;
    height: calc(100vh - 60px);
    width: 100%;
    top: 60px;
    left: 0;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(-110%);
    pointer-events: none;
    transition: 0.5s linear;
  }
  .menu-open .header__nav-list {
    transform: translateY(0%);
    transition: 0.5s linear;
    pointer-events: initial;
  }
}
.header__nav-list .-active-link {
  letter-spacing: 0.5px;
  color: #db063c;
  font-weight: 700;
}
.header__mobile--icon {
  background: #6571FF;
  box-shadow: 0px 5px 11px rgba(62, 60, 84, 0.277945);
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}
@media (min-width: 998px) {
  .header__mobile--icon {
    display: none;
  }
}

.footer {
  background: #091B39;
  padding-top: 60px;
  color: #fff;
}
.footer__nav {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 60px;
}
@media (max-width: 988px) {
  .footer__nav {
    flex-wrap: wrap;
  }
}
@media (max-width: 988px) {
  .footer__nav--list:not(:first-child) {
    width: calc(50% - 15px);
  }
  .footer__nav--list:first-child ul {
    flex: 1 1 50%;
  }
}
.footer__nav--title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FFFFFF;
  min-height: 50px;
}
.footer__nav--links {
  display: flex;
  gap: 30px;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  opacity: 0.7;
  margin-bottom: 5px;
}
.footer__label {
  padding: 20px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #848D9C;
}

.banner {
  background: radial-gradient(58.38% 43.81% at 69.71% 73.44%, #5658de 0%, #0c254f 100%, #0c254f 100%);
  mix-blend-mode: normal;
  display: flex;
  position: relative;
}
.banner__container {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
}
.banner__wrap {
  flex: 1 1 auto;
  padding: 158px 0px 50px 0px;
  display: grid;
  min-height: 760px;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
@supports (padding-top: clamp( 6.25rem , 5.0289473684rem  +  6.1052631579vw , 9.875rem )) {
  .banner__wrap {
    padding-top: clamp( 6.25rem , 5.0289473684rem  +  6.1052631579vw , 9.875rem );
  }
}
@supports not (padding-top: clamp( 6.25rem , 5.0289473684rem  +  6.1052631579vw , 9.875rem )) {
  .banner__wrap {
    padding-top: calc(6.25rem + 3.625 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .banner__wrap {
    padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .banner__wrap {
    padding-bottom: calc(2.5rem + 6.25 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .banner__wrap {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }
}
.banner__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(211, 211, 211, 0.522);
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0.1px;
}
.banner__info h1 {
  color: #fff;
  font-family: SintesiSnsW00;
  text-transform: uppercase;
  line-height: 105%;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: normal;
}
@supports (font-size: clamp( 2rem , 1.0736842105rem  +  4.6315789474vw , 4.75rem )) {
  .banner__info h1 {
    font-size: clamp( 2rem , 1.0736842105rem  +  4.6315789474vw , 4.75rem );
  }
}
@supports not (font-size: clamp( 2rem , 1.0736842105rem  +  4.6315789474vw , 4.75rem )) {
  .banner__info h1 {
    font-size: calc(2rem + 2.75 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .banner__info h1 br:not(:first-child) {
    display: none;
  }
}
.banner__info h1 span {
  color: #6571ff;
  width: 100%;
  display: flex;
}
@supports (height: clamp( 18.75rem , 13.4868421053rem  +  26.3157894737vw , 34.375rem )) {
  .banner__media {
    height: clamp( 18.75rem , 13.4868421053rem  +  26.3157894737vw , 34.375rem );
  }
}
@supports not (height: clamp( 18.75rem , 13.4868421053rem  +  26.3157894737vw , 34.375rem )) {
  .banner__media {
    height: calc(18.75rem + 15.625 * (100vw - 20rem) / 59.375);
  }
}
.banner__media img {
  object-fit: contain;
  object-position: center bottom;
  transform: translateY(20%);
  width: 100%;
  left: 0;
}
.banner__media--point {
  background: rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 0px 7px rgba(255, 255, 255, 0.5);
  border-radius: 18px;
  padding: 5px 10px 5px 5px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
}
@media (max-width: 998px) {
  .banner__media--point {
    font-size: 10px;
  }
}
.banner__media--point.-alarm {
  bottom: 75%;
  left: 15%;
}
.banner__media--point.-alarm .point-img {
  background: #ffeac2;
}
.banner__media--point.-security {
  bottom: 55%;
  left: -15%;
}
.banner__media--point.-security .point-img {
  background: #ffd7e1;
}
@media (max-width: 998px) {
  .banner__media--point.-security {
    left: 0%;
  }
}
.banner__media--point.-hvac {
  bottom: 35%;
  left: -5%;
}
.banner__media--point.-hvac .point-img {
  background: #dbdeff;
}
@media (max-width: 998px) {
  .banner__media--point.-hvac {
    left: 5%;
  }
}
.banner__decoration--img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.banner-internal__wrap {
  flex: 1 1 auto;
  padding: 188px 0px 150px 0px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 20px;
  color: #fff;
}
@supports (padding-top: clamp( 6.25rem , 4.5657894737rem  +  8.4210526316vw , 11.25rem )) {
  .banner-internal__wrap {
    padding-top: clamp( 6.25rem , 4.5657894737rem  +  8.4210526316vw , 11.25rem );
  }
}
@supports not (padding-top: clamp( 6.25rem , 4.5657894737rem  +  8.4210526316vw , 11.25rem )) {
  .banner-internal__wrap {
    padding-top: calc(6.25rem + 5 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 0.1842105263rem  +  11.5789473684vw , 9.375rem )) {
  .banner-internal__wrap {
    padding-bottom: clamp( 2.5rem , 0.1842105263rem  +  11.5789473684vw , 9.375rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 0.1842105263rem  +  11.5789473684vw , 9.375rem )) {
  .banner-internal__wrap {
    padding-bottom: calc(2.5rem + 6.875 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .banner-internal__wrap {
    display: flex;
    flex-direction: column;
  }
}
.banner-internal__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner-internal__title {
  font-weight: 700;
  line-height: 125%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #ffffff;
}
@supports (font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem )) {
  .banner-internal__title {
    font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem );
  }
}
@supports not (font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem )) {
  .banner-internal__title {
    font-size: calc(1.875rem + 1.5625 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .banner-internal__img-ibg {
    display: none;
  }
}
.banner-internal__text {
  margin: 100px 0px 0px auto;
  display: inline-block;
  max-width: 540px;
}

.deteiled {
  background: #fbfbfc;
}
@supports (padding-top: clamp( 3.75rem , 2.4868421053rem  +  6.3157894737vw , 7.5rem )) {
  .deteiled {
    padding-top: clamp( 3.75rem , 2.4868421053rem  +  6.3157894737vw , 7.5rem );
  }
}
@supports not (padding-top: clamp( 3.75rem , 2.4868421053rem  +  6.3157894737vw , 7.5rem )) {
  .deteiled {
    padding-top: calc(3.75rem + 3.75 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem )) {
  .deteiled {
    padding-bottom: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem )) {
  .deteiled {
    padding-bottom: calc(2.5rem + 2.5 * (100vw - 20rem) / 59.375);
  }
}
.deteiled__wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31.25rem, 1fr));
  gap: 50px;
  margin: 80px auto auto auto;
}
@media (max-width: 998px) {
  .deteiled__wrap {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
  }
}
.deteiled__wrap.-full {
  display: flex;
  align-items: center;
  justify-content: center;
}
.deteiled__item {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #091b39;
}
@media (max-width: 998px) {
  .deteiled__item {
    gap: 10px;
  }
}
.deteiled__item p:not(:last-child),
.deteiled__item ul:not(:last-child),
.deteiled__item ol:not(:last-child),
.deteiled__item a:not(:last-child) {
  margin-bottom: 10px;
}
.deteiled__item--head {
  display: flex;
  gap: 30px;
  align-items: center;
}
@media (max-width: 998px) {
  .deteiled__item--head {
    gap: 10px;
  }
}
.deteiled__item--icon {
  background: #ffd7e1;
  border-radius: 27.6px;
  width: 92px;
  height: 92px;
  min-width: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 998px) {
  .deteiled__item--icon {
    width: 53px;
    height: 53px;
    border-radius: 18px;
    min-width: 53px;
  }
}
.deteiled__item--icon img {
  width: 44px;
  max-height: 44px;
}
@media (max-width: 998px) {
  .deteiled__item--icon img {
    width: 20px;
    max-height: 20px;
  }
}
.deteiled__item--title {
  font-weight: 600;
  font-size: 22px;
  line-height: 34px;
  color: #091b39;
}
@media (max-width: 998px) {
  .deteiled__item--title {
    font-size: 20px;
    line-height: 28px;
  }
}
.deteiled__item--main {
  max-width: 500px;
  padding-left: 122px;
}
@media (max-width: 998px) {
  .deteiled__item--main {
    max-width: 100%;
    padding-left: 0;
  }
}
.deteiled__item.-staffing .deteiled__item--icon {
  background: #b3f4e3;
}
.deteiled__item.-staffing .link-more {
  color: #0db88d;
}
.deteiled__item.-staffing .link-more::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 6.35744L1.5 6.50003%27 stroke=%27%230DB88D%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10.4348 1L16 6.5L10.4348 12%27 stroke=%27%230DB88D%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}
.deteiled__item.-security .deteiled__item--icon {
  background: #ffd7e1;
}
.deteiled__item.-security .link-more {
  color: #ff5d8a;
}
.deteiled__item.-security .link-more::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 6.35744L1.5 6.50003%27 stroke=%27%23FF5D8A%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10.4348 1L16 6.5L10.4348 12%27 stroke=%27%23FF5D8A%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
.deteiled__item.-manage .deteiled__item--icon {
  background: #ffefd1;
}
.deteiled__item.-manage .link-more {
  color: #fdc525;
}
.deteiled__item.-manage .link-more::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 6.35744L1.5 6.50003%27 stroke=%27%23FDC525%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10.4348 1L16 6.5L10.4348 12%27 stroke=%27%23FDC525%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
.deteiled__item.-arc .deteiled__item--icon {
  background: #dbdeff;
}
.deteiled__item.-arc .link-more {
  color: #6975ff;
}
.deteiled__item.-arc .link-more::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 6.35744L1.5 6.50003%27 stroke=%27%236975FF%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10.4348 1L16 6.5L10.4348 12%27 stroke=%27%236975FF%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
.deteiled__item.-time {
  padding: 24px 30px;
  border: 2px solid #FFA255;
  border-radius: 12px;
  box-sizing: border-box;
}
.deteiled__item.-time .deteiled__item--icon {
  background: #FFF0E4;
}
.deteiled__item.-time .link-more {
  color: #FFA255;
}
.deteiled__item.-time .link-more::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 6.35744L1.5 6.50003%27 stroke=%27%23FFA255%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10.4348 1L16 6.5L10.4348 12%27 stroke=%27%236975FF%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
.deteiled ul {
  padding-left: 20px;
  margin-top: 10px;
}
.deteiled ul li {
  position: relative;
}
.deteiled ul li.eu-item-icon {
  display: flex;
  gap: 12px;
}
.deteiled ul li.eu-item-icon img {
  width: 52px;
  height: 52px;
}
.deteiled ul li::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #182d66;
  border-radius: 100%;
  left: -20px;
  top: 10px;
}

.link-more {
  font-weight: 600;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.388889px;
  text-transform: uppercase;
  position: relative;
}
.link-more::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 11px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.deteils-list {
  background-color: #fff;
}
@supports (padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .deteils-list {
    padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem );
  }
}
@supports not (padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .deteils-list {
    padding-top: calc(2.5rem + 6.25 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem )) {
  .deteils-list {
    padding-bottom: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem )) {
  .deteils-list {
    padding-bottom: calc(2.5rem + 2.5 * (100vw - 20rem) / 59.375);
  }
}
.deteils-list__layer {
  grid-template-columns: repeat(auto-fit, minmax(31.25rem, 1fr));
  display: grid;
  gap: 50px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  align-items: center;
  letter-spacing: 0.7px;
  color: #091b39;
}
@supports (margin-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .deteils-list__layer {
    margin-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem );
  }
}
@supports not (margin-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .deteils-list__layer {
    margin-bottom: calc(2.5rem + 6.25 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 1098px) {
  .deteils-list__layer {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.deteils-list__layer p:not(:last-child),
.deteils-list__layer ul:not(:last-child),
.deteils-list__layer ol:not(:last-child),
.deteils-list__layer li:not(:last-child) {
  margin-bottom: 25px;
}
.deteils-list__layer ul {
  padding-left: 40px;
}
.deteils-list__layer ul li {
  position: relative;
}
.deteils-list__layer ul li::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: -35px;
  top: 3px;
  background: #6975ff;
  border-radius: 8.3125px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9.72332 0.993927C9.5448 0.811595 9.25537 0.811595 9.07682 0.993927L3.59997 6.58731L1.49476 4.43733C1.31624 4.255 1.02681 4.25501 0.848257 4.43733C0.669722 4.61964 0.669722 4.91523 0.848257 5.09756L3.27672 7.57763C3.45518 7.75995 3.74482 7.75982 3.92322 7.57763L9.72332 1.65418C9.90185 1.47186 9.90184 1.17626 9.72332 0.993927Z%27 fill=%27white%27/%3E%3C/svg%3E");
  background-size: 8px 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.deteils-list__img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  position: relative;
}
@media (max-width: 1098px) {
  .deteils-list__img {
    order: 0;
  }
}
.deteils-list__img img {
  max-width: 100%;
}
.deteils-list__list {
  max-width: 525px;
}
@media (max-width: 1098px) {
  .deteils-list__list {
    order: 1;
  }
}
.deteils-list__list.-less__spaceBottom ul li:not(:last-child) {
  margin-bottom: 10px;
}

.industries img,
.why-me img {
  max-width: 100%;
  position: absolute;
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  min-height: 350px;
}

.solutions {
  background: radial-gradient(84.01% 44.75% at 56.5% 60.93%, #5658de 0%, #0c254f 100%);
  color: #fff;
}
@supports (padding-top: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem )) {
  .solutions {
    padding-top: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem );
  }
}
@supports not (padding-top: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem )) {
  .solutions {
    padding-top: calc(2.5rem + 5 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem )) {
  .solutions {
    padding-bottom: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem )) {
  .solutions {
    padding-bottom: calc(2.5rem + 5 * (100vw - 20rem) / 59.375);
  }
}
.solutions__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.solutions__wrap {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
@supports (margin-top: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem )) {
  .solutions__wrap {
    margin-top: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem );
  }
}
@supports not (margin-top: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem )) {
  .solutions__wrap {
    margin-top: calc(2.5rem + 2.5 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .solutions__wrap {
    display: flex;
    flex-direction: column;
  }
}
.solutions__item {
  border-radius: 30px;
  padding: 36px 30px;
  font-family: inherit;
  font-weight: 300;
  font-size: 16px;
  line-height: 27px;
}
.solutions__item p,
.solutions__item li,
.solutions__item span,
.solutions__item a {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 13px;
}
.solutions__item ul {
  padding-left: 20px;
}
.solutions__item ul li {
  position: relative;
}
.solutions__item ul li::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 100%;
  left: -20px;
  top: 10px;
}
.solutions__item.-staffing {
  background: rgba(101, 113, 255, 0.2);
  border: 1px solid #6571ff;
}
.solutions__item.-staffing .solutions__title::after {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.6) 3.78%, rgba(255, 255, 255, 0.0001) 88%);
}
.solutions__item.-call-center {
  background: rgba(18, 201, 155, 0.2);
  border: 1px solid #12c99b;
}
.solutions__item.-call-center .solutions__title::after {
  background: linear-gradient(270deg, #ffffff 3.78%, rgba(255, 255, 255, 0.0001) 88%);
}
.solutions__item.-alarm {
  background: rgba(242, 166, 0, 0.2);
  border: 1px solid #f2a600;
}
.solutions__item.-alarm .solutions__title::after {
  background: linear-gradient(270deg, #f2a600 3.78%, rgba(255, 255, 255, 0.0001) 88%);
}
.solutions__title {
  font-weight: 800;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0.8125px;
  text-transform: uppercase;
  color: #ffffff;
  padding-bottom: 50px;
  position: relative;
}
.solutions__title::after {
  width: 164px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 24px;
  content: "";
}

.tools__wrap {
  margin-top: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@supports (gap: clamp( 1.875rem , 0.8223684211rem  +  5.2631578947vw , 5rem )) {
  .tools__wrap {
    gap: clamp( 1.875rem , 0.8223684211rem  +  5.2631578947vw , 5rem );
  }
}
@supports not (gap: clamp( 1.875rem , 0.8223684211rem  +  5.2631578947vw , 5rem )) {
  .tools__wrap {
    gap: calc(1.875rem + 3.125 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .tools__wrap {
    display: flex;
    flex-direction: column;
  }
}

.tools__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools__item img {
  max-width: 100%;
}

.why-me {
  background-color: #fff;
}
@supports (padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .why-me {
    padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem );
  }
}
@supports not (padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .why-me {
    padding-top: calc(2.5rem + 6.25 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .why-me {
    padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .why-me {
    padding-bottom: calc(2.5rem + 6.25 * (100vw - 20rem) / 59.375);
  }
}
.why-me__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
@supports (margin-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .why-me__wrap {
    margin-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem );
  }
}
@supports not (margin-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .why-me__wrap {
    margin-top: calc(2.5rem + 6.25 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .why-me__wrap {
    display: flex;
    flex-direction: column;
  }
}
.why-me__wrap ul {
  margin: 40px auto;
  padding-left: 95px;
}
@media (max-width: 768px) {
  .why-me__wrap ul {
    padding-left: 60px;
  }
}
.why-me__wrap ul li {
  position: relative;
  margin-bottom: 16px;
  font-style: italic;
  font-weight: 400;
  font-size: 21px;
  line-height: 32px;
  color: #091b39;
}
.why-me__wrap ul li::after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  left: -55px;
  top: 6px;
  background: #fbbc06;
  border-radius: 13.8542px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9.72332 0.993927C9.5448 0.811595 9.25537 0.811595 9.07682 0.993927L3.59997 6.58731L1.49476 4.43733C1.31624 4.255 1.02681 4.25501 0.848257 4.43733C0.669722 4.61964 0.669722 4.91523 0.848257 5.09756L3.27672 7.57763C3.45518 7.75995 3.74482 7.75982 3.92322 7.57763L9.72332 1.65418C9.90185 1.47186 9.90184 1.17626 9.72332 0.993927Z%27 fill=%27white%27/%3E%3C/svg%3E");
  background-size: 15px 11px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .why-me__wrap ul li::after {
    width: 20px;
    height: 20px;
    left: -35px;
    background-size: 8px 10px;
  }
}
.why-me__text {
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  color: #091b39;
}
.why-me .deteils-list__img {
  min-height: 350px;
}

.industries {
  background-color: #fff;
}
@supports (padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .industries {
    padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem );
  }
}
@supports not (padding-top: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .industries {
    padding-top: calc(2.5rem + 6.25 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .industries {
    padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 0.3947368421rem  +  10.5263157895vw , 8.75rem )) {
  .industries {
    padding-bottom: calc(2.5rem + 6.25 * (100vw - 20rem) / 59.375);
  }
}
.industries__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@supports (margin-top: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem )) {
  .industries__wrap {
    margin-top: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem );
  }
}
@supports not (margin-top: clamp( 2.5rem , 1.6578947368rem  +  4.2105263158vw , 5rem )) {
  .industries__wrap {
    margin-top: calc(2.5rem + 2.5 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .industries__wrap {
    display: flex;
    flex-direction: column;
  }
}
.industries__main {
  max-width: 605px;
}
@media (max-width: 998px) {
  .industries__main {
    max-width: 100%;
    order: 10;
  }
}
.industries__img {
  background: #dbdeff;
  border-radius: 13.2px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  position: relative;
}
.industries__img img {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
  min-height: auto;
}
.industries__item {
  display: flex;
  gap: 20px;
  cursor: pointer;
  margin-bottom: 26px;
  transition: background-color 0.3s linear, padding 0.2s linear, transform 0.2s linear;
}
.industries__title {
  min-height: 44px;
  font-weight: 600;
  font-size: 24px;
  line-height: 22px;
  color: #091b39;
  margin-top: 0.625rem;
}
.industries__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  color: #091b39;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.1s linear, transform 0.3s linear 0.2s, opacity 0.3s linear 0.2s;
  opacity: 0;
  transform: translatey(50px);
  position: relative;
  z-index: -1;
  pointer-events: none;
}
.industries__more {
  font-weight: 600;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.388889px;
  text-transform: uppercase;
  position: relative;
  color: #0db88d;
}
.industries__more::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 11px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 6.35744L1.5 6.50003%27 stroke=%27%230DB88D%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10.4348 1L16 6.5L10.4348 12%27 stroke=%27%230DB88D%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}
@media (max-width: 998px) {
  .industries .deteils-list__img {
    order: 0;
    min-height: 350px;
  }
}

.industries__item._active {
  background-color: #ffffff;
  border: 1.1px solid #ededed;
  box-shadow: 0px 15px 28px rgba(233, 239, 245, 0.6);
  border-radius: 22px;
  padding: 28px 25px;
  transform: translateX(-25px);
  transition: background-color 0.4s linear 0.1s, padding 0.2s linear, transform 0.2s linear;
}
@media (max-width: 998px) {
  .industries__item._active {
    transform: translateX(-5px);
    padding: 15px 10px;
  }
}
.industries__item._active .industries__text {
  max-height: 1000px;
  transition: 0.3s linear;
  transition: max-height 0.1s linear, transform 0.3s linear 0.2s, opacity 0.3s linear 0.2s;
  opacity: 1;
  z-index: 1;
  transform: translatey(0px);
  pointer-events: auto;
}

.point-img {
  border-radius: 12px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 998px) {
  .point-img {
    width: 26px;
    height: 26px;
  }
}
.point-img img {
  width: 15px;
  height: 15px;
  position: relative;
  transform: translate(0);
}

.layer {
  background-color: #fff;
  color: #091B39;
}
@supports (padding-top: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem )) {
  .layer {
    padding-top: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem );
  }
}
@supports not (padding-top: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem )) {
  .layer {
    padding-top: calc(2.5rem + 4.375 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem )) {
  .layer {
    padding-bottom: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem )) {
  .layer {
    padding-bottom: calc(2.5rem + 4.375 * (100vw - 20rem) / 59.375);
  }
}
.layer__two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@supports (gap: clamp( 1.25rem , -0.4342105263rem  +  8.4210526316vw , 6.25rem )) {
  .layer__two-columns {
    gap: clamp( 1.25rem , -0.4342105263rem  +  8.4210526316vw , 6.25rem );
  }
}
@supports not (gap: clamp( 1.25rem , -0.4342105263rem  +  8.4210526316vw , 6.25rem )) {
  .layer__two-columns {
    gap: calc(1.25rem + 5 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .layer__two-columns {
    display: flex;
    flex-direction: column;
  }
}
.layer__two-columns:not(:last-child) {
  margin-bottom: 120px;
}
@media (max-width: 998px) {
  .layer__two-columns {
    margin-bottom: 20px;
  }
}
.layer__img-ibg {
  height: 100%;
  z-index: 2;
  min-height: 500px;
  width: 100%;
}
@media (max-width: 998px) {
  .layer__img-ibg {
    order: 0;
  }
}
.layer__img-ibg img {
  max-width: 100%;
  object-fit: contain;
  z-index: 2;
}
@media (max-width: 998px) {
  .layer__img-ibg img {
    width: 80%;
    left: 10%;
  }
}
.layer__main {
  margin-left: auto;
  max-width: 450px;
}
@media (max-width: 998px) {
  .layer__main {
    order: 10;
  }
}
.layer__main.-max-width-none {
  max-width: 100%;
}
.layer__main--head {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 40px;
  font-weight: 600;
  line-height: 150%;
}
@supports (font-size: clamp( 1.5rem , 1.2052631579rem  +  1.4736842105vw , 2.375rem )) {
  .layer__main--head {
    font-size: clamp( 1.5rem , 1.2052631579rem  +  1.4736842105vw , 2.375rem );
  }
}
@supports not (font-size: clamp( 1.5rem , 1.2052631579rem  +  1.4736842105vw , 2.375rem )) {
  .layer__main--head {
    font-size: calc(1.5rem + 0.875 * (100vw - 20rem) / 59.375);
  }
}
.layer__main--icon {
  width: 92px;
  height: 92px;
  display: flex;
  min-width: 92px;
  align-items: center;
  justify-content: center;
}
.layer__main--icon img {
  max-width: 100%;
}
.layer__sub-text {
  max-width: 800px;
  margin: 80px auto 0px auto;
}
@media (max-width: 998px) {
  .layer__sub-text {
    margin-top: 0rem;
  }
}
.layer__header {
  font-weight: 600;
  line-height: 125%;
  padding-left: 50px;
}
@supports (font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem )) {
  .layer__header {
    font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem );
  }
}
@supports not (font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem )) {
  .layer__header {
    font-size: calc(1.875rem + 1.5625 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 1.875rem , 0.1907894737rem  +  8.4210526316vw , 6.875rem )) {
  .layer__header {
    padding-bottom: clamp( 1.875rem , 0.1907894737rem  +  8.4210526316vw , 6.875rem );
  }
}
@supports not (padding-bottom: clamp( 1.875rem , 0.1907894737rem  +  8.4210526316vw , 6.875rem )) {
  .layer__header {
    padding-bottom: calc(1.875rem + 5 * (100vw - 20rem) / 59.375);
  }
}

.layer-painted {
  color: #ffffff;
  background: radial-gradient(58.38% 43.81% at 69.71% 73.44%, #5658de 0%, #0c254f 100%, #0c254f 100%);
}
@supports (padding-top: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem )) {
  .layer-painted {
    padding-top: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem );
  }
}
@supports not (padding-top: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem )) {
  .layer-painted {
    padding-top: calc(2.5rem + 4.375 * (100vw - 20rem) / 59.375);
  }
}
@supports (padding-bottom: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem )) {
  .layer-painted {
    padding-bottom: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem );
  }
}
@supports not (padding-bottom: clamp( 2.5rem , 1.0263157895rem  +  7.3684210526vw , 6.875rem )) {
  .layer-painted {
    padding-bottom: calc(2.5rem + 4.375 * (100vw - 20rem) / 59.375);
  }
}
.layer-painted__two-columns {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 0.7fr;
}
@media (max-width: 998px) {
  .layer-painted__two-columns {
    display: flex;
    flex-direction: column;
  }
}
.layer-painted__title {
  font-weight: 600;
  line-height: 125%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #ffffff;
}
@supports (font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem )) {
  .layer-painted__title {
    font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem );
  }
}
@supports not (font-size: clamp( 1.875rem , 1.3486842105rem  +  2.6315789474vw , 3.4375rem )) {
  .layer-painted__title {
    font-size: calc(1.875rem + 1.5625 * (100vw - 20rem) / 59.375);
  }
}
.layer-painted__text {
  margin-top: 60px;
  font-weight: 400;
  line-height: 150%;
  padding-left: 50px;
  color: #ffffff;
}
@supports (font-size: clamp( 1.25rem , 1.1236842105rem  +  0.6315789474vw , 1.625rem )) {
  .layer-painted__text {
    font-size: clamp( 1.25rem , 1.1236842105rem  +  0.6315789474vw , 1.625rem );
  }
}
@supports not (font-size: clamp( 1.25rem , 1.1236842105rem  +  0.6315789474vw , 1.625rem )) {
  .layer-painted__text {
    font-size: calc(1.25rem + 0.375 * (100vw - 20rem) / 59.375);
  }
}
@media (max-width: 998px) {
  .layer-painted__text {
    padding-left: 10px;
    margin-top: 30px;
  }
}
.layer-painted__text p:not(:last-child),
.layer-painted__text ul:not(:last-child),
.layer-painted__text li:not(:last-child) {
  margin-bottom: 20px;
}
.layer-painted__img-ibg {
  min-height: 350px;
}

.block-text__width-decoration {
  font-weight: 400;
  line-height: 150%;
  position: relative;
  padding-left: 40px;
}
@supports (font-size: clamp( 1.25rem , 1.1236842105rem  +  0.6315789474vw , 1.625rem )) {
  .block-text__width-decoration {
    font-size: clamp( 1.25rem , 1.1236842105rem  +  0.6315789474vw , 1.625rem );
  }
}
@supports not (font-size: clamp( 1.25rem , 1.1236842105rem  +  0.6315789474vw , 1.625rem )) {
  .block-text__width-decoration {
    font-size: calc(1.25rem + 0.375 * (100vw - 20rem) / 59.375);
  }
}
.block-text__width-decoration::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #6571ff 2.1%, #ff3b6c 133.74%);
  border-radius: 7px;
  width: 8px;
  height: 100%;
}
.block-text__width-decoration p:not(:last-child),
.block-text__width-decoration li:not(:last-child),
.block-text__width-decoration ul:not(:last-child) {
  margin-bottom: 20px;
}

.bg-img {
  width: 120% !important;
  position: absolute;
  height: 120% !important;
  top: -10% !important;
  left: -10% !important;
  z-index: 0 !important;
  object-position: center;
  object-fit: contain;
  max-width: none !important;
  animation: move 5s linear infinite;
}

@keyframes move {
  0% {
    transform: translate(0%, 0%);
  }
  25% {
    transform: translate(-4%, -2%);
  }
  45% {
    transform: translate(0%, 0%);
  }
  70% {
    transform: translate(4%, -4%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
li {
  list-style: none;
}

.btn {
  font-size: 18px;
  color: rgb(255, 255, 255);
  padding: 15px 20px;
  text-transform: uppercase;
  font-weight: 500;
  background-color: #6571ff;
  border-radius: 15px;
  display: inline-block;
  transition: 0.2s linear;
}
.btn:hover {
  background: #ff3b6c;
  transition: 0.2s linear;
}

.title-block {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 125%;
  display: flex;
  align-items: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #091b39;
  font-family: SintesiSnsW00;
  position: relative;
  padding-left: 30px;
}
@supports (font-size: clamp( 2rem , 1.4105263158rem  +  2.9473684211vw , 3.75rem )) {
  .title-block {
    font-size: clamp( 2rem , 1.4105263158rem  +  2.9473684211vw , 3.75rem );
  }
}
@supports not (font-size: clamp( 2rem , 1.4105263158rem  +  2.9473684211vw , 3.75rem )) {
  .title-block {
    font-size: calc(2rem + 1.75 * (100vw - 20rem) / 59.375);
  }
}
.title-block::after {
  width: 10px;
  min-height: 50px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  content: "";
  background: linear-gradient(180deg, #6571ff 2.1%, #ff3b6c 133.74%);
  border-radius: 7px;
  max-height: 60%;
}
.title-block.-white-color {
  color: #fff;
}
.title-block.-text-center {
  text-align: center;
  margin: 0 auto;
}
.title-block.-svg {
  width: 100%;
  max-width: 400px;
}

.suBtitle-block {
  padding-left: 30px;
  font-size: 16px;
  line-height: 25px;
  color: #8d8d8d;
  font-weight: 400;
  display: inline-block;
}