/* @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */


@font-face {
  font-family: "Barlow Condensed";
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-Thin.ttf) format("TrueType");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-ExtraLight.ttf) format("TrueType");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-Light.ttf) format("TrueType");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-Regular.ttf) format("TrueType");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-Medium.ttf) format("TrueType");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-SemiBold.ttf) format("TrueType");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-Bold.ttf) format("TrueType");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-ExtraBold.ttf) format("TrueType");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-Black.ttf) format("TrueType");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-ThinItalic.ttf) format("TrueType");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-ExtraLight.ttf) format("TrueType");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-LightItalic.ttf) format("TrueType");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-Regular.ttf) format("TrueType");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-MediumItalic.ttf) format("TrueType");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-SemiBoldItalic.ttf) format("TrueType");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-BoldItalic.ttf) format("TrueType");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-ExtraBoldItalic.ttf) format("TrueType");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Barlow Condensed";
    font-display: swap;
    src: url(/wp-content/themes/lc-blank-master/fonts/BarlowCondensed-BlackItalic.ttf) format("TrueType");
  font-weight: 900;
  font-style: italic;
}







@font-face {
  font-family: SFProDisplay;
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/SFProDisplay-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: SFProDisplay;
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/SFProDisplay-BoldItalic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: SFProDisplay;
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/SFProDisplay-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: SFProDisplay;
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/SFProDisplay-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: SFProDisplay;
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/SFProDisplay-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: SFProDisplay;
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/SFProDisplay-Semibold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: SFProDisplay;
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/SFProDisplay-RegularItalic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: SFProDisplay;
  font-display: swap;
  src: url(/wp-content/themes/lc-blank-master/fonts/SFProDisplay-SemiboldItalic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic
}

:root {
  --primary-font: "SFProDisplay";
  --second-font: "Barlow Condensed";
  --primary: #313131;
  --primary80: rgba(49, 49, 49, .8);
  --primary30: rgba(49, 49, 49, .3);
  --black: #161616;
  --black40: rgba(22, 22, 22, 0.4);
  --grey: #D9D9D9;
  --accent: #007A33;
  --border: #ABABAB;
  --bg-primary: #fff;
  --bg-primary30: rgba(255, 255, 255, .3);
  --bg-primary20: rgba(255, 255, 255, .2);
  --bg-secondary: #002856;
  --bg-third: #F5F3F3
}

* {
  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(--primary);
  line-height: 1;
  font-family: var(--primary-font), sans-serif;
  font-size: .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
}

button,
input,
textarea {
  font-family: var(--primary-font), sans-serif;
  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 {
  display: inline-block;
  color: inherit;
  text-decoration: none
}

ul li {
  list-style: none
}

img {
  vertical-align: top;
  display: block;
  max-width: 100%;
  height: auto
}

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

.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}

.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: 112.5rem;
  margin: 0 auto;
  padding: 0 .9375rem
}

[class*="--gc"] {
  display: grid;
  min-width: 0;
  grid-template-columns: .9375rem 1fr minmax(auto, 110.625rem) 1fr .9375rem
}

[class*="--gc"]>* {
  min-width: 0;
  grid-column: 3/4
}

.button {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  padding: .875rem;
  border-radius: 6.25rem;
  border: 1px solid var(--primary);
  font-weight: 600;
  background: linear-gradient(to top, #007a33 50%, transparent 50%);
  background-size: 100% 200%;
  transition: all .3s ease-in-out
}

.button_white {
  border-color: var(--bg-primary);
  color: var(--bg-primary)
}

.button--fw {
  width: 100%
}

.header_main .menu {
  position: fixed;
  bottom: 2.5rem;
  left: 50%;
  translate: -50% 0;
  z-index: 10;
  padding: .625rem 2.8125rem;
  border-radius: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center
}

@supports (backdrop-filter:blur(8px)) {
  .header_main .menu {
    background: var(--bg-primary30);
    backdrop-filter: blur(8px)
  }
}

.menu__list {
  display: flex;
  align-items: center
}

.header_main .menu__list {
  gap: 0
}

.header_main .menu__item:not(:last-child) .menu__link {
  border-right: 1px solid var(--bg-primary)
}

._header-scroll .menu__item:not(:last-child) .menu__link {
  border-color: var(--primary30)
}

.menu__link {
  display: block;
  line-height: 1.3;
  transition: color .3s ease-in-out
}

.header_main._header-scroll .menu {
  background-color: var(--bg-primary);
  backdrop-filter: none;
  border: 1px solid var(--primary30);
  color: var(--primary)
}

.icon-menu {
  display: none
}

.breadcrumbs {
  font-size: .75rem
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: .3125rem
}

.breadcrumbs__item {
  letter-spacing: -.02em;
  color: var(--grey)
}

.breadcrumbs__current {
  color: var(--accent)
}

.breadcrumbs__link {
  display: flex;
  align-items: center;
  gap: .3125rem
}

.breadcrumbs__link::after {
  content: "";
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background-color: var(--grey)
}

.spollers {
  display: grid;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px
}

.spollers__title {
  color: var(--black);
  width: 100%;
  cursor: default;
  text-align: left;
  padding: 1.25rem 5rem 1.25rem 0;
  position: relative;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, .2);
  line-height: 1.1
}

.spollers__title::-webkit-details-marker,
.spollers__title::marker {
  display: none
}

._spoller-init .spollers__title {
  cursor: pointer
}

._spoller-init .spollers__title::after {
  content: "";
  position: absolute;
  display: block;
  right: 1.875rem;
  top: 50%;
  transition: -webkit-transform .4s ease 0s;
  transition: transform .4s ease 0s;
  transition: transform .4s ease 0s, -webkit-transform .4s ease 0s;
  translate: 0 -50%;
  background: url(/wp-content/themes/lc-blank-master/images/icons/plus.svg) no-repeat center/contain
}

._spoller-init .spollers__title._spoller-active {
  border-bottom: none
}

._spoller-init .spollers__title._spoller-active::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.spollers__body {
  padding: .625rem 1.25rem 2.5rem 0
}

.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}
.swiper-brand{
  margin-top: 60px;
}
.swiper-brand .swiper-slide{
  display: flex !important;
  align-items: center;
  padding: 0 30px;
  box-sizing: border-box;
}
.swiper-brand .swiper-wrapper{
  align-items: center;

      -webkit-transition-timing-function: linear !important;
      transition-timing-function: linear !important;
    
}
.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
}

.front__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0)
}

.entry-section__title {
  color: var(--bg-primary);
  background-color: var(--bg-secondary)
}

.section.section_bottom {
  padding-top: 0
}

.title {
  font-family: var(--second-font), sans-serif;
  font-weight: 600;
  letter-spacing: -.02em
}

.title.title_h2 {
  letter-spacing: -.01em
}

.title.title_h3 {
  font-weight: 500;
  letter-spacing: -.01em
}

.title i {
  color: var(--accent)
}

.title.about-page__title i {
  font-style: normal;
  display: block
}

.subtitle {
  font-family: var(--second-font), sans-serif;
  font-weight: 600
}

.subtitle span {
  color: var(--accent)
}

.text {
  line-height: 1.3;
  font-weight: 300
}

.text.text_xl {
  opacity: .8
}

.text.text_md {
  line-height: 1.3;
  font-weight: 300
}

.text.text_regular {
  font-weight: 400
}

.text a {
  text-decoration: underline;
  color: var(--accent)
}

.text.not-found__text a {
  color: var(--bg-primary)
}

.indicator {
  display: flex
}

.indicator__item {
  font-family: var(--second-font), sans-serif;
  font-weight: 800;
  letter-spacing: -.1em;
  color: var(--primary30)
}

.indicator__item._active {
  color: var(--accent)
}

.our-mission-text span {
  background: linear-gradient(to right, var(--black40) 50%, var(--black) 50%) 0 0/200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  box-decoration-break: slice;
  -webkit-box-decoration-break: slice
}

.privacy {
  display: grid
}

.first-word p {
  text-indent: 1em
}

.not-found {
  min-height: 100vh;
  position: relative;
  color: var(--bg-primary);
  background: no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center
}

.not-found::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .4)
}

.not-found__content {
  padding: 0 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2
}

.not-found__title {
  font-family: var(--second-font), sans-serif;
  font-weight: 600
}

.not-found__subtitle {
  font-family: var(--second-font), sans-serif;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 110%
}

.not-found__text {
  max-width: 36.25rem;
  text-align: center
}

.swiper {
  position: relative
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  margin-top: .625rem;
  gap: .25rem
}

.swiper-pagination-bullet {
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  background-color: var(--bg-third);
  transition: background-color .3s ease-in-out
}

.swiper-pagination-bullet-active {
  background-color: var(--accent)
}

.swiper-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  pointer-events: none
}

.swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, .2);
  color: var(--bg-primary);
  transition: all .3s ease-in-out
}

.swiper-button svg {
  width: 1.0625rem;
  height: .75rem
}

.swiper-button-prev {
  translate: .625rem 0;
  rotate: 180deg
}

.swiper-button-next {
  translate: -.625rem 0
}

.header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10
}

.header_inner {
  background-color: var(--bg-primary)
}

.header_inner._header-scroll {
  position: fixed;
  top: -200%
}

.header_inner._header-show {
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  transition: top .3s ease-in-out;
  top: 0
}

.header_main {
  color: var(--bg-primary)
}

.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header__logo {
  position: relative;
  z-index: 5;
  flex: 0 0 5.6875rem
}

.header__actions {
  position: relative;
  z-index: 5
}

.actions-header {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--second-font), sans-serif
}

.actions-header__link {
  display: flex;
  align-items: center;
  gap: .375rem;
  transition: color .3s ease-in-out
}

.actions-header__link svg {
  color: var(--accent)
}

.header_main .actions-header__link svg {
  color: var(--bg-primary)
}

/* .actions-header__link._one svg {
  color: inherit
} */

.footer {
  background-color: var(--bg-secondary);
  color: var(--bg-primary)
}

.footer__top {
  display: flex;
  justify-content: space-between
}

.footer__title {
  line-height: 1.3;
  opacity: .8
}

.footer__mail {
  font-weight: 500;
  font-family: var(--second-font), sans-serif;
  transition: opacity .3s ease-in-out
}

.footer__right {
  display: flex;
  gap: 1.25rem;
  justify-content: space-between
}

.footer__country {
  font-family: var(--second-font), sans-serif
}

.footer__country a {
  font-weight: 500
}

.footer__contacts {
  text-align: right;
  letter-spacing: -.02em
}

.footer__contacts a {
  transition: opacity .3s ease-in-out
}

.footer__bottom {
  color: var(--bg-primary);
  display: flex;
  align-items: center;
  gap: .625rem;
  justify-content: space-between;
  flex-wrap: wrap;
  opacity: 60%;
  border-top: 1px solid var(--bg-primary20)
}

.services__items {
  display: flex;
  gap: 1.25rem
}

.service {
  flex: 1 1 25%;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-third);
  position: relative
}

.service::before {
  content: "See more →";
  color: var(--bg-primary);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--accent);
  font-weight: 500;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-in-out
}

.service_principles:before {
  display: none
}

.service_more {
  color: var(--bg-primary);
  align-items: center;
  justify-content: center;
  background-color: var(--accent);
  font-weight: 500
}

.service__title {
  color: var(--accent)
}

.accent-block {
  background-color: var(--bg-secondary);
  color: var(--bg-primary)
}

.accent-block__container {
  display: flex;
  gap: 1.875rem;
  align-items: center;
  justify-content: space-between
}

.accent-block__title {
  font-style: italic
}

.accent-block__link {
  font-family: var(--second-font), sans-serif;
  opacity: .6;
  letter-spacing: -.02em
}

.cases {
  display: grid;
  gap: 1.25rem
}

.case {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--bg-primary);
  position: relative;
  overflow: hidden;
  transition: all .3s ease-in-out
}

.case::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .6;
  transition: opacity .3s ease-in-out
}

.case__top {
  max-width: 16.875rem;
  position: relative;
  z-index: 2
}

.case__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: scale .3s ease-in-out
}

.case__bottom {
  position: relative;
  z-index: 2;
  margin-top: auto
}

.case__title {
  line-height: 1.2
}

.case-detail__banner {
  color: var(--bg-primary);
  position: relative;
  background: no-repeat center/cover
}

.case-detail__banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .5
}

.case-detail__top {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr)
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

.hero {
  color: var(--bg-primary);
  background: no-repeat top/cover;
  position: relative
}

.hero::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .4)
}

.hero__container {
  min-height: 100vh;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center
}

.hero__title {
  font-style: italic;
  font-weight: 700;
  letter-spacing: -.03em;
  font-family: var(--second-font), sans-serif;
  line-height: .9;
  display: flex;
  flex-direction: column;
  font-size: 14.875rem
}

.hero__text {
  line-height: 1.3;
  letter-spacing: -.01em
}

.about-block__inner {
  display: flex
}

.about-block__title {
  flex: 1 1 44%
}

.about-block__info {
  flex: 1 1 56%
}

.about-block__text {
  opacity: .8
}

.about-block__list {
  display: grid;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem
}

.about-block__list li {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  padding: 1.25rem 0;
  border-top: 1px solid rgba(0, 0, 0, .2)
}

.about-block__list li::before {
  content: "";
  flex: 0 0 .875rem;
  width: .875rem;
  height: .875rem;
  border-radius: 50%;
  background-color: var(--accent)
}

.about-block__list li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.benefits__items {
  position: relative
}

.benefit {
  
  top: 2.5rem;
  min-height: 37.5rem;
  display: flex
}

.benefit:first-child .benefit__info {
  color: var(--primary)
}

.benefit__info {
  color: var(--bg-primary);
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.benefit__img {
  flex: 1 1 50%
}

.brands__text {
  opacity: .8;
  margin-bottom: 3.75rem
}

/* .brands__items {
  display: flex
} */
.swiper-brand{
  width: 100%;
}
.brands__item {
  border-left: 1px solid var(--border)
}

.brands__item:last-child {
  border-right: 1px solid var(--border)
}

.brands__item img {
  -o-object-fit: contain;
  object-fit: contain
}

.numbers {
  display: flex;
  gap: 1.875rem
}

.numbers__item {
  flex: 1 1 auto;
  display: flex;
  align-items: center
}

.numbers__item strong {
  letter-spacing: -.04em;
  font-style: italic;
  font-family: var(--second-font), sans-serif;
  color: var(--accent);
  font-weight: 600
}

.moments__title {
  margin-bottom: 2.5rem
}

.moments__text {
  opacity: .8
}

.moments__subtitle {
  font-family: var(--second-font), sans-serif;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 110%
}

.moments__more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem
}

.moments__more i {
  font-family: var(--second-font), sans-serif;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 110%
}

.moments__btn {
  min-height: 3.125rem
}

.about-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.about-page__info {
  display: grid;
  justify-items: start
}

.about-page__img {
  flex: 0 0 44%
}

.about-page__img img {
  -o-object-position: bottom;
  object-position: bottom
}

.people__text {
  opacity: .8;
  max-width: 65.625rem
}

.people__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

.card {
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px
}

.card-big {
  grid-column: span 3;
  height: 100%
}

.back,
.front {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: .9s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.card-big .back,
.card-big .front {
  position: static
}

.front {
  flex-direction: column;
  background-color: var(--bg-third);
  z-index: 3
}

.front__body {
  text-align: center;
  margin-top: .625rem;
  display: grid;
  justify-items: center;
  gap: .625rem
}

.front__title {
  color: var(--accent)
}

.card .front__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: normal;
}

.card-big .front__title {
  overflow: initial
}

.front__text {
  max-width: 15rem
}

.back {
  color: var(--bg-primary);
  background-color: var(--accent);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.back span {
  overflow: auto
}

.card:hover .front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 2
}

.card:hover .back {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  z-index: 2;
  display: flex;
  align-items: center;
}

.join__text {
  opacity: .8
}

.join__items {
  display: flex
}

.join-item:first-child {
  color: var(--bg-primary);
  background-color: var(--accent)
}

.join-item:first-child .join-item__list li:before {
  background: url(/wp-content/themes/lc-blank-master/images/icons/check_w.svg) no-repeat center/contain
}

.join-item:last-child {
  color: var(--black);
  background-color: var(--bg-third)
}

.join-item__list li {
  position: relative;
  display: grid;
  padding-left: 4.625rem
}

.join-item__list li::before {
  content: "";
  position: absolute;
  width: 2.125rem;
  height: 2.5rem;
  top: 0;
  left: 0;
  background: url(/wp-content/themes/lc-blank-master/images/icons/check.svg) no-repeat center/contain
}

.future__text {
  opacity: .8
}

.future__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 3.75rem;
  gap: 1.25rem
}

.item-future_text {
  justify-self: end
}

.item-future__icon {
  color: var(--accent)
}

.item-future__icon svg {
  width: 3.75rem;
  height: 3.75rem
}

.item-future__title {
  border-bottom: 1px solid var(--primary30)
}

.item-service {
  position: relative;
  padding: 1.25rem 1.25rem 6.5rem;
  border-bottom: 1px solid var(--primary30);
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  background: linear-gradient(to top, var(--bg-third) 50%, transparent 50%);
  background-size: 100% 200%;
  transition: all .3s ease-in-out
}

.item-service:first-child {
  border-top: 1px solid var(--primary30)
}

.item-service__num {
  flex: 0 0 22%;
  font-size: 3.25rem;
  font-weight: 700;
  font-family: var(--second-font), sans-serif
}

.item-service__title {
  flex: 0 0 22%;
  color: var(--accent);
  font-weight: 500;
  font-family: var(--second-font), sans-serif;
  font-size: 2.125rem
}

.item-service__text {
  flex: 1 1 auto
}

.item-service__icon {
  margin-left: auto;
  flex: 0 0 1.5625rem;
  align-self: center;
  display: flex;
  justify-content: flex-end;
  color: var(--accent);
  transition: all .3s ease-in-out
}

.item-service__icon svg {
  width: 1.5625rem;
  height: 1.3125rem
}

.swiper {
  overflow: hidden;
  visibility: hidden;
  opacity: 0
}

.swiper-initialized {
  touch-action: pan-y;
  visibility: visible;
  opacity: 1;
  transition: all .3s ease-in-out
}

.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
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}



@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
.bottom_header_menu{
  position: fixed;
  bottom: 2.5rem;
  left: 50%;
  translate: -50% 0;
  z-index: 10;
  padding: .625rem 2.8125rem;
  border-radius: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-primary);
    backdrop-filter: none;
    border: 1px solid var(--primary30);
    color: var(--primary);
}
    
@media (min-width:29.99875em) {
  [class*=__container] {
    padding: 0 1.25rem
  }

  .swiper-pagination {
    display: none
  }

  .accent-block__link {
    white-space: nowrap
  }

  .hero__title {
    align-items: flex-end
  }

  .hero__text {
    text-align: center
  }
}

@media (min-width:53.87375em) {
  .about-block__list {
    grid-template-columns: repeat(2, 1fr)
  }

  .about-block__list li:nth-last-child(2) {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
  }
}

@media (min-width:61.99875em) {
  .spollers {
    grid-template-columns: repeat(2, 1fr)
  }

  .spollers__item:last-child .spollers__title,
  .spollers__item:nth-last-child(2) .spollers__title {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
  }
  .spollers__item:last-child .spollers__title._spoller-active,
  .spollers__item:nth-last-child(2) .spollers__title._spoller-active {
    border-bottom: none
  }

  .spollers__item:last-child .spollers__body,
  .spollers__item:nth-last-child(2) .spollers__body {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
  }

  .cases {
    grid-template-columns: repeat(2, 1fr)
  }

  .moments__more i {
    flex: 0 0 50%
  }

  .moments__more-btn {
    flex: 0 0 50%
  }

  .item-future_text {
    grid-column: -3/-1
  }
}

@media (min-width:74.99875em) {
  [class*=__container] {
    padding: 0 3.75rem
  }

  .item-future_text {
    padding-right: 2.5rem
  }
}

@media (min-width:89.99875em) {
  .footer__mail {
    font-size: 2.75rem
  }

  .moments__title {
    margin-bottom: 2.5rem
  }

  .join-item {
    padding: 2.5rem
  }
}

@media (min-width:92.5em) {
  .services__title {
    margin-bottom: 2.5rem
  }

  .brands__text {
    margin-bottom: 2.5rem
  }
}

@media (min-width:93.74875em) {
  .spollers {
    gap: 0 1.25rem
  }

  .spollers__title {
    padding: 1.875rem 5rem 1.875rem 0
  }

  .about-block__list li {
    padding: 1.875rem 0
  }

  .future__items {
    row-gap: 5rem
  }

  .item-service {
    padding: 1.875rem 1.875rem 9.375rem
  }

  .item-service__num {
    font-size: 4.75rem
  }

  .item-service__title {
    font-size: 3.125rem
  }

  .item-service__icon svg {
    width: 2rem;
    height: 1.6875rem
  }
}

@media (min-width:112.5em) {
  .button {
    font-size: 1.25rem
  }

  .header_main .menu {
    min-width: 28.75rem
  }

  .header_main .menu {
    min-height: 3.75rem
  }

  .header_main .menu__item:not(:last-child) .menu__link {
    padding-right: 1.875rem
  }

  .header_main .menu__item:not(:last-child) .menu__link {
    margin-right: 1.875rem
  }

  .menu__link {
    font-size: 1.5rem
  }

  .breadcrumbs {
    padding-top: 1.875rem
  }

  .breadcrumbs {
    padding-bottom: 1.875rem
  }

  ._spoller-init .spollers__title::after {
    width: 1.5625rem
  }

  ._spoller-init .spollers__title::after {
    height: 1.5625rem
  }

  .page_inner {
    padding-top: 4.5625rem
  }

  .text p+p {
    margin-top: .9375rem
  }

  .indicator__item {
    font-size: 2.5rem
  }

  .privacy {
    gap: .9375rem
  }

  .not-found__content {
    gap: 2.5rem
  }

  .not-found__btn {
    min-width: 16.4375rem
  }

  .not-found__btn {
    min-height: 4.375rem
  }

  .header__logo {
    flex-basis: 5.6875rem
  }

  .actions-header {
    gap: 1.25rem
  }

  .actions-header__link {
    font-size: 1.375rem
  }

  .actions-header__link svg {
    width: 1.5rem
  }

  .actions-header__link svg {
    height: 1.5rem
  }

  .actions-header__link._one svg {
    width: 2.375rem
  }

  .actions-header__link._one svg {
    height: 2.375rem
  }

  .footer {
    padding-top: 6.25rem
  }

  .footer__top {
    padding-bottom: 8.75rem
  }

  .footer__top {
    gap: 3.75rem
  }

  .footer__title {
    font-size: 1.5rem
  }

  .footer__title {
    margin-bottom: 2.5rem
  }

  .footer__right {
    gap: 7.125rem
  }

  .footer__country li+li {
    margin-top: 2.5rem
  }

  .footer__contacts li+li {
    margin-top: 2.5rem
  }

  .footer__bottom {
    padding-top: 2.5rem
  }

  .footer__bottom {
    padding-bottom: 2.5rem
  }

  .footer__text {
    font-size: 1rem
  }

  .service::before {
    font-size: 1.5rem
  }

  .service_more {
    font-size: 1.5rem
  }

  .service__top svg {
    width: 2.5625rem
  }

  .service__top svg {
    height: 3.1875rem
  }

  .case__title:not(:last-child) {
    margin-bottom: 1.25rem
  }

  .uefa-logo {
    width: 12.0625rem
  }

  .hyunday-logo {
    width: 18.125rem
  }

  .qnb-logo {
    width: 13.5rem
  }

  .korea-logo {
    width: 18.125rem
  }

  .sumsung-logo {
    width: 16.875rem
  }

  .paris-logo {
    width: 8rem
  }

  .enedis-logo {
    width: 13.25rem
  }

  .vivo-logo {
    width: 10.9375rem
  }

  .fifa-logo,
  .milano-logo {
    width: 8.125rem
  }

  .gallery {
    gap: 1.25rem
  }

  .hero__text {
    font-size: 2.75rem
  }

  .about-block__inner {
    gap: 4.375rem
  }

  .about-block__text:not(:last-child) {
    margin-bottom: 2.5rem
  }

  .about-block__btn {
    min-width: 16.4375rem
  }

  .about-block__btn {
    min-height: 4.375rem
  }

  .benefit+.benefit {
    margin-top: 2.5rem
  }

  .numbers__item {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
  }

  .moments__btn {
    min-width: 15.625rem
  }

  .about-page {
    gap: 3.75rem
  }

  .about-page__btn {
    min-width: 16.25rem
  }

  .about-page__btn {
    min-height: 4.375rem
  }

  .people__title {
    margin-bottom: 2.5rem
  }

  .people__items {
    gap: 1.25rem
  }

  .front {
    padding: 1.25rem
  }

  .front__body {
    padding-bottom: .625rem
  }

  .back {
    padding: 1.875rem
  }

  .join__title {
    margin-bottom: 2.5rem
  }

  .join__items {
    gap: 2.5rem
  }

  .join-item__title {
    margin-bottom: 2.5rem
  }

  .join-item__list li {
    gap: 1.25rem
  }

  .join-item__list li {
    padding-left: 4.625rem
  }

  .join-item__list li+li {
    margin-top: 1.25rem
  }

  .future__title {
    margin-bottom: 2.5rem
  }

  .item-future__icon {
    margin-bottom: 2.5rem
  }

  .item-future__title {
    margin-bottom: 2.5rem
  }

  .item-future__title {
    padding-bottom: 1.25rem
  }
}

@media (min-width:75em) {
  .menu__list {
    gap: 1.875rem
  }

  .brands__item {
    height: 9.375rem
  }

  .item-service {
    padding-bottom: 6.5rem
  }

  .item-service__num {
    font-size: 3.25rem
  }

  .item-service__title {
    font-size: 2.125rem
  }

  .item-service__icon svg {
    width: 1.5625rem
  }

  .item-service__icon svg {
    height: 1.3125rem
  }
}

@media (min-width:120em) {
  .entry-section__title .breadcrumbs {
    padding-bottom: 5.25rem
  }

  .entry-section__title {
    padding-bottom: 3.75rem
  }

  .entry-section__title {
    margin-bottom: 5rem
  }

  .section {
    padding-top: 12.5rem
  }

  .section {
    padding-bottom: 12.5rem
  }

  .title {
    font-size: 5.625rem
  }

  .title.title_h2 {
    font-size: 4rem
  }

  .title.title_h3 {
    font-size: 2.5rem
  }

  .subtitle {
    font-size: 3.125rem
  }

  .text {
    font-size: 2rem
  }

  .text.text_xl {
    font-size: 2.5rem
  }

  .text.text_md {
    font-size: 1.5rem
  }

  .text.text_sm {
    font-size: 1.125rem
  }

  .privacy {
    max-width: 70rem
  }

  .not-found__title {
    font-size: 15rem
  }

  .not-found__subtitle {
    font-size: 3.125rem
  }

  .not-found__text {
    max-width: 36.25rem
  }

  .footer__top {
    padding-right: 15rem
  }

  .footer__mail {
    font-size: 4rem
  }

  .footer__country a {
    font-size: 2.5rem
  }

  .footer__contacts a {
    font-size: 2.5rem
  }

  .services__title {
    margin-bottom: 3.75rem
  }

  .service {
    gap: 7.5rem
  }

  .service {
    padding: 1.875rem
  }

  .service__title {
    margin-bottom: 1.875rem
  }

  .accent-block {
    padding-top: 6rem
  }

  .accent-block {
    padding-bottom: 6rem
  }

  .accent-block__link {
    font-size: 5.625rem
  }

  .case {
    padding: 2.5rem
  }

  .case {
    min-height: 37.5rem
  }

  .case-detail__banner {
    margin-bottom: 3.75rem
  }

  .case-detail__top {
    padding-top: 3.75rem
  }

  .case-detail__top {
    padding-bottom: 7.5rem
  }

  .case-detail__top {
    min-height: 35rem
  }

  .hero__title {
    margin-bottom: 3.75rem
  }

  .hero__title span:first-child {
    padding-right: 6.25rem
  }

  .about-block__subtitle {
    margin-bottom: 8.75rem
  }

  .about-block__list {
    margin-top: 3.75rem
  }

  .benefits__title {
    margin-bottom: 3.75rem
  }

  

  .benefit__info {
    padding: 5.625rem
  }

  .benefit__img {
    max-height: 43.75rem
  }

  .brands__title {
    margin-bottom: 3.75rem
  }

  .brands__text {
    max-width: 64.375rem
  }

  .brands__items {
    padding-bottom: 6.25rem
  }

  .brands__item {
    padding-left: 3.125rem
  }

  .brands__item {
    padding-right: 3.125rem
  }

  .numbers__item strong {
    font-size: 8.625rem
  }

  .moments__text {
    margin-bottom: 3.75rem
  }

  .moments__items:not(:last-child) {
    margin-bottom: 3.75rem
  }

  .moments__subtitle {
    font-size: 3.125rem
  }

  .moments__subtitle {
    margin-bottom: 2.5rem
  }

  .moments__more i {
    font-size: 3.125rem
  }

  .about-page__info {
    gap: 3.75rem
  }

  .people__text {
    margin-bottom: 3.75rem
  }

  .people__subtitle {
    margin-bottom: 3.75rem
  }

  .card {
    min-height: 35rem
  }

  .join__text {
    max-width: 61.25rem
  }

  .join__text {
    margin-bottom: 3.75rem
  }

  .join-item {
    padding: 3.75rem
  }

  .join-item__list li::before {
    width: 2.125rem
  }

  .join-item__list li::before {
    height: 2.5rem
  }

  .future__text {
    margin-bottom: 3.75rem
  }

  .future__text {
    max-width: 60.75rem
  }

  .future__subtitle {
    margin-bottom: 3.75rem
  }

  .item-future__icon svg {
    width: 3.75rem
  }

  .item-future__icon svg {
    height: 3.75rem
  }

  .offices__title {
    margin-bottom: 3.75rem
  }

  .item-service__text {
    max-width: 32.75rem
  }

  .faq__title {
    margin-bottom: 3.75rem
  }
}

@media (max-width:90em) {
  .section {
    padding-top: 8.125rem
  }

  .section {
    padding-bottom: 8.125rem
  }

  .title {
    font-size: 3.875rem
  }

  .title.title_h2 {
    font-size: 2.75rem
  }

  .title.title_h3 {
    font-size: 1.75rem
  }

  .text {
    font-size: 1.375rem
  }

  .text.text_xl {
    font-size: 1.75rem
  }

  .text.text_md {
    font-size: 1.0625rem
  }

  .footer__top {
    padding-right: 8rem
  }

  .footer__mail {
    font-size: 2.75rem
  }

  .footer__country a {
    font-size: 1.75rem
  }

  .footer__contacts a {
    font-size: 1.75rem
  }

  

  .benefit__info {
    padding: 3.75rem
  }
}

@media (max-width:48em) {
  .menu__list {
    gap: 1.25rem
  }

  .brands__item {
    padding-left: 1.25rem
  }

  .brands__item {
    padding-right: 1.25rem
  }
}

@media (max-width:30em) {
  .not-found__text {
    max-width: 22.5rem
  }

  .hero__title span:first-child {
    padding-right: 1.25rem
  }

  .brands__item {
    height: 5.3125rem
  }

  .item-service {
    padding-bottom: 1.25rem
  }

  .item-service__num {
    font-size: 2.625rem
  }

  .item-service__title {
    font-size: 1.625rem
  }

  .item-service__icon svg {
    width: 1.3125rem
  }

  .item-service__icon svg {
    height: 1.0625rem
  }
}

@media (max-width:112.5em) {
  .swiper-button {
    width: 3.125rem;
    height: 3.125rem
  }
}

@media (max-width:93.74875em) {
  .hero__title {
    font-size: 9.875rem
  }
}

@media (max-width:92.5em) {
  .entry-section__title {
    padding-bottom: 3.125rem
  }

  .entry-section__title {
    margin-bottom: 3.75rem
  }

  .subtitle {
    font-size: 2.125rem
  }

  .text.text_sm {
    font-size: .875rem
  }

  .not-found__title {
    font-size: 11.25rem
  }

  .not-found__subtitle {
    font-size: 2.125rem
  }

  .services__title {
    margin-bottom: 2.5rem
  }

  .service {
    gap: 5rem
  }

  .service {
    padding: 1.25rem
  }

  .service__title {
    margin-bottom: 1.25rem
  }

  .accent-block {
    padding-top: 4.75rem
  }

  .accent-block {
    padding-bottom: 4.75rem
  }

  .accent-block__link {
    font-size: 3.875rem
  }

  .case {
    padding: 1.875rem
  }

  .case {
    min-height: 25.9375rem
  }

  .case-detail__banner {
    margin-bottom: 2.5rem
  }

  .case-detail__top {
    padding-top: 2.5rem
  }

  .case-detail__top {
    padding-bottom: 5rem
  }

  .case-detail__top {
    min-height: 26.25rem
  }

  .about-block__subtitle {
    margin-bottom: 7.25rem
  }

  .about-block__list {
    margin-top: 2.5rem
  }

  .benefits__title {
    margin-bottom: 2.5rem
  }

  .brands__title {
    margin-bottom: 2.5rem
  }

  .brands__text {
    max-width: 44.875rem
  }

  .brands__items {
    padding-bottom: 4.375rem
  }

  .numbers__item strong {
    font-size: 5.9375rem
  }

  .moments__text {
    margin-bottom: 2.5rem
  }

  .moments__items:not(:last-child) {
    margin-bottom: 2.5rem
  }

  .moments__subtitle {
    font-size: 2.125rem
  }

  .moments__subtitle {
    margin-bottom: 1.25rem
  }

  .moments__more i {
    font-size: 2.125rem
  }

  .about-page__info {
    gap: 2.5rem
  }

  .people__text {
    margin-bottom: 2.5rem
  }

  .people__subtitle {
    margin-bottom: 2.5rem
  }

  .card {
    min-height: 26.875rem
  }

  .join__text {
    max-width: 41.875rem
  }

  .join__text {
    margin-bottom: 2.5rem
  }

  .join-item {
    padding: 2.5rem
  }

  .join-item__list li::before {
    width: 1.5rem
  }

  .join-item__list li::before {
    height: 1.75rem
  }

  .future__text {
    margin-bottom: 2.5rem
  }

  .future__text {
    max-width: 41.9375rem
  }

  .future__subtitle {
    margin-bottom: 2.5rem
  }

  .item-future__icon svg {
    width: 2.5625rem
  }

  .item-future__icon svg {
    height: 2.5625rem
  }

  .offices__title {
    margin-bottom: 2.5rem
  }

  .faq__title {
    margin-bottom: 2.5rem
  }
}

@media (max-width:89.99875em) {
  .entry-section__title .breadcrumbs {
    padding-bottom: 2.75rem
  }

  .privacy {
    max-width: 48.125rem
  }

  .benefit__img {
    max-height: 37.5rem
  }

  .item-service__text {
    max-width: 23.3125rem
  }
}

@media (max-width:87.5em) {
  .hero__title {
    margin-bottom: 1.875rem
  }
}

@media (max-width:74.99875em) {
  .accent-block__title br {
    display: none
  }

  .item-service__text {
    max-width: 100%
  }
}

@media (max-width:61.99875em) {
  .entry-section__title .breadcrumbs {
    padding-bottom: 1.5rem
  }

  .spollers__item:last-child .spollers__title {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
  }
  .spollers__item:last-child .spollers__title {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
  }
  .spollers__item:last-child .spollers__title._spoller-active {
    border-bottom: none
  }
  .spollers__item:last-child .spollers__title._spoller-active {
    border-bottom: none
  }

  .spollers__item:last-child .spollers__body {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
  }

  .spollers__title {
    padding-right: 3.75rem
  }

  .spollers__title br {
    display: none
  }

  ._spoller-init .spollers__title::after {
    right: 1.25rem
  }

  .subtitle br {
    display: none
  }

  .privacy {
    max-width: 100%
  }

  .not-found__text br {
    display: none
  }

  .footer__top {
    padding-right: 0;
    flex-wrap: wrap
  }

  .services__items {
    flex-wrap: wrap
  }

  .service {
    flex: 1 1 46%
  }

  .service__title br {
    display: none
  }

  .accent-block__container {
    flex-wrap: wrap
  }

  .case__title br {
    display: none
  }

  .gallery {
    grid-template-columns: repeat(2, 1fr)
  }

  .hero__title {
    font-size: 7.375rem
  }

  .about-block__inner {
    flex-wrap: wrap
  }

  .about-block__list li br {
    display: none
  }

  .benefit {
    flex-wrap: wrap;
    min-height: initial
  }

  .benefit__info {
    flex: 1 1 100%;
    gap: 5rem
  }

  .benefit__img {
    max-height: 25rem
  }

  .brands__text {
    max-width: 100%
  }

  .moments__text {
    max-width: 100%
  }

  .moments__text br {
    display: none
  }

  .people__items {
    grid-template-columns: repeat(3, 1fr)
  }

  .card-big {
    grid-column: span 3
  }

  .join__text {
    max-width: 100%
  }

  .join__items {
    flex-wrap: wrap
  }

  .join-item {
    flex: 1 1 100%
  }

  .future__text {
    max-width: 100%
  }

  .future__items {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2.5rem
  }

  .item-future_text {
    margin-top: .625rem;
    grid-column: span 2
  }

  .item-service__num {
    flex: 0 0 14%
  }

  .item-service__title {
    flex: 0 0 24%
  }

  .item-service__text {
    max-width: 100%
  }
}

@media (max-width:53.87375em) {
  .about-page {
    flex-wrap: wrap
  }

  .about-page__img {
    flex: 1 1 100%
  }

  .people__items {
    grid-template-columns: repeat(2, 1fr)
  }

  .card-big {
    grid-column: span 2
  }
}

@media (max-width:47.99875em) {
  .accent-block__title {
    max-width: 37.5rem
  }

  .case-detail__title br {
    display: none
  }

  .hero__title {
    font-size: 6.25rem
  }

  .brands__items {
    padding-bottom: 3.125rem
  }
}

@media (max-width:39.99875em) {
  .back span{
    font-size: 20px;
  }
  
  .header_inner .menu__body {
    position: fixed;
    width: 100%;
    left: 0;
    top: -100%;
    overflow: auto;
    padding: 7.3125rem .9375rem 5rem .9375rem;
    transition: top .3s;
    background-color: var(--bg-primary);
    z-index: 3
  }

  .menu-open .header_inner .menu__body {
    top: 0
  }

  .header_inner .menu__list {
    flex-direction: column
  }

  .header_inner .menu__link {
    font-size: 1.875rem
  }

  .icon-menu {
    display: block;
    position: relative;
    width: 1.25rem;
    height: .75rem;
    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: .125rem;
    background-color: var(--accent)
  }

  .icon-menu::before {
    top: 0
  }

  .icon-menu::after {
    bottom: 0
  }

  .icon-menu span {
    top: calc(50% - .0625rem)
  }

  .menu-open .icon-menu span {
    width: 0
  }

  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .header_inner::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    background-color: var(--bg-primary)
  }

  .gallery {
    grid-template-columns: 1fr
  }

  .hero__title {
    font-size: 4.875rem
  }

  .brands__items {
    flex-wrap: wrap;
    row-gap: 1.25rem
  }

  .brands__item {
    flex: 1 1 50%
  }

  .brands__item:last-child {
    border-left: 0
  }

  .brands__item._long {
    order: 5;
    padding: 0 3.125rem;
    border-right: 1px solid var(--border)
  }

  .brands__item:nth-child(2n) {
    border-right: 1px solid var(--border)
  }

  .numbers {
    flex-wrap: wrap
  }

  .item-service {
    gap: 3.125rem 1.25rem;
    flex-wrap: wrap;
    justify-content: flex-start
  }

  .item-service__num {
    flex: 0 0 auto
  }

  .item-service__title {
    flex: 0 0 auto
  }

  .item-service__text {
    flex: 0 1 80%
  }
    .bottom_header_menu {
      min-width: clamp(17.5rem, 14.6875rem + 12.5vw, 28.75rem);
      min-height: clamp(2.375rem, 2.03125rem + 1.5277777778vw, 3.75rem);
  
    }
  
    .bottom_header_menu .menu__body {
      position: relative;
      padding: 0;
      color: var(--primary);
      line-height: 1;
      font-family: var(--primary-font), sans-serif;
      font-size: .875rem;
      -ms-text-size-adjust: 100%;
      -moz-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      -webkit-font-smoothing: antialiased;
    }
        .bottom_header_menu .menu__list .menu__link{
          
          font-size: clamp(.875rem, .71875rem + .6944444444vw, 1.5rem);
    }
        .bottom_header_menu .menu__list{
          flex-direction: row;
        }
}

@media (max-width:39.99875em)and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}

@media (max-width:39.99875em)and (max-width:22.5em) {
  .header_inner::before {
    min-height: 3.5625rem
  }
}

@media (max-width:29.99875em) {
  .header_main .menu {
    padding: .625rem 1.25rem
  }

  .entry-section__title .breadcrumbs {
    padding-bottom: 1.25rem
  }

  .not-found__text {
    max-width: 100%
  }

  .swiper-controls {
    display: none
  }

  .footer__right {
    flex: 1 1 100%
  }

  .service {
    flex: 1 1 100%
  }

  .case::before {
    opacity: .4
  }

  .hero__title {
    font-size: 6.25rem
  }

  .hero__title span:first-child {
    padding-right: 0
  }

  .benefit__img {
    max-height: 22.5rem
  }

  .moments__more {
    flex-wrap: wrap;
    gap: 1.875rem
  }

  .moments__more i br {
    display: none
  }

  .people__items {
    grid-template-columns: 1fr
  }

  .card-big {
    grid-column: span 1
  }

  .card-big .front__img img {
    height: 15rem
  }

  .front__text {
    max-width: 10.625rem
  }

  .future__items {
    row-gap: 1.875rem;
    grid-template-columns: 1fr
  }

  .item-future_text {
    grid-column: span 1
  }

  .item-service__text {
    flex: 0 1 84%
  }
}

@media (max-width:22.5em) {
  .button {
    font-size: .875rem
  }

  .header_main .menu {
    min-width: 17.5rem
  }

  .header_main .menu {
    min-height: 2.375rem
  }

  .header_main .menu__item:not(:last-child) .menu__link {
    padding-right: .625rem
  }

  .header_main .menu__item:not(:last-child) .menu__link {
    margin-right: .625rem
  }

  .menu__link {
    font-size: .875rem
  }

  .breadcrumbs {
    padding-top: .625rem
  }

  .breadcrumbs {
    padding-bottom: .625rem
  }

  ._spoller-init .spollers__title::after {
    width: .875rem
  }

  ._spoller-init .spollers__title::after {
    height: .875rem
  }

  .page_inner {
    padding-top: 3.5625rem
  }

  .text p+p {
    margin-top: .625rem
  }

  .indicator__item {
    font-size: 1.5rem
  }

  .privacy {
    gap: .625rem
  }

  .not-found__content {
    gap: 1.25rem
  }

  .not-found__btn {
    min-width: 12.5rem
  }

  .not-found__btn {
    min-height: 3.125rem
  }

  .header__logo {
    flex-basis: 4.4375rem
  }

  .actions-header {
    gap: .625rem
  }

  .actions-header__link {
    font-size: 1rem
  }

  .actions-header__link svg {
    width: .875rem
  }

  .actions-header__link svg {
    height: .875rem
  }

  .actions-header__link._one svg {
    width: 1.3125rem
  }

  .actions-header__link._one svg {
    height: 1.3125rem
  }

  .footer {
    padding-top: 3.125rem
  }

  .footer__top {
    padding-bottom: 3.75rem
  }

  .footer__top {
    gap: 3.125rem
  }

  .footer__title {
    font-size: .875rem
  }

  .footer__title {
    margin-bottom: 1.25rem
  }

  .footer__mail {
    font-size: 1.75rem
  }

  .footer__right {
    gap: 1.25rem
  }

  .footer__country li+li {
    margin-top: 1.25rem
  }

  .footer__contacts li+li {
    margin-top: 1.25rem
  }

  .footer__bottom {
    padding-top: 1.25rem
  }

  .footer__bottom {
    padding-bottom: 1.25rem
  }

  .footer__text {
    font-size: .75rem
  }

  .services__title {
    margin-bottom: 1.875rem
  }

  .service::before {
    font-size: 1rem
  }

  .service_more {
    font-size: 1rem
  }

  .service__top svg {
    width: 1.625rem
  }

  .service__top svg {
    height: 2rem
  }

  .case__title:not(:last-child) {
    margin-bottom: .625rem
  }

  .uefa-logo {
    width: 5.8125rem
  }

  .hyunday-logo {
    width: 9.875rem
  }

  .qnb-logo {
    width: 6.875rem
  }

  .korea-logo {
    width: 8.3125rem
  }

  .sumsung-logo {
    width: 8.25rem
  }

  .paris-logo {
    width: 4.375rem
  }

  .enedis-logo {
    width: 6.4375rem
  }

  .vivo-logo {
    width: 5.8125rem
  }

  .fifa-logo,
  .milano-logo {
    width: 4.8125rem
  }

  .gallery {
    gap: .625rem
  }

  .hero__text {
    font-size: 1.25rem
  }

  .about-block__inner {
    gap: 1.875rem
  }

  .about-block__text:not(:last-child) {
    margin-bottom: 1.875rem
  }

  .about-block__btn {
    min-width: 11.25rem
  }

  .about-block__btn {
    min-height: 3.125rem
  }

  .benefit+.benefit {
    margin-top: 1.25rem
  }

  .brands__text {
    margin-bottom: 1.875rem
  }

  .numbers__item {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
  }

  .moments__title {
    margin-bottom: 1.25rem
  }

  .moments__btn {
    min-width: 11.25rem
  }

  .about-page {
    gap: 1.875rem
  }

  .about-page__btn {
    min-width: 11.25rem
  }

  .about-page__btn {
    min-height: 3.125rem
  }

  .people__title {
    margin-bottom: 1.25rem
  }

  .people__items {
    gap: .625rem
  }

  .front {
    padding: .9375rem
  }

  .front__body {
    padding-bottom: .3125rem
  }

  .back {
    padding: 1.25rem
  }

  .join__title {
    margin-bottom: 1.25rem
  }

  .join__items {
    gap: 1.25rem
  }

  .join-item {
    padding: 1.875rem
  }

  .join-item__title {
    margin-bottom: 1.25rem
  }

  .join-item__list li {
    gap: .625rem
  }

  .join-item__list li {
    padding-left: 3.1875rem
  }

  .join-item__list li+li {
    margin-top: .625rem
  }

  .future__title {
    margin-bottom: 1.25rem
  }

  .item-future__icon {
    margin-bottom: 1.25rem
  }

  .item-future__title {
    margin-bottom: 1.25rem
  }

  .item-future__title {
    padding-bottom: .875rem
  }
}

@media (min-width:22.5em)and (max-width:112.5em) {
  .button {
    font-size: clamp(.875rem, .78125rem + .4166666667vw, 1.25rem)
  }

  .header_main .menu {
    min-width: clamp(17.5rem, 14.6875rem + 12.5vw, 28.75rem)
  }

  .header_main .menu {
    min-height: clamp(2.375rem, 2.03125rem + 1.5277777778vw, 3.75rem)
  }

  .header_main .menu__item:not(:last-child) .menu__link {
    padding-right: clamp(.625rem, .3125rem + 1.3888888889vw, 1.875rem)
  }

  .header_main .menu__item:not(:last-child) .menu__link {
    margin-right: clamp(.625rem, .3125rem + 1.3888888889vw, 1.875rem)
  }

  .menu__link {
    font-size: clamp(.875rem, .71875rem + .6944444444vw, 1.5rem)
  }

  .breadcrumbs {
    padding-top: clamp(.625rem, .3125rem + 1.3888888889vw, 1.875rem)
  }

  .breadcrumbs {
    padding-bottom: clamp(.625rem, .3125rem + 1.3888888889vw, 1.875rem)
  }

  ._spoller-init .spollers__title::after {
    width: clamp(.875rem, .703125rem + .7638888889vw, 1.5625rem)
  }

  ._spoller-init .spollers__title::after {
    height: clamp(.875rem, .703125rem + .7638888889vw, 1.5625rem)
  }

  .page_inner {
    padding-top: clamp(3.5625rem, 3.3125rem + 1.1111111111vw, 4.5625rem)
  }

  .text p+p {
    margin-top: clamp(.625rem, .546875rem + .3472222222vw, .9375rem)
  }

  .indicator__item {
    font-size: clamp(1.5rem, 1.25rem + 1.1111111111vw, 2.5rem)
  }

  .privacy {
    gap: clamp(.625rem, .546875rem + .3472222222vw, .9375rem)
  }

  .not-found__content {
    gap: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .not-found__btn {
    min-width: clamp(12.5rem, 11.515625rem + 4.375vw, 16.4375rem)
  }

  .not-found__btn {
    min-height: clamp(3.125rem, 2.8125rem + 1.3888888889vw, 4.375rem)
  }

  .header__logo {
    flex-basis: clamp(4.4375rem, 4.125rem + 1.3888888889vw, 5.6875rem)
  }

  .actions-header {
    gap: clamp(.625rem, .46875rem + .6944444444vw, 1.25rem)
  }

  .actions-header__link {
    font-size: clamp(1rem, .90625rem + .4166666667vw, 1.375rem)
  }

  .actions-header__link svg {
    width: clamp(.875rem, .71875rem + .6944444444vw, 1.5rem)
  }

  .actions-header__link svg {
    height: clamp(.875rem, .71875rem + .6944444444vw, 1.5rem)
  }

  .actions-header__link._one svg {
    width: clamp(1.3125rem, 1.046875rem + 1.1805555556vw, 2.375rem)
  }

  .actions-header__link._one svg {
    height: clamp(1.3125rem, 1.046875rem + 1.1805555556vw, 2.375rem)
  }

  .footer {
    padding-top: clamp(3.125rem, 2.34375rem + 3.4722222222vw, 6.25rem)
  }

  .footer__top {
    padding-bottom: clamp(3.75rem, 2.5rem + 5.5555555556vw, 8.75rem)
  }

  .footer__top {
    gap: clamp(3.125rem, 2.96875rem + .6944444444vw, 3.75rem)
  }

  .footer__title {
    font-size: clamp(.875rem, .71875rem + .6944444444vw, 1.5rem)
  }

  .footer__title {
    margin-bottom: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .footer__right {
    gap: clamp(1.25rem, -.21875rem + 6.5277777778vw, 7.125rem)
  }

  .footer__country li+li {
    margin-top: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .footer__contacts li+li {
    margin-top: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .footer__bottom {
    padding-top: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .footer__bottom {
    padding-bottom: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .footer__text {
    font-size: clamp(.75rem, .6875rem + .2777777778vw, 1rem)
  }

  .service::before {
    font-size: clamp(1rem, .875rem + .5555555556vw, 1.5rem)
  }

  .service_more {
    font-size: clamp(1rem, .875rem + .5555555556vw, 1.5rem)
  }

  .service__top svg {
    width: clamp(1.625rem, 1.390625rem + 1.0416666667vw, 2.5625rem)
  }

  .service__top svg {
    height: clamp(2rem, 1.703125rem + 1.3194444444vw, 3.1875rem)
  }

  .case__title:not(:last-child) {
    margin-bottom: clamp(.625rem, .46875rem + .6944444444vw, 1.25rem)
  }

  .uefa-logo {
    width: clamp(5.8125rem, 4.25rem + 6.9444444444vw, 12.0625rem)
  }

  .hyunday-logo {
    width: clamp(9.875rem, 7.8125rem + 9.1666666667vw, 18.125rem)
  }

  .qnb-logo {
    width: clamp(6.875rem, 5.21875rem + 7.3611111111vw, 13.5rem)
  }

  .korea-logo {
    width: clamp(8.3125rem, 5.859375rem + 10.9027777778vw, 18.125rem)
  }

  .sumsung-logo {
    width: clamp(8.25rem, 6.09375rem + 9.5833333333vw, 16.875rem)
  }

  .paris-logo {
    width: clamp(4.375rem, 3.46875rem + 4.0277777778vw, 8rem)
  }

  .enedis-logo {
    width: clamp(6.4375rem, 4.734375rem + 7.5694444444vw, 13.25rem)
  }

  .vivo-logo {
    width: clamp(5.8125rem, 4.53125rem + 5.6944444444vw, 10.9375rem)
  }

  .fifa-logo,
  .milano-logo {
    width: clamp(4.8125rem, 3.984375rem + 3.6805555556vw, 8.125rem)
  }

  .gallery {
    gap: clamp(.625rem, .46875rem + .6944444444vw, 1.25rem)
  }

  .hero__text {
    font-size: clamp(1.25rem, .875rem + 1.6666666667vw, 2.75rem)
  }

  .about-block__inner {
    gap: clamp(1.875rem, 1.25rem + 2.7777777778vw, 4.375rem)
  }

  .about-block__text:not(:last-child) {
    margin-bottom: clamp(1.875rem, 1.71875rem + .6944444444vw, 2.5rem)
  }

  .about-block__btn {
    min-width: clamp(11.25rem, 9.953125rem + 5.7638888889vw, 16.4375rem)
  }

  .about-block__btn {
    min-height: clamp(3.125rem, 2.8125rem + 1.3888888889vw, 4.375rem)
  }

  .benefit+.benefit {
    margin-top: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .numbers__item {
    -webkit-column-gap: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem);
    -moz-column-gap: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem);
    column-gap: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .moments__btn {
    min-width: clamp(11.25rem, 10.15625rem + 4.8611111111vw, 15.625rem)
  }

  .about-page {
    gap: clamp(1.875rem, 1.40625rem + 2.0833333333vw, 3.75rem)
  }

  .about-page__btn {
    min-width: clamp(11.25rem, 10rem + 5.5555555556vw, 16.25rem)
  }

  .about-page__btn {
    min-height: clamp(3.125rem, 2.8125rem + 1.3888888889vw, 4.375rem)
  }

  .people__title {
    margin-bottom: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .people__items {
    gap: clamp(.625rem, .46875rem + .6944444444vw, 1.25rem)
  }

  .front {
    padding: clamp(.9375rem, .859375rem + .3472222222vw, 1.25rem)
  }

  .front__body {
    padding-bottom: clamp(.3125rem, .234375rem + .3472222222vw, .625rem)
  }

  .back {
    padding: clamp(1.25rem, 1.09375rem + .6944444444vw, 1.875rem)
  }

  .join__title {
    margin-bottom: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .join__items {
    gap: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .join-item__title {
    margin-bottom: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .join-item__list li {
    gap: clamp(.625rem, .46875rem + .6944444444vw, 1.25rem)
  }

  .join-item__list li {
    padding-left: clamp(3.1875rem, 2.828125rem + 1.5972222222vw, 4.625rem)
  }

  .join-item__list li+li {
    margin-top: clamp(.625rem, .46875rem + .6944444444vw, 1.25rem)
  }

  .future__title {
    margin-bottom: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .item-future__icon {
    margin-bottom: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .item-future__title {
    margin-bottom: clamp(1.25rem, .9375rem + 1.3888888889vw, 2.5rem)
  }

  .item-future__title {
    padding-bottom: clamp(.875rem, .78125rem + .4166666667vw, 1.25rem)
  }
}

@media (min-width:48em)and (max-width:75em) {
  .menu__list {
    gap: clamp(1.25rem, .1388888889rem + 2.3148148148vw, 1.875rem)
  }
}

@media (min-width:89.99875em)and (max-width:120em) {
  .entry-section__title .breadcrumbs {
    padding-bottom: clamp(2.75rem, -4.7495833507rem + 8.3329861256vw, 5.25rem)
  }

  .privacy {
    max-width: clamp(48.125rem, -17.4963543186rem + 72.9136285988vw, 70rem)
  }

  

  .item-service__text {
    max-width: clamp(23.3125rem, -4.9984271489rem + 31.4570226241vw, 32.75rem)
  }
}

@media (min-width:92.5em)and (max-width:120em) {
  .entry-section__title {
    padding-bottom: clamp(3.125rem, 1.0227272727rem + 2.2727272727vw, 3.75rem)
  }

  .entry-section__title {
    margin-bottom: clamp(3.75rem, -.4545454545rem + 4.5454545455vw, 5rem)
  }

  .subtitle {
    font-size: clamp(2.125rem, -1.2386363636rem + 3.6363636364vw, 3.125rem)
  }

  .text.text_sm {
    font-size: clamp(.875rem, .0340909091rem + .9090909091vw, 1.125rem)
  }

  .not-found__title {
    font-size: clamp(11.25rem, -1.3636363636rem + 13.6363636364vw, 15rem)
  }

  .not-found__subtitle {
    font-size: clamp(2.125rem, -1.2386363636rem + 3.6363636364vw, 3.125rem)
  }

  .services__title {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .service {
    gap: clamp(5rem, -3.4090909091rem + 9.0909090909vw, 7.5rem)
  }

  .service {
    padding: clamp(1.25rem, -.8522727273rem + 2.2727272727vw, 1.875rem)
  }

  .service__title {
    margin-bottom: clamp(1.25rem, -.8522727273rem + 2.2727272727vw, 1.875rem)
  }

  .accent-block {
    padding-top: clamp(4.75rem, .5454545455rem + 4.5454545455vw, 6rem)
  }

  .accent-block {
    padding-bottom: clamp(4.75rem, .5454545455rem + 4.5454545455vw, 6rem)
  }

  .accent-block__link {
    font-size: clamp(3.875rem, -2.0113636364rem + 6.3636363636vw, 5.625rem)
  }

  .case {
    padding: clamp(1.875rem, -.2272727273rem + 2.2727272727vw, 2.5rem)
  }

  .case {
    min-height: clamp(25.9375rem, -12.9545454545rem + 42.0454545455vw, 37.5rem)
  }

  .case-detail__banner {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .case-detail__top {
    padding-top: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .case-detail__top {
    padding-bottom: clamp(5rem, -3.4090909091rem + 9.0909090909vw, 7.5rem)
  }

  .case-detail__top {
    min-height: clamp(26.25rem, -3.1818181818rem + 31.8181818182vw, 35rem)
  }

  .about-block__subtitle {
    margin-bottom: clamp(7.25rem, 2.2045454545rem + 5.4545454545vw, 8.75rem)
  }

  .about-block__list {
    margin-top: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .benefits__title {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .brands__title {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .brands__text {
    max-width: clamp(44.875rem, -20.7159090909rem + 70.9090909091vw, 64.375rem)
  }

  .brands__items {
    padding-bottom: clamp(4.375rem, -1.9318181818rem + 6.8181818182vw, 6.25rem)
  }

  .numbers__item strong {
    font-size: clamp(5.9375rem, -3.1022727273rem + 9.7727272727vw, 8.625rem)
  }

  .moments__text {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .moments__items:not(:last-child) {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .moments__subtitle {
    font-size: clamp(2.125rem, -1.2386363636rem + 3.6363636364vw, 3.125rem)
  }

  .moments__subtitle {
    margin-bottom: clamp(1.25rem, -2.9545454545rem + 4.5454545455vw, 2.5rem)
  }

  .moments__more i {
    font-size: clamp(2.125rem, -1.2386363636rem + 3.6363636364vw, 3.125rem)
  }

  .about-page__info {
    gap: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .people__text {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .people__subtitle {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .card {
    min-height: clamp(26.875rem, -.4545454545rem + 29.5454545455vw, 35rem)
  }

  .join__text {
    max-width: clamp(41.875rem, -23.2954545455rem + 70.4545454545vw, 61.25rem)
  }

  .join__text {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .join-item {
    padding: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .join-item__list li::before {
    width: clamp(1.5rem, -.6022727273rem + 2.2727272727vw, 2.125rem)
  }

  .join-item__list li::before {
    height: clamp(1.75rem, -.7727272727rem + 2.7272727273vw, 2.5rem)
  }

  .future__text {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .future__text {
    max-width: clamp(41.9375rem, -21.3409090909rem + 68.4090909091vw, 60.75rem)
  }

  .future__subtitle {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .item-future__icon svg {
    width: clamp(2.5625rem, -1.4318181818rem + 4.3181818182vw, 3.75rem)
  }

  .item-future__icon svg {
    height: clamp(2.5625rem, -1.4318181818rem + 4.3181818182vw, 3.75rem)
  }

  .offices__title {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }

  .faq__title {
    margin-bottom: clamp(2.5rem, -1.7045454545rem + 4.5454545455vw, 3.75rem)
  }
}

@media (min-width:22.5em)and (max-width:89.99875em) {
  .entry-section__title {
    padding-bottom: clamp(1.875rem, 1.4583256171rem + 1.851886146vw, 3.125rem)
  }

  .entry-section__title {
    margin-bottom: clamp(1.875rem, 1.2499884257rem + 2.7778292191vw, 3.75rem)
  }

  .section {
    padding-top: clamp(5rem, 3.9583140429rem + 4.6297153651vw, 8.125rem)
  }

  .section {
    padding-bottom: clamp(5rem, 3.9583140429rem + 4.6297153651vw, 8.125rem)
  }

  .title {
    font-size: clamp(2.4375rem, 1.9583244597rem + 2.1296690679vw, 3.875rem)
  }

  .title.title_h2 {
    font-size: clamp(1.75rem, 1.4166604937rem + 1.4815089168vw, 2.75rem)
  }

  .title.title_h3 {
    font-size: clamp(1.5rem, 1.4166651234rem + .3703772292vw, 1.75rem)
  }

  .title.case-detail__title {
    font-size: clamp(1.75rem, 1.0416535491rem + 3.1482064483vw, 3.875rem)
  }

  .subtitle {
    font-size: clamp(1.625rem, 1.4583302469rem + .7407544584vw, 2.125rem)
  }

  .text {
    font-size: clamp(1.125rem, 1.0416651234rem + .3703772292vw, 1.375rem)
  }

  .text.text_md {
    font-size: clamp(.875rem, .8124988426rem + .2777829219vw, 1.0625rem)
  }

  .not-found__title {
    font-size: clamp(7.5rem, 6.2499768514rem + 5.5556584381vw, 11.25rem)
  }

  .not-found__subtitle {
    font-size: clamp(1.625rem, 1.4583302469rem + .7407544584vw, 2.125rem)
  }

  .footer__mail {
    font-size: clamp(1.75rem, 1.4166604937rem + 1.4815089168vw, 2.75rem)
  }

  .footer__country a {
    font-size: clamp(1.5rem, 1.4166651234rem + .3703772292vw, 1.75rem)
  }

  .footer__contacts a {
    font-size: clamp(1.5rem, 1.4166651234rem + .3703772292vw, 1.75rem)
  }

  .accent-block__link {
    font-size: clamp(2.25rem, 1.7083233023rem + 2.4074519899vw, 3.875rem)
  }

  .case {
    padding: clamp(1.25rem, 1.0416628086rem + .925943073vw, 1.875rem)
  }

  .case {
    min-height: clamp(17.5rem, 14.6874479157rem + 12.5002314858vw, 25.9375rem)
  }

  .case-detail__banner {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .case-detail__top {
    padding-top: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .case-detail__top {
    padding-bottom: clamp(1.875rem, .8333140429rem + 4.6297153651vw, 5rem)
  }

  .case-detail__top {
    min-height: clamp(13.75rem, 9.5832561714rem + 18.5188614604vw, 26.25rem)
  }

  .about-block__subtitle {
    margin-bottom: clamp(5rem, 4.2499861109rem + 3.3333950629vw, 7.25rem)
  }

  .about-block__list {
    margin-top: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .benefits__title {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .benefit__info {
    padding: clamp(1.875rem, 1.2499884257rem + 2.7778292191vw, 3.75rem)
  }

  .brands__title {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .numbers__item strong {
    font-size: clamp(4.125rem, 3.5208221449rem + 2.6852349118vw, 5.9375rem)
  }

  .moments__title {
    margin-bottom: clamp(1.25rem, .8333256171rem + 1.851886146vw, 2.5rem)
  }

  .moments__text {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .moments__items:not(:last-child) {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .moments__subtitle {
    font-size: clamp(1.625rem, 1.4583302469rem + .7407544584vw, 2.125rem)
  }

  .moments__more i {
    font-size: clamp(1.625rem, 1.4583302469rem + .7407544584vw, 2.125rem)
  }

  .about-page__info {
    gap: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .people__text {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .people__subtitle {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .join__text {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .join-item {
    padding: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .future__text {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .future__subtitle {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .offices__title {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }

  .faq__title {
    margin-bottom: clamp(1.875rem, 1.6666628086rem + .925943073vw, 2.5rem)
  }
}

@media (min-width:90em)and (max-width:120em) {
  .section {
    padding-top: clamp(8.125rem, -5rem + 14.5833333333vw, 12.5rem)
  }

  .section {
    padding-bottom: clamp(8.125rem, -5rem + 14.5833333333vw, 12.5rem)
  }

  .title {
    font-size: clamp(3.875rem, -1.375rem + 5.8333333333vw, 5.625rem)
  }

  .title.title_h2 {
    font-size: clamp(2.75rem, -1rem + 4.1666666667vw, 4rem)
  }

  .title.title_h3 {
    font-size: clamp(1.75rem, -.5rem + 2.5vw, 2.5rem)
  }

  .text {
    font-size: clamp(1.375rem, -.5rem + 2.0833333333vw, 2rem)
  }

  .text.text_xl {
    font-size: clamp(1.75rem, -.5rem + 2.5vw, 2.5rem)
  }

  .text.text_md {
    font-size: clamp(1.0625rem, -.25rem + 1.4583333333vw, 1.5rem)
  }

  .footer__top {
    padding-right: clamp(8rem, -13rem + 23.3333333333vw, 15rem)
  }

  /* .footer__mail {
    font-size: clamp(2.75rem, -1rem + 4.1666666667vw, 4rem)
  } */

  .footer__country a {
    font-size: clamp(1.75rem, -.5rem + 2.5vw, 2.5rem)
  }

  .footer__contacts a {
    font-size: clamp(1.75rem, -.5rem + 2.5vw, 2.5rem)
  }

 

  .benefit__info {
    padding: clamp(3.75rem, -1.875rem + 6.25vw, 5.625rem)
  }
}

@media (min-width:30em)and (max-width:89.99875em) {
  .text.text_xl {
    font-size: clamp(1.5rem, 1.3749973958rem + .4166753474vw, 1.75rem)
  }
}

@media (min-width:30em)and (max-width:120em) {
  .not-found__text {
    max-width: clamp(22.5rem, 17.9166666667rem + 15.2777777778vw, 36.25rem)
  }

  .hero__title span:first-child {
    padding-right: clamp(1.25rem, -.4166666667rem + 5.5555555556vw, 6.25rem)
  }
}

@media (max-width:39.99875em)and (min-width:112.5em) {
  .header_inner::before {
    min-height: 4.5625rem
  }
}

@media (max-width:39.99875em)and (min-width:22.5em)and (max-width:112.5em) {
  .header_inner::before {
    min-height: clamp(3.5625rem, 3.3125rem + 1.1111111111vw, 4.5625rem)
  }
}

@media (min-width:22.5em)and (max-width:92.5em) {
  .services__title {
    margin-bottom: clamp(1.875rem, 1.6741071429rem + .8928571429vw, 2.5rem)
  }

  .service {
    gap: clamp(4.125rem, 3.84375rem + 1.25vw, 5rem)
  }

  .brands__text {
    margin-bottom: clamp(1.875rem, 1.6741071429rem + .8928571429vw, 2.5rem)
  }
}

@media (min-width:92.5em)and (max-width:89.99875em) {
  .accent-block {
    padding-top: clamp(2.5rem, 85.7083958021rem + -89.9550224888vw, 4.75rem)
  }

  .accent-block {
    padding-bottom: clamp(2.5rem, 85.7083958021rem + -89.9550224888vw, 4.75rem)
  }
}

@media (min-width:87.5em)and (max-width:120em) {
  .hero__title {
    margin-bottom: clamp(1.875rem, -3.1730769231rem + 5.7692307692vw, 3.75rem)
  }
}

@media (min-width:62em)and (max-width:89.99875em) {
  

  .brands__text {
    max-width: clamp(42.5rem, 37.2408366445rem + 8.4825215411vw, 44.875rem)
  }

  .card {
    min-height: clamp(21.25rem, 8.7940867896rem + 20.0901825974vw, 26.875rem)
  }

  .join__text {
    max-width: clamp(37.5rem, 27.812067503rem + 15.6256975758vw, 41.875rem)
  }

  .future__text {
    max-width: clamp(40rem, 35.7096298942rem + 6.9199517836vw, 41.9375rem)
  }
}

@media (min-width:48em)and (max-width:92.49875em) {
  .brands__items {
    padding-bottom: clamp(3.125rem, 1.7766475182rem + 2.8090676704vw, 4.375rem)
  }
}

@media (min-width:30em)and (max-width:75em) {
  .brands__item {
    height: clamp(5.3125rem, 2.6041666667rem + 9.0277777778vw, 9.375rem)
  }

  .item-service {
    padding-bottom: clamp(1.25rem, -2.25rem + 11.6666666667vw, 6.5rem)
  }

  .item-service__num {
    font-size: clamp(2.625rem, 2.2083333333rem + 1.3888888889vw, 3.25rem)
  }

  .item-service__title {
    font-size: clamp(1.625rem, 1.2916666667rem + 1.1111111111vw, 2.125rem)
  }

  .item-service__icon svg {
    width: clamp(1.3125rem, 1.1458333333rem + .5555555556vw, 1.5625rem)
  }

  .item-service__icon svg {
    height: clamp(1.0625rem, .8958333333rem + .5555555556vw, 1.3125rem)
  }
}

@media (min-width:48em)and (max-width:120em) {
  .brands__item {
    padding-left: clamp(1.25rem, .0000000625rem + 2.6041666667vw, 3.125rem)
  }

  .brands__item {
    padding-right: clamp(1.25rem, .0000000625rem + 2.6041666667vw, 3.125rem)
  }
}

@media (min-width:22.5em)and (max-width:53.87375em) {
  .about-page__img img {
    height: clamp(20.625rem, 15.6945246823rem + 21.9132236344vw, 27.5rem)
  }
}

@media (min-width:48em)and (max-width:53.87375em) {
  .card {
    min-height: clamp(30rem, 9.5701213024rem + 42.5622472867vw, 32.5rem)
  }
}

@media (min-width:30em)and (max-width:47.99875em) {
  .card {
    min-height: clamp(20rem, 3.3321758455rem + 55.5594138482vw, 30rem)
  }
}

@media (min-width:22.4375em)and (max-width:29.99875em) {
  .card {
    min-height: clamp(28.125rem, 7.7239006447rem + 90.9241196892vw, 35rem)
  }
}

@media (any-hover:hover) {
  .button:hover {
    color: var(--bg-primary);
    background-position: bottom;
    border-color: var(--accent)
  }

  .menu__link:hover {
    color: var(--accent)
  }

  .swiper-button:hover {
    background-color: #fff;
    color: var(--accent)
  }

  .actions-header__link:hover {
    color: var(--accent)
  }

  .footer__mail:hover {
    opacity: .6
  }

  .footer__contacts a:hover {
    opacity: .6
  }

  .service:hover:before {
    opacity: 1;
    visibility: visible
  }

  .case:hover .case__img {
    scale: 1.04
  }

  .case:hover:before {
    opacity: .4
  }

  .item-service:hover {
    background-position: bottom
  }

  .item-service:hover .item-service__icon {
    translate: 1.25rem 0
  }
}

@media print,
(prefers-reduced-motion:reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }

  .animate__animated[class*=Out] {
    opacity: 0
  }

  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }

  .animate__animated[class*=Out] {
    opacity: 0
  }
}