/* cmsms stylesheet: csa_main_css modified: Friday, October 17, 2025 4:02:26 PM */
@font-face {
  font-family: DMSans;
  font-display: swap;
  src: url(/uploads/fonts/DMSans-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: DMSans;
  font-display: swap;
  src: url(/uploads/fonts/DMSans-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Lufga;
  font-display: swap;
  src: url(/uploads/fonts/Lufga-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: DMSans;
  font-display: swap;
  src: url(/uploads/fonts/DMSans-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: Lufga;
  font-display: swap;
  src: url(/uploads/fonts/Lufga-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: Lufga;
  font-display: swap;
  src: url(/uploads/fonts/Lufga-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
:root {
  --gray1: #2f3c45;
  --blue: #0c43c4;
  --white: #fff;
  --tiffany: #99e1d9;
  --tiffanyHover: #80d2c9;
  --gray2: #5d6f7a;
  --black: #071117;
  --red: #f8333c;
  --bg-black: #171f24;
  --gray3: #cfd5d8;
  --gray3-2: #97acba;
  --badge-bg1: #26333b
}
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 360px
}
body {
  color: var(--text-primary);
  line-height: 1.316;
  font-family: DMSans;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: DMSans;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: rgba(0,0,0,0)
}
input,
textarea {
  width: 100%
}
label {
  display: inline-block
}
button,
option,
select {
  cursor: pointer
}
a,
button {
  -webkit-tap-highlight-color: transparent
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img,
svg {
  max-width: 100%;
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
html {
  scroll-behavior: smooth
}
body {
  background-color: var(--bg-black);
  color: var(--gray3-2);
  position: relative
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
body::before {
  content: "";
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15,17,20,.94);
  opacity: 0;
  z-index: -1;
  transition: all .3s ease
}
.popup-open body::before {
  opacity: 1;
  z-index: 8
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper>main {
  flex: 1 1 auto
}
.wrapper>* {
  min-width: 0
}
[class*=__container] {
  max-width: 80.5rem;
  margin: 0 auto;
  padding: 0 2rem
}
[class*="--gc"] {
  display: grid;
  min-width: 0;
  grid-template-columns: 2rem 1fr minmax(auto,76.5rem) 1fr 2rem
}
[class*="--gc"]>* {
  min-width: 0;
  grid-column: 3/4
}
.menu__list {
  display: flex;
  color: var(--white)
}
.menu__link {
  font-family: Lufga;
  font-size: 1.125rem;
  transition: color .3s ease
}
.menu__link.active {
  pointer-events: none;
  color: var(--tiffany)
}
.menu__pages-link {
  font-size: .9375rem;
  color: var(--gray2)
}
.icon-menu {
  display: none
}
body::after {
  content: "";
  background-color: rgba(0,0,0,.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .8s ease 0s;
  pointer-events: none;
  z-index: 149
}
.popup-show body::after {
  opacity: 1
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1.875rem 1rem;
  transition: visibility .8s ease 0s;
  visibility: hidden;
  pointer-events: none
}
.popup.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto
}
.popup__wrapper {
  flex-direction: column;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
  width: 100%;
  box-shadow: 0 .625rem 2.625rem 0 rgba(0,0,0,.4);
  background: radial-gradient(123.1% 129.95% at 99.34% 31.81%,#1c262c 77.13%,#224f4a 100%);
  border: .125rem solid #222e35;
  border-radius: .75rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center
}
.lock .popup__content {
  visibility: visible
}
.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.popup__title {
  max-width: -webkit-max-content;
  max-width: max-content;
  background: linear-gradient(57deg,#fff 30%,#92a4af 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.popup__title:not(:last-child) {
  margin-bottom: .5rem
}
.popup__text:not(:last-child) {
  margin-bottom: 1.5rem
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ibg--top {
  -o-object-position: top;
  object-position: top
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom
}
.ibg--left {
  -o-object-position: left;
  object-position: left
}
.ibg--right {
  -o-object-position: right;
  object-position: right
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain
}
.page {
  position: relative
}
.page__decor-top {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  left: 0;
  z-index: -1
}
.page__header {
  position: relative
}
.title-1,
.title-2,
.title-3,
.title-4,
.title-5,
.title-6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Lufga;
  font-weight: 500
}
.title-1,
h1 {
  line-height: 1.06;
  max-width: -webkit-max-content;
  max-width: max-content
}
.title-1 {
  background: linear-gradient(57deg,#fff 30%,#92a4af 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.title-1 span {
  display: block;
  background: linear-gradient(47deg,#99e1d9 0,#3b736d 100%);
  max-width: -webkit-max-content;
  max-width: max-content;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.title-2,
h2 {
  line-height: 1.04
}
.title-2 {
  max-width: -webkit-max-content;
  max-width: max-content;
  background: linear-gradient(57deg,#fff 30%,#92a4af 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  color: var(--white);
  font-family: Lufga;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1;
  border-radius: 3.125rem;
  padding: .5rem 1.25rem;
  min-height: 2.75rem;
  cursor: pointer;
  transition: all .3s ease
}
.button svg {
  width: 1.5rem;
  height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  flex-shrink: 0
}
.button--link {
  color: var(--tiffany);
  border: .125rem solid var(--tiffany);
  background-color: var(--bg-black);
  font-size: .875rem;
  padding: .5rem .875rem;
  min-height: 2.25rem
}
.button--link svg {
  width: 1rem;
  height: 1rem
}
.button--border {
  border: .125rem solid var(--gray1)
}
.button--accent-border {
  border: .125rem solid var(--tiffany)
}
.button--arrow {
  width: 2.75rem;
  height: 2.75rem;
  position: relative;
  border-color: #2f776f
}
.button--arrow span {
  opacity: 0;
  width: 0;
  transition: width .4s ease,opacity .1s ease
}
.button--arrow svg {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  right: .25rem;
  transition: all .4s ease
}
.button--arrow svg path {
  transition: fill .4s ease
}
.button--accent {
  color: var(--black);
  padding: .75rem 1.25rem;
  background-color: var(--tiffany);
  min-width: 8.75rem;
  line-height: 1;
  border: none
}
.content__container {
  position: relative
}
.content a,
.content span {
  color: var(--tiffany)
}
.content p {
  margin-block: 2rem
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: var(--white);
  margin-bottom: 2rem
}
.content h1:not(:first-child),
.content h2:not(:first-child),
.content h3:not(:first-child),
.content h4:not(:first-child),
.content h5:not(:first-child),
.content h6:not(:first-child) {
  margin-top: 4rem
}
.content h1 {
  background: linear-gradient(57deg,#fff 30%,#92a4af 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.content h1 span {
  display: block;
  background: linear-gradient(47deg,#99e1d9 0,#3b736d 100%);
  max-width: -webkit-max-content;
  max-width: max-content;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.content ol,
.content ul {
  margin-block: 1rem;
  padding-left: 1.625rem
}
.content ol li::marker,
.content ul li::marker {
  color: var(--tiffany)
}
.content ol>:not(:last-child),
.content ul>:not(:last-child) {
  margin-bottom: 1rem
}
.content ul li {
  list-style: disc
}
.content ol ol {
  list-style: lower-alpha
}
.navigation {
  display: flex;
  align-items: center;
  gap: .8125rem
}
.navigation__buttons {
  display: flex;
  gap: 1.5rem
}
.navigation__button {
  -webkit-tap-highlight-color: transparent;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  border: .125rem solid var(--gray1);
  padding: .25rem;
  display: grid;
  flex-shrink: 0;
  place-items: center;
  transition: border-color .3s ease
}
.navigation__button svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  color: var(--tiffany)
}
.navigation__button.swiper-button-disabled {
  pointer-events: none
}
.navigation__button.swiper-button-disabled svg {
  color: var(--gray2)
}
.navigation__pagination {
  flex: 0 0 auto;
  color: var(--white);
  font-family: Lufga;
  font-size: 1.25rem;
  font-weight: 500
}
.navigation__pagination.swiper-pagination-fraction {
  width: -webkit-max-content;
  width: max-content
}
.navigation__scrollbar {
  flex: 1 1 auto;
  height: .125rem;
  background-color: var(--gray1);
  position: relative
}
.navigation__scrollbar .swiper-scrollbar-drag {
  background-color: var(--white)
}
.badge {
  border-radius: .5rem;
  padding: .25rem .75rem;
  display: grid;
  place-items: center;
  max-width: -webkit-max-content;
  max-width: max-content;
  min-height: 1.5rem;
  background-color: var(--badge-bg1);
  color: #99e1d9;
  text-align: center;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.14
}
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem
}
.section-header:not(:last-child) {
  margin-bottom: 2rem
}
.content-about {
  position: relative;
  display: flex
}
.content-about__bg {
  position: absolute;
  z-index: -1;
  -o-object-fit: contain;
  object-fit: contain
}
.content-about__blockquote {
  flex: 1 1 auto
}
.content-about__icon {
  width: 2.875rem;
  height: 2.3125rem;
  color: #2f3c45
}
.content-about__icon:not(:last-child) {
  margin-bottom: 1.5rem
}
.content-about__text {
  font-style: italic
}
.content-about__text:not(:last-child) {
  margin-bottom: 2.5rem
}
.about .content-about__text {
  max-width: 33.875rem;
  color: var(--white)
}
.content-about__author {
  flex-shrink: 0
}
.content-about__decor {
  position: absolute;
  z-index: -1;
  -o-object-fit: contain;
  object-fit: contain
}
.author {
  text-align: center
}
.author__card {
  aspect-ratio: 356/461;
  border-bottom: .125rem solid var(--tiffany);
  border-radius: .75rem;
  overflow: hidden;
  position: relative
}
.author__card:not(:last-child) {
  margin-bottom: 1rem
}
.author__image {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .75rem;
  -webkit-transform: scale(1.01);
  transform: scale(1.01)
}
.author__name {
  font-family: Lufga;
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.18;
  color: var(--white)
}
.author__name:not(:last-child) {
  margin-bottom: .5rem
}
.author__position {
  margin-inline: auto
}
.header {
  position: relative;
  z-index: 10
}
.header::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  pointer-events: none;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100%
}
.header__container {
  display: flex;
  align-items: center
}
.header__logo {
  position: relative;
  z-index: 2
}
.footer {
  padding-top: 5rem;
  background-color: var(--black);
  position: relative
}
.footer::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  bottom: 0;
  background-size: 100%;
  bottom: 100%
}
.footer__container {
  display: flex;
  flex-direction: column;
  gap: 5rem
}
.footer__top {
  display: flex;
  align-items: center;
  gap: 5rem 1.25rem
}
.footer__list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-family: Lufga;
  color: var(--white);
  font-size: 1.125rem
}
.footer__bottom {
  font-size: .9375rem;
  color: var(--gray2);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5rem 1.25rem
}
.footer__pages {
  align-items: center
}
.footer__pages-divider {
  font-size: 1rem
}
.hero__container {
  position: relative
}
.hero__title {
  position: relative;
  z-index: 1
}
.hero__image {
  position: absolute;
  z-index: -1
}
.solutions-preview__container>:not(:last-child) {
  margin-bottom: 2rem
}
.solutions-preview__slide {
  align-self: stretch!important;
  height: 100%
}
.solutions-preview__slide:first-child {
  border-radius: .75rem 0 0 .75rem
}
.solutions-preview__slide:last-child {
  border-radius: 0 .75rem .75rem 0
}
.solutions-preview__navigation {
  margin-top: 2rem
}
.item-solution {
  position: relative;
  overflow: hidden;
  min-height: 31.25rem;
  background: var(--bg-black);
  border: .125rem solid var(--gray1);
  padding: 2rem 3.5rem 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  justify-content: space-between
}
.item-solution:not(:first-child) {
  border-left: none
}
.item-solution.is-active .item-solution__img {
  height: 65%;
  opacity: 1
}
.item-solution.is-active .item-solution__icon {
  -webkit-transform: translateX(.625rem);
  transform: translateX(.625rem);
  box-shadow: .375rem 0 .5rem 0 rgba(248,51,60,.7);
  background-color: var(--bg-black)
}
.item-solution.is-active .item-solution__title {
  -webkit-transform: translateY(-1.25rem);
  transform: translateY(-1.25rem)
}
.item-solution>:not(.item-solution__img) {
  position: relative;
  z-index: 1
}
.item-solution__img {
  position: absolute;
  width: 100%;
  height: 55%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom center;
  object-position: bottom center;
  pointer-events: none;
  opacity: 0;
  transition: all .5s ease
}
.item-solution__icon {
  box-shadow: .375rem 0 .5rem 0 rgba(248,51,60,.15);
  background-color: var(--badge-bg1);
  border-radius: 3.125rem;
  padding: .625rem;
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  transition: all .5s ease
}
.item-solution__icon svg {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
  object-fit: contain
}
.item-solution__title {
  font-family: Lufga;
  max-width: 10.625rem;
  font-weight: 500;
  color: var(--white);
  text-wrap: balance;
  font-size: 1.5rem;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease,-webkit-transform .5s ease
}
.last-cases__container {
  position: relative
}
.last-cases__container>:not(:last-child) {
  margin-bottom: 2rem
}
.last-cases__decor {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: -1
}
.last-cases__navigation:not(:has(.swiper-button-lock)) {
  margin-top: 2rem
}
.case-item {
  position: relative
}
.case-item__image {
  border-radius: .75rem;
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 397/220
}
.case-item__image img {
  background-color: #d3d3d3;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover
}
.case-item__image:not(:last-child) {
  margin-bottom: 1rem
}
.case-item__link-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 3
}
.case-item__title {
  color: var(--white);
  font-family: Lufga;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.32
}
.case-item__title:not(:last-child) {
  margin-bottom: 1rem
}
.case-item__row {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  justify-content: space-between
}
.case-item__row:not(:last-child) {
  margin-bottom: 1.5rem
}
.case-item__year {
  color: var(--white);
  font-weight: 500;
  text-align: right
}
.case-item__text {
  font-size: 1.0625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}
.about-us__title:not(:last-child) {
  margin-bottom: 2rem
}
.about-us__header {
  display: flex;
  gap: 2rem;
  align-items: flex-end
}
.about-us__header:not(:last-child) {
  margin-bottom: 5rem
}
.about-us__text {
  font-family: Lufga;
  font-weight: 500;
  color: var(--white)
}
.contact__container {
  position: relative
}
.contact__title:not(:last-child) {
  margin-bottom: 2rem
}
.contact__body {
  display: flex;
  gap: 5rem
}
.contact__info>:not(:last-child) {
  margin-bottom: .5rem
}
.contact__address {
  font-weight: 500;
  color: var(--white)
}
.contact__links {
  font-weight: 500;
  color: var(--tiffany)
}
.contact__link {
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  gap: .5rem
}
.contact__link svg {
  width: 1rem;
  height: 1rem
}
.contact__form {
  background: radial-gradient(123.1% 129.95% at 99.34% 31.81%,#1c262c 77.13%,#224f4a 100%);
  border: .125rem solid #222e35;
  border-radius: .75rem
}
.form__wrap>:not(:last-child) {
  margin-bottom: 1.125rem
}
.form__item textarea {
  min-height: 8.6875rem;
  resize: none
}
.form__label {
  width: 100%;
  display: grid;
  gap: .5rem
}
.form__label-text {
  font-size: .9375rem;
  text-transform: uppercase;
  color: var(--gray3-2)
}
.form__input {
  background-color: var(--bg-black);
  border: .125rem solid #222e35;
  border-radius: .5rem;
  padding: .75rem 1.25rem;
  width: 100%;
  font-size: 1.125rem;
  color: var(--white);
  min-height: 2.9375rem;
  outline: transparent;
  transition: all .3s ease
}
.form__input::-webkit-input-placeholder {
  font-family: inherit;
  font-size: inherit;
  color: var(--gray2)
}
.form__input:-ms-input-placeholder {
  font-family: inherit;
  font-size: inherit;
  color: var(--gray2)
}
.form__input::-ms-input-placeholder {
  font-family: inherit;
  font-size: inherit;
  color: var(--gray2)
}
.form__input::placeholder {
  font-family: inherit;
  font-size: inherit;
  color: var(--gray2)
}
.form__input:focus-visible {
  border-color: var(--tiffany)
}
.form__info {
  font-size: .9375rem;
  color: var(--white);
  margin-top: 1.5rem
}
.form__info a,
.form__info span {
  color: var(--tiffany)
}
.form__button {
  margin-top: 2rem
}
.solutions__img {
  position: absolute;
  z-index: -1;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: initial
}
.solutions__content {
  margin-left: auto
}
.solutions__content>:not(:last-child) {
  margin-bottom: 2.5rem
}
.solutions__content:not(:last-child) {
  margin-bottom: 5rem
}
.solutions__description {
  font-family: Lufga;
  font-weight: 500;
  color: var(--white)
}
.solutions__list {
  display: grid
}
.solution-item {
  position: relative;
  overflow: hidden;
  background: var(--bg-black);
  border: .125rem solid var(--gray1);
  border-collapse: collapse;
  display: flex;
  flex-direction: column;
  gap: 8.75rem
}
.solution-item.is-active .solution-item__img {
  height: 60%;
  opacity: 1
}
.solution-item.is-active .solution-item__icon {
  -webkit-transform: translateX(.5rem);
  transform: translateX(.5rem);
  box-shadow: .375rem 0 .5rem 0 rgba(248,51,60,.7);
  background-color: var(--bg-black)
}
.solution-item.is-active .solution-item__content {
  -webkit-transform: translateY(-1.25rem);
  transform: translateY(-1.25rem)
}
.solution-item>:not(.solution-item__img) {
  position: relative;
  z-index: 1
}
.solution-item__img {
  position: absolute;
  width: 100%;
  height: 15%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom center;
  object-position: bottom center;
  pointer-events: none;
  opacity: 0;
  transition: all .5s ease
}
.solution-item__icon {
  box-shadow: .375rem 0 .5rem 0 rgba(248,51,60,.15);
  background-color: var(--badge-bg1);
  border-radius: 3.125rem;
  padding: .625rem;
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  transition: all .5s ease
}
.solution-item__icon svg {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
  object-fit: contain
}
.solution-item__content {
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease,-webkit-transform .5s ease
}
.solution-item__content>:not(:last-child) {
  margin-bottom: .75rem
}
.solution-item__link {
  max-width: -moz-fit-content;
  max-width: -webkit-fit-content;
  max-width: fit-content
}
.solution-item__title {
  font-family: Lufga;
  font-weight: 500;
  color: var(--white);
  line-height: 1.32
}
.solution-item__text {
  font-size: 1.0625rem
}
.article__header:not(:last-child) {
  margin-bottom: 3.5rem
}
.article__title {
  color: var(--white)
}
.article__title:not(:last-child) {
  margin-bottom: 1rem
}
.article__info {
  display: flex;
  gap: 1rem
}
.article__info:not(:last-child) {
  margin-bottom: 2.5rem
}
.article__meta {
  display: flex;
  align-items: center;
  gap: 1rem
}
.article__year {
  font-weight: 500;
  font-size: 1rem;
  color: var(--white)
}
.article__image {
  border-radius: .75rem;
  width: 100%;
  aspect-ratio: 666/366;
  -o-object-fit: cover;
  object-fit: cover
}
.article__content:not(:last-child) {
  margin-bottom: 5rem
}
.article__content>:not(:last-child) {
  margin-bottom: 2.5rem
}

.article__content a,
.article__content span {
  color: var(--tiffany)
}

.article__button svg {
  color: var(--tiffany)
}
.content-article__row {
  display: grid
}
.content-article__row:nth-child(1) .content-article__caption {
  margin-top: .125rem
}
.content-article__row:nth-child(2) .content-article__caption {
  margin-top: .3125rem
}
.content-article__row:nth-child(n+3) .content-article__caption {
  margin-top: .1875rem
}
.content-article__caption {
  font-family: Lufga;
  font-weight: 500;
  font-size: .9375rem;
  text-transform: uppercase;
  color: var(--gray2)
}
.content-article__description {
  font-family: Lufga;
  font-weight: 500;
  color: var(--white)
}
.content-article__list {
  padding-left: 1.625rem
}
.content-article__list li {
  list-style: disc
}
.content-article__list li::marker {
  color: var(--tiffany)
}
.about__img {
  position: absolute;
  z-index: -1;
  -o-object-fit: contain;
  object-fit: contain
}
.about__info {
  position: relative
}
.about__info>:first-child {
  font-weight: 500;
  color: var(--white);
  font-family: Lufga
}
.about__info>:first-child:not(:last-child) {
  margin-bottom: 2.5rem
}
.about__info>:not(:last-child) {
  margin-bottom: 1.5rem
}
.about__info:not(:last-child) {
  margin-bottom: 12.5rem
}

.about__info a,
.about__info span {
  color: var(--tiffany)
}

.cases__img {
  position: absolute;
  z-index: -1;
  -o-object-fit: contain;
  object-fit: contain
}
.cases__list {
  display: grid;
  position: relative
}
.cases__pagging {
  margin-top: 7.5rem
}
.custom-pagination__list {
  display: flex;
  justify-content: center;
  gap: 1rem
}
.custom-pagination__list a,
.custom-pagination__list span {
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: .5rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: Lufga;
  font-weight: 500;
  font-size: 1.125rem;
  text-align: center
}
.custom-pagination__list a {
  border: .125rem solid var(--gray1);
  color: var(--tiffany)
}
.custom-pagination__list span {
  pointer-events: none;
  color: var(--black);
  background-color: var(--tiffany)
}
.page-404 {
  flex: 1 1 auto;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center
}
.page-404__decor {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: -1
}
.full__container {
  display: grid;
  text-align: center;
  position: relative
}
.full__image {
  margin-inline: auto
}
.full__image:not(:last-child) {
  margin-bottom: 5rem
}
.full__title {
  color: var(--white)
}
.full__title:not(:last-child) {
  margin-bottom: .5rem
}
.full__text:not(:last-child) {
  margin-bottom: 1.5rem
}
.swiper {
  overflow: hidden
}
.swiper-initialized {
  touch-action: pan-y
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative
}
.swiper-vertical .swiper-wrapper {
  flex-direction: column
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start
}
.swiper-initialized .swiper-slide {
  flex-shrink: 0
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.swiper-button-lock {
  display: none!important
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal
}
:root {
  --swiper-theme-color: #007aff
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.swiper-pointer-events {
  touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}
:root {
  --swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44*27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next"
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  transform: scale(.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet:only-child {
  display: none!important
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity,1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right
}
.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}
.swiper-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube {
  overflow: visible
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px)
}
.swiper-flip {
  overflow: visible
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: opacity,height,-webkit-transform;
  transition-property: transform,opacity,height;
  transition-property: transform,opacity,height,-webkit-transform
}
.swiper-cards {
  overflow: visible
}
.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}
@media (min-width:29.99875em) {
  .popup__content {
    padding: 4rem 3.25rem;
    width: 31.25rem
  }
  .popup__title {
    font-size: 2.375rem
  }
  .page__decor-top {
    width: 26.625rem;
    height: 34.4375rem;
    top: 25.125rem;
    left: -16.5625rem
  }
  .page__section {
    padding-block: 8.5625rem 13.75rem
  }
  .page__header:not(:last-child) {
    margin-bottom: 12.5rem
  }
  .title-3,
  h3 {
    font-size: 2.25rem
  }
  .title-4,
  h4 {
    font-size: 2rem
  }
  .title-5,
  h5 {
    font-size: 1.5rem
  }
  .title-6,
  h6 {
    font-size: 1.25rem
  }
  .navigation {
    align-items: center;
    justify-content: flex-end
  }
  .content-about__bg {
    width: 26.75rem;
    height: 25.5625rem;
    left: -10.875rem;
    bottom: -9.75rem
  }
  .content-about__text {
    font-size: 1.75rem
  }
  .content-about__author {
    flex-basis: 18.75rem
  }
  .content-about__decor {
    width: 26.75rem;
    height: 25.5625rem;
    top: -11.6875rem;
    right: -11.8125rem
  }
  .header::after {
    background-image: url(/uploads/img/header/decore-lg.svg);
    height: 10.5625rem
  }
  .header__button {
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    max-width: fit-content
  }
  .footer::after {
    height: 10.5625rem;
    background-image: url(/uploads/img/footer/decor-lg.svg)
  }
  .wrapper--home .footer::after {
    height: 16.3125rem;
    background-image: url(/uploads/img/footer/home-decor-lg.svg)
  }
  .footer__list {
    flex-wrap: wrap;
    justify-content: center
  }
  .footer__bottom {
    justify-content: space-between
  }
  .footer__pages {
    display: inline-flex;
    gap: 1rem
  }
  .hero__container {
    padding-top: 7.75rem;
    padding-bottom: 11.25rem
  }
  .hero__image {
    top: 4.9375rem;
    right: -12.75rem
  }
  .solutions-preview__navigation .navigation__pagination,
  .solutions-preview__navigation .navigation__scrollbar {
    display: none
  }
  .solutions-preview__navigation .navigation__buttons {
    margin-left: auto
  }
  .last-cases__decor--top {
    width: 26.625rem;
    height: 34.4375rem;
    top: -22.4375rem;
    left: -18.625rem
  }
  .last-cases__decor--bottom {
    width: 31.4375rem;
    height: 45.1875rem;
    bottom: -36rem;
    right: -25.25rem
  }
  .about-us__header {
    padding-left: 7.5rem
  }
  .about-us__text {
    font-size: 1.375rem
  }
  .contact__info {
    max-width: 26.125rem
  }
  .contact__form {
    padding: 2.5rem 2.5rem 4rem
  }
  .form__button {
    margin-left: auto
  }
  .solutions__img {
    right: -4.125rem;
    top: -8.0625rem
  }
  .solutions__content {
    max-width: 29rem
  }
  .solution-item {
    min-height: 42.5rem;
    padding: 2.5rem 1.5rem 6.25rem
  }
  .article__action,
  .article__header {
    max-width: 29rem;
    margin-left: auto
  }
  .article__info {
    align-items: center;
    justify-content: space-between
  }
  .article__button {
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    max-width: fit-content
  }
  .content-article__row {
    align-items: start;
    grid-template-columns: 8.625rem 1fr
  }
  .content-article__caption {
    text-align: right
  }
  .about__img {
    width: 30.1875rem;
    height: 20.4375rem;
    right: -3.875rem;
    top: -5.875rem
  }
  .about__info {
    padding-left: 34.1%
  }
  .cases__img {
    width: 22.375rem;
    height: 22.5rem;
    right: -6.125rem;
    top: -9.6875rem
  }
  .cases__list {
    grid-template-columns: repeat(2,1fr);
    gap: 2.5rem 1rem
  }
  .page-404__decor {
    width: 26.625rem;
    height: 34.4375rem;
    top: 10.0625rem;
    left: -16.5625rem
  }
  .full__button {
    max-width: -webkit-max-content;
    max-width: max-content;
    margin-inline: auto
  }
}
@media (min-width:43.75em) {
  .solutions__list {
    grid-template-columns: repeat(2,1fr)
  }
  .article__wrap {
    padding-left: 4.625rem
  }
}
@media (min-width:48.06125em) {
  html {
    scroll-padding-top: 7.5rem
  }
  .popup__text {
    font-size: 1.1875rem
  }
  .page__section {
    padding-block: 6.875rem 17.5rem
  }
  .page__header:not(:last-child) {
    margin-bottom: 15rem
  }
  .content {
    font-size: 1.1875rem
  }
  .section {
    padding-block: 6.875rem
  }
  .content-about__bg {
    width: 38rem;
    height: 36.3125rem;
    top: 2.3125rem;
    left: -6.1875rem
  }
  .content-about__text {
    font-size: 2rem
  }
  .content-about__author {
    flex-basis: 22.25rem
  }
  .content-about__decor {
    width: 38rem;
    height: 36.3125rem;
    top: -15.6875rem;
    right: -12.4375rem
  }
  .content-about__description {
    font-size: 1.1875rem
  }
  .header::after {
    background-image: url(/uploads/img/header/decore.svg);
    height: 11.6875rem
  }
  .header__container {
    min-height: 9.375rem;
    padding-block: .375rem
  }
  .header__logo {
    width: 9.5rem;
    height: 2.125rem
  }
  .footer {
    padding-bottom: 5rem
  }
  .footer::after {
    height: 22.4375rem;
    background-image: url(/uploads/img/footer/decor.svg)
  }
  .wrapper--home .footer::after {
    height: 25rem;
    background-image: url(/uploads/img/footer/home-decor.svg)
  }
  .footer__top {
    justify-content: space-between
  }
  .footer__logo {
    width: 8.375rem;
    height: 1.875rem
  }
  .hero__container {
    padding-top: 11.375rem;
    padding-bottom: 13.4375rem
  }
  .hero__title {
    max-width: 53.125rem
  }
  .hero__image {
    top: 3.0625rem;
    right: -10.75rem
  }
  .case-item__content {
    padding-inline: 1rem
  }
  .contact {
    padding-bottom: 13.75rem
  }
  .contact__address {
    font-size: 1.375rem
  }
  .contact__links>:not(:last-child) {
    margin-bottom: 3rem
  }
  .contact__link--lg {
    font-size: 1.375rem
  }
  .solutions__img {
    width: 35.5rem;
    height: 21.875rem;
    left: 29.875rem;
    top: -7.5rem
  }
  .solutions__content {
    max-width: 41.625rem
  }
  .solutions__description {
    font-size: 1.5rem
  }
  .solutions__text {
    font-size: 1.1875rem
  }
  .solution-item {
    min-height: 40rem;
    padding: 2.5rem 4rem 3.1875rem 2rem
  }
  .solution-item__title {
    font-size: 1.5625rem
  }
  .content-article__row {
    gap: 4.3125rem
  }
  .content-article__description {
    font-size: 1.5rem
  }
  .content-article__list,
  .content-article__text {
    font-size: 1.1875rem
  }
  .about__img {
    width: 35.6875rem;
    height: 24.1875rem;
    left: 28.4375rem;
    top: -7.875rem
  }
  .about__info {
    font-size: 1.1875rem
  }
  .about__info>:first-child {
    font-size: 1.5rem
  }
  .about__info {
    padding-left: 45.6%
  }
  .cases__img {
    width: 26.5rem;
    height: 26.625rem;
    left: 33.0625rem;
    top: -9.8125rem
  }
  .page-404 {
    padding-block: 9.375rem 17.5rem
  }
  .full__text {
    font-size: 1.1875rem
  }
}
@media (min-width:61.99875em) {
  .menu__list {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: .25rem 1.5rem
  }
  .menu__pages {
    display: none
  }
  .page__decor-top {
    top: 37.875rem;
    left: -15.625rem
  }
  .title-1,
  h1 {
    font-size: 4rem
  }
  .title-2,
  h2 {
    font-size: 3.0625rem
  }
  .title-3,
  h3 {
    font-size: 2.375rem
  }
  .content__container {
    max-width: 54.5rem
  }
  .content-about {
    padding-inline: 7.75rem;
    gap: 5.25rem
  }
  .about .content-about {
    padding-right: 0
  }
  .header__menu {
    flex: 1 1 auto
  }
  .last-cases__decor--top {
    top: -21.5625rem;
    left: -37.375rem
  }
  .last-cases__decor--bottom {
    width: 39.8125rem;
    height: 57.1875rem;
    bottom: -38.9375rem;
    right: -47.875rem
  }
  .about-us__header {
    padding-inline: 19.375rem 3.875rem
  }
  .contact__body {
    justify-content: space-between
  }
  .contact__form {
    max-width: 33.875rem
  }
  .solutions__list {
    grid-template-columns: repeat(3,1fr)
  }
  .article__action,
  .article__header {
    max-width: 41.625rem
  }
  .article__wrap {
    padding-left: 28.7%
  }
  .cases__list {
    grid-template-columns: repeat(3,1fr)
  }
  .page-404__decor {
    top: 12.625rem;
    left: -15.625rem
  }
}
@media (min-width:80.5em) {
  .header__container {
    gap: 13.75rem
  }
  .hero__image {
    width: 45.1875rem
  }
  .hero__image {
    height: 39.625rem
  }
  .full__image {
    width: 43.75rem
  }
  .full__image {
    height: 17.875rem
  }
}
@media (max-width:61.99875em) {
  .menu__body {
    position: fixed;
    max-width: 30rem;
    width: 100%;
    height: -webkit-max-content;
    height: max-content;
    top: 0;
    right: -100%;
    overflow: auto;
    background-color: var(--black);
    display: flex;
    gap: 2.5rem;
    transition: right .3s;
    flex-direction: column
  }
  .menu-open .menu__body {
    right: 0
  }
  .menu__list {
    flex-direction: column;
    flex: 0 0 auto;
    gap: 1.5rem
  }
  .menu__pages {
    padding-top: 2.5rem;
    border-top: .0625rem solid var(--gray1);
    display: grid;
    gap: 1.5rem
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.5rem;
    height: 1.25rem;
    z-index: 5
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .1875rem;
    background-color: var(--white)
  }
  .icon-menu::before {
    top: 0
  }
  .icon-menu::after {
    bottom: 0
  }
  .icon-menu span {
    top: calc(50% - .09375rem)
  }
  .menu-open .icon-menu span {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .09375rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .09375rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .content-about {
    gap: 2rem
  }
  .header__container {
    gap: 2.5rem
  }
  .header__container {
    min-height: 4.625rem;
    justify-content: space-between;
    padding-block: 1.5rem
  }
  .contact__body {
    flex-direction: column
  }
}
@media (max-width:61.99875em)and (max-width:29.99875em) {
  .menu__body {
    padding: 8.25rem 1rem 4.6875rem;
    height: 100%
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    right: -100%;
    top: 0;
    transition: right .3s;
    z-index: 2;
    background-color: var(--bg-secondary)
  }
  .menu-open .menu__body::before {
    right: 0
  }
}
@media (max-width:61.99875em)and (max-width:29.99875em)and (max-width:48.06125em) {
  .menu__body::before {
    height: 5rem
  }
}
@media (max-width:61.99875em)and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (max-width:48.06125em) {
  html {
    scroll-padding-top: 4.375rem
  }
  .popup__text {
    font-size: 1.125rem
  }
  .content {
    font-size: 1.125rem
  }
  .section {
    padding-block: 6.25rem
  }
  .content-about__description {
    font-size: 1.125rem
  }
  .header__logo {
    width: 7.8125rem;
    height: 1.75rem
  }
  .footer {
    padding-bottom: 2.5rem
  }
  .footer__top {
    flex-direction: column
  }
  .footer__logo {
    width: 7.8125rem;
    height: 1.75rem
  }
  .case-item__content {
    padding-inline: .5rem
  }
  .contact {
    padding-bottom: 12.5rem
  }
  .contact__address {
    font-size: 1.25rem
  }
  .contact__links>:not(:last-child) {
    margin-bottom: 2rem
  }
  .contact__link--lg {
    font-size: 1.25rem
  }
  .solutions__img {
    width: 32rem;
    height: 19.8125rem
  }
  .solutions__description {
    font-size: 1.375rem
  }
  .solutions__text {
    font-size: 1.125rem
  }
  .solution-item__title {
    font-size: 1.4375rem
  }
  .content-article__row {
    gap: .5rem 1.75rem
  }
  .content-article__description {
    font-size: 1.375rem
  }
  .content-article__list,
  .content-article__text {
    font-size: 1.125rem
  }
  .about__info {
    font-size: 1.125rem
  }
  .about__info>:first-child {
    font-size: 1.375rem
  }
  .page-404 {
    padding-block: 8.5rem 13.75rem
  }
  .full__text {
    font-size: 1.125rem
  }
}
@media (max-width:43.75em) {
  .content-about {
    flex-direction: column
  }
  .about .content-about__blockquote {
    order: 1
  }
  .about .content-about__author {
    order: 2
  }
  .about .content-about__description {
    order: 3
  }
}
@media (max-width:39.25em) {
  .title-1,
  h1 {
    font-size: 2.375rem
  }
}
@media (max-width:29.99875em) {
  [class*=__container] {
    padding-inline: 1rem
  }
  .popup__content {
    padding: 2.5rem 1.5rem;
    width: 20.5rem
  }
  .popup__title {
    font-size: 2rem
  }
  .popup__button {
    width: 100%
  }
  .page__decor-top {
    width: 19.375rem;
    height: 25.125rem;
    top: 39.125rem;
    left: -12.1875rem
  }
  .page__section {
    padding-block: 4.6875rem 13.75rem
  }
  .page__header:not(:last-child) {
    margin-bottom: 18.125rem
  }
  .title-3,
  h3 {
    font-size: 1.75rem
  }
  .title-4,
  h4 {
    font-size: 1.5rem
  }
  .title-5,
  h5 {
    font-size: 1.3125rem
  }
  .title-6,
  h6 {
    font-size: 1.1875rem
  }
  .content-about__bg {
    width: 20.125rem;
    height: 19.1875rem;
    left: -7.875rem;
    bottom: -10.6875rem
  }
  .content-about__text {
    font-size: 1.625rem
  }
  .content-about__decor {
    width: 20.125rem;
    height: 19.1875rem;
    top: -8.3125rem;
    right: -8.875rem
  }
  .header::after {
    height: 10.9375rem;
    background-image: url(/uploads/img/header/decore-mob.svg)
  }
  .footer::after {
    height: 6.9375rem;
    background-image: url(/uploads/img/footer/decor-mob.svg)
  }
  .wrapper--home .footer::after {
    height: 14.3125rem;
    background-image: url(/uploads/img/footer/home-decor-mob.svg)
  }
  .footer__list {
    flex-direction: column
  }
  .footer__bottom {
    flex-direction: column;
    text-align: center
  }
  .footer__copy {
    order: 2
  }
  .footer__pages {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    order: 1
  }
  .footer__pages-divider {
    display: none
  }
  .hero__container {
    padding-top: 4.8125rem;
    padding-bottom: 10rem
  }
  .hero__title {
    max-width: 39.125rem
  }
  .hero__image {
    top: 11.75rem;
    right: -11.6875rem
  }
  .solutions-preview__navigation .navigation__buttons {
    display: none
  }
  .last-cases__decor--top {
    width: 19.375rem;
    height: 25.125rem;
    top: -16.125rem;
    left: -13.125rem
  }
  .last-cases__decor--bottom {
    width: 22.5rem;
    height: 32.3125rem;
    bottom: -27.5625rem;
    right: -16.6875rem
  }
  .last-cases__wrapper {
    display: grid!important;
    gap: 3.75rem
  }
  .last-cases__navigation .navigation__buttons {
    display: none
  }
  .about-us__header {
    flex-direction: column
  }
  .about-us__text {
    font-size: 1.25rem
  }
  .contact__form {
    padding: 2rem 1rem 4rem
  }
  .form__button {
    width: 100%
  }
  .solutions__img {
    right: -14.1875rem;
    top: 1.5rem
  }
  .solution-item {
    min-height: 38.75rem;
    padding: 1.5rem 1rem 2.125rem
  }
  .article__info {
    flex-direction: column;
    align-items: flex-start
  }
  .about__img {
    width: 22.9375rem;
    height: 15.9375rem;
    right: -8.3125rem;
    top: .625rem
  }
  .cases__img {
    width: 18.5625rem;
    height: 18.625rem;
    right: -10rem;
    top: 1.5625rem
  }
  .cases__list {
    gap: 3.75rem 1rem
  }
  .page-404__decor {
    width: 19.375rem;
    height: 25.125rem;
    top: 11.125rem;
    left: -12.1875rem
  }
}
@media (max-width:27.8125em) {
  .title-2,
  h2 {
    font-size: 2rem
  }
}
@media (max-width:22.5em) {
  .hero__image {
    width: 25rem
  }
  .hero__image {
    height: 21.9375rem
  }
  .full__image {
    width: 18.125rem
  }
  .full__image {
    height: 7.375rem
  }
}
@media (max-width:61.99875em)and (min-width:29.99875em) {
  .menu__body {
    border-bottom-left-radius: 1rem;
    padding: 6.125rem 2rem 2.5rem 2.5rem
  }
}
@media (max-width:61.99875em)and (max-width:29.99875em)and (min-width:48.06125em) {
  .menu__body::before {
    height: 9.375rem
  }
}
@media (min-width:39.25em)and (max-width:61.99875em) {
  .title-1,
  h1 {
    font-size: clamp(2.375rem ,-.4287254794rem + 7.1432496291vw ,4rem)
  }
}
@media (min-width:27.8125em)and (max-width:61.99875em) {
  .title-2,
  h2 {
    font-size: clamp(2rem ,1.1355945373rem + 3.1079746974vw ,3.0625rem)
  }
}
@media (min-width:61.99875em)and (max-width:80.5em) {
  .header__container {
    gap: clamp(2.5rem ,-35.1993953111rem + 60.8067022498vw ,13.75rem)
  }
}
@media (min-width:22.5em)and (max-width:80.5em) {
  .hero__image {
    width: clamp(25rem ,17.1686422414rem + 34.8060344828vw ,45.1875rem)
  }
  .hero__image {
    height: clamp(21.9375rem ,15.0759698276rem + 30.4956896552vw ,39.625rem)
  }
  .full__image {
    width: clamp(18.125rem ,8.1842672414rem + 44.1810344828vw ,43.75rem)
  }
  .full__image {
    height: clamp(7.375rem ,3.3017241379rem + 18.1034482759vw ,17.875rem)
  }
}
@media (any-hover:hover) {
  .menu__link:hover {
    color: var(--tiffany)
  }
  .button--border:hover {
    border-color: var(--tiffany)
  }
  .button--accent-border:hover {
    border-color: var(--tiffany)
  }
  .button--arrow:hover,
  .item-preview:hover .button--arrow {
    border-color: var(--accent);
    width: 6.5rem
  }
  .button--arrow:hover span,
  .item-preview:hover .button--arrow span {
    width: 3.75rem;
    padding-right: 1.6875rem;
    opacity: 1;
    transition: width .4s ease,opacity .3s ease
  }
  .button--arrow:hover svg path,
  .item-preview:hover .button--arrow svg path {
    fill: var(--white)
  }
  .button--accent {
    transition: background-color .3s ease
  }
  .button--accent:hover {
    background-color: var(--tiffanyHover)
  }
  .navigation__button:hover {
    border-color: var(--tiffany)
  }
  .footer__list-link {
    transition: color .3s ease
  }
  .footer__list-link:hover {
    color: var(--tiffany)
  }
  .footer__pages-link {
    transition: color .3s ease
  }
  .footer__pages-link:hover {
    color: var(--tiffany)
  }
  .item-solution:hover .item-solution__img {
    height: 76%;
    opacity: 1
  }
  .item-solution:hover .item-solution__icon {
    -webkit-transform: translateX(.625rem);
    transform: translateX(.625rem);
    box-shadow: .375rem 0 .5rem 0 rgba(248,51,60,.7);
    background-color: var(--bg-black)
  }
  .item-solution:hover .item-solution__title {
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem)
  }
  .form__input:hover {
    border-color: var(--gray2)
  }
  .form__input:hover:focus-visible {
    border-color: var(--tiffany)
  }
  .solution-item:hover .solution-item__img {
    height: 60%;
    opacity: 1
  }
  .solution-item:hover .solution-item__icon {
    -webkit-transform: translateX(.5rem);
    transform: translateX(.5rem);
    box-shadow: .375rem 0 .5rem 0 rgba(248,51,60,.7);
    background-color: var(--bg-black)
  }
  .solution-item:hover .solution-item__content {
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem)
  }
  .custom-pagination__list a {
    transition: border-color .3s ease
  }
  .custom-pagination__list a:hover {
    border-color: var(--tiffany)
  }
}