body {
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  max-width: 100%;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.clear {
  display: table;
  clear: both;
}
p,
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
@font-face {
  font-family: 'Roboto Flex';
  src: url('../fonts/RobotoFlex-VariableFont.woff2') format('woff2-variations');
  src: url('../fonts/RobotoFlex-VariableFont.woff2') format('woff2') tech('variations');
  font-weight: 100 1000;
  font-stretch: 25% 151%;
}
.icon {
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
.icon.nav {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.424 4.614c0-.703-.57-1.272-1.273-1.272H8.87c-.702 0-1.272.569-1.272 1.272V13.1c0 .234.065.464.187.664l8.141 11.09a1.272 1.272 0 0 0 2.17 0l8.142-11.09c.122-.2.187-.43.187-.664V4.614z' fill='%2300B2C3'/%3E%3Cpath d='M13.138 14.402v-7.98h2.105l1.64 3.476h.266l1.618-3.476h2.116v7.98H19.62V8.02h-.266l-1.673 3.498h-1.352L14.667 8.02h-.266v6.382h-1.263z' fill='%23364D58'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.264 4.444A4.444 4.444 0 0 1 8.708 0h16.667a1.111 1.111 0 0 1 0 2.222H8.708a2.222 2.222 0 0 0-2.222 2.222v23.334a1.111 1.111 0 0 1-2.222 0V4.444z' fill='%2300B2C3'/%3E%3C/svg%3E");
}
.icon.mail {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.064 7.405c.24-.436.735-.738 1.3-.738h23.272c.564 0 1.059.302 1.3.738L16 15.705l-12.936-8.3zM0 7.98V24c0 2.203 1.96 4 4.364 4h23.272C30.039 28 32 26.203 32 24V8.018v-.045C31.984 5.784 30.03 4 27.636 4H4.364C1.968 4 .012 5.786 0 7.98zm29.09 2.58V24c0 .73-.657 1.333-1.454 1.333H4.364c-.797 0-1.455-.603-1.455-1.333V10.56l12.257 7.866c.5.321 1.167.321 1.668 0L29.09 10.56z' fill='%2300B2C4'/%3E%3C/svg%3E");
}
.icon.pin {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.343 8.343A8 8 0 0 1 24 14c0 3.098-2.016 6.104-4.226 8.437A29.412 29.412 0 0 1 16 25.773a29.412 29.412 0 0 1-3.774-3.335C10.016 20.103 8 17.097 8 14a8 8 0 0 1 2.343-5.657zm5.099 19.487l.003.002a1 1 0 0 0 1.11 0H15.54h1.015l.002-.002.007-.005.023-.015.082-.057c.071-.05.173-.12.302-.214a31.433 31.433 0 0 0 4.254-3.727C23.516 21.397 26 17.903 26 14a10 10 0 0 0-20 0c0 3.902 2.484 7.396 4.774 9.813a31.433 31.433 0 0 0 4.254 3.726 18.887 18.887 0 0 0 .384.27l.023.016.007.005zM14 14a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm2-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8z' fill='%23fff'/%3E%3C/svg%3E");
}
.plus {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.047 16.953H0v-2.906h14.047V0h2.906v14.047H31v2.906H16.953V31h-2.906V16.953z' fill='url(%23paint0_linear_56_567)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_56_567' x1='4.844' y1='26.156' x2='8.408' y2='2.203' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.plus-big {
  width: 44px;
  height: 44px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 24H0v-4h20V0h4v20h20v4H24v20h-4V24z' fill='url(%23paint0_linear_62_575)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_62_575' x1='6.875' y1='37.125' x2='11.934' y2='3.126' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.plus_2 {
  width: 79px;
  height: 79px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 79 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 40H0v-1h39V0h1v39h39v1H40v39h-1V40z' fill='%23364D58'/%3E%3C/svg%3E");
}
.plus_2-big {
  width: 159px;
  height: 159px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 159 159' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78 81H0v-3h78V0h3v78h78v3H81v78h-3V81z' fill='%23364D58'/%3E%3C/svg%3E");
}
.arrow {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.421 24 6 22.588 16.658 12 6 1.412 7.421 0 19.5 12z' fill='%23fff'/%3E%3C/svg%3E");
}
@media (min-width: 375px) {
  .icon {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 768px) {
  .icon {
    width: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
    height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
  }
}
@media (min-width: 1440px) {
  .icon {
    width: calc( 24px + ( var(--win_width) - 768px ) * ( (32 - 24) / ( 1440 - 768 ) ) );
    height: calc( 24px + ( var(--win_width) - 768px ) * ( (32 - 24) / ( 1440 - 768 ) ) );
  }
}
@media (min-width: 1920px) {
  .icon {
    width: 1.66666667vw;
    height: 1.66666667vw;
  }
}
body {
  color: #212121;
  background-color: #FBFAF8;
  font-family: 'Roboto Flex';
  font-variation-settings: 'wdth' 130;
  font-weight: 300;
  font-size: 3.46666667vw;
  line-height: 4.26666667vw;
}
h1,
h2,
h3 {
  font-weight: 600;
  font-variation-settings: 'wdth' 150;
  color: #364D58;
  text-transform: uppercase;
}
h1 span,
h2 span,
h3 span {
  color: rgba(54, 77, 88, 0.75);
}
h1 {
  font-size: 6.4vw;
  line-height: 7.46666667vw;
}
h2 {
  font-size: 4.26666667vw;
  line-height: 5.33333333vw;
}
@media (min-width: 375px) {
  body {
    font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (14 - 13) / ( 768 - 375 ) ) );
    line-height: calc( 16px + ( var(--win_width) - 375px ) * ( (18 - 16) / ( 768 - 375 ) ) );
  }
  h1 {
    font-size: calc( 24px + ( var(--win_width) - 375px ) * ( (28 - 24) / ( 768 - 375 ) ) );
    line-height: calc( 28px + ( var(--win_width) - 375px ) * ( (36 - 28) / ( 768 - 375 ) ) );
  }
  h2 {
    font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
    line-height: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
  }
}
@media (min-width: 768px) {
  body {
    font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (22 - 14) / ( 1440 - 768 ) ) );
    line-height: calc( 18.2px + ( var(--win_width) - 768px ) * ( (26 - 18.2) / ( 1440 - 768 ) ) );
  }
  h1 {
    font-size: calc( 28px + ( var(--win_width) - 768px ) * ( (40 - 28) / ( 1440 - 768 ) ) );
    line-height: calc( 36px + ( var(--win_width) - 768px ) * ( (48 - 36) / ( 1440 - 768 ) ) );
  }
  h2 {
    font-size: calc( 24px + ( var(--win_width) - 768px ) * ( (40 - 24) / ( 1440 - 768 ) ) );
    line-height: calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
  }
}
@media (min-width: 1440px) {
  body {
    font-size: calc( 22px + ( var(--win_width) - 1440px ) * ( (26 - 22) / ( 1920 - 1440 ) ) );
    line-height: calc( 26px + ( var(--win_width) - 1440px ) * ( (36 - 26) / ( 1920 - 1440 ) ) );
  }
  h1 {
    font-size: calc( 40px + ( var(--win_width) - 1440px ) * ( (56 - 40) / ( 1920 - 1440 ) ) );
    line-height: calc( 48px + ( var(--win_width) - 1440px ) * ( (64 - 48) / ( 1920 - 1440 ) ) );
  }
  h2 {
    font-size: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
    line-height: calc( 48px + ( var(--win_width) - 1440px ) * ( (56 - 48) / ( 1920 - 1440 ) ) );
  }
}
@media (min-width: 1920px) {
  body {
    font-size: 1.45833333vw;
    line-height: 1.82291667vw;
  }
  h1,
  h2 {
    font-size: 2.5vw;
    line-height: 2.91666667vw;
  }
}
a {
  text-decoration: none;
}
a.btn,
.btn {
  display: block;
  position: relative;
  font-size: 3.2vw;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  padding: 3.73333333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-shadow: 0 0 4px 0 #00d1ff;
          box-shadow: 0 0 4px 0 #00d1ff;
  background: linear-gradient(263deg, #00d1ff 0%, #AFAFAF 100%);
}
a.btn.second,
.btn.second {
  background: transparent;
}
a.btn.second::before,
.btn.second::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2px;
  padding: 2px;
  background: linear-gradient(80deg, #AFAFAF, #00B2C3);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media (min-width: 375px) {
  a.btn,
  .btn {
    font-size: 12px;
    padding: 14px;
  }
}
@media (min-width: 768px) {
  a.btn,
  .btn {
    font-size: calc( 12px + ( var(--win_width) - 768px ) * ( (14 - 12) / ( 1440 - 768 ) ) );
    padding: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
  }
}
@media (min-width: 1440px) {
  a.btn,
  .btn {
    font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
    padding: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
  }
}
@media (min-width: 1920px) {
  a.btn,
  .btn {
    font-size: 0.83333333vw;
    padding: 1.04166667vw;
  }
}
.line {
  background: rgba(54, 77, 88, 0.25);
  width: 1px;
  position: absolute;
  z-index: 1;
  left: 12.8vw;
  top: 0;
  bottom: 0;
}
.line.right {
  left: unset;
  right: 12.8vw;
  top: 0;
  bottom: 0;
}
.line.top {
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  top: 14.93333333vw;
  bottom: unset;
}
.line.light {
  background: rgba(255, 255, 255, 0.25);
}
@media (min-width: 375px) {
  .line {
    left: calc( 48px + ( var(--win_width) - 375px ) * ( (96 - 48) / ( 768 - 375 ) ) );
    top: 0;
    bottom: 0;
  }
  .line.right {
    left: unset;
    right: calc( 48px + ( var(--win_width) - 375px ) * ( (96 - 48) / ( 768 - 375 ) ) );
    top: 0;
    bottom: 0;
  }
  .line.top {
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    top: calc( 56px + ( var(--win_width) - 375px ) * ( (120 - 56) / ( 768 - 375 ) ) );
    bottom: unset;
  }
}
@media (min-width: 768px) {
  .line {
    left: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
    top: 0;
    bottom: 0;
  }
  .line.right {
    left: unset;
    right: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
    top: 0;
    bottom: 0;
  }
  .line.top {
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    top: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
    bottom: unset;
  }
}
@media (min-width: 1440px) {
  .line {
    left: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
    top: 0;
    bottom: 0;
  }
  .line.right {
    left: unset;
    right: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
    top: 0;
    bottom: 0;
  }
  .line.top {
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    top: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
    bottom: unset;
  }
}
@media (min-width: 1920px) {
  .line {
    left: 11.45833333vw;
    top: 0;
    bottom: 0;
  }
  .line.right {
    left: unset;
    right: 11.45833333vw;
    top: 0;
    bottom: 0;
  }
  .line.top {
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    top: 11.45833333vw;
    bottom: unset;
  }
}
.header {
  height: 12.8vw;
  -webkit-transition: background-color 0.25s, -webkit-transform 0.25s;
  transition: background-color 0.25s, -webkit-transform 0.25s;
  transition: transform 0.25s, background-color 0.25s;
  transition: transform 0.25s, background-color 0.25s, -webkit-transform 0.25s;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 5.33333333vw;
  background: linear-gradient(225deg, rgba(107, 107, 107, 0.3) 0%, rgba(54, 77, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25);
          box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25);
}
.header__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4.26666667vw;
  background: rgba(217, 217, 217, 0.3);
}
.header__logo:after {
  content: '';
  display: block;
  background-image: url('../img/logo.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 24.53333333vw;
  height: 3.73333333vw;
}
.header__btn {
  display: none;
}
.header__opener {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 3.2vw;
  background: #364D58;
}
.header__opener span {
  display: block;
  position: relative;
  height: 3px;
  width: 24px;
  background: #00B2C3;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
          transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
}
.header__opener span:after,
.header__opener span:before {
  content: '';
  width: 24px;
  display: block;
  height: 3px;
  background: #00B2C3;
  position: absolute;
  top: 7px;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
          transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
}
.header__opener span:after {
  top: -7px;
}
.header__nav {
  position: fixed;
  opacity: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.header.active,
.header.show {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media (min-width: 375px) {
  .header {
    height: calc( 48px + ( var(--win_width) - 375px ) * ( (56 - 48) / ( 768 - 375 ) ) );
    padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
  }
  .header__logo {
    padding: 0 calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
  }
  .header__logo:after {
    width: calc( 92px + ( var(--win_width) - 375px ) * ( (105 - 92) / ( 768 - 375 ) ) );
    height: calc( 14px + ( var(--win_width) - 375px ) * ( (16 - 14) / ( 768 - 375 ) ) );
  }
  .header__opener {
    padding: 0 calc( 12px + ( var(--win_width) - 375px ) * ( (16 - 12) / ( 768 - 375 ) ) );
  }
  .header__opener span {
    width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
  }
  .header__opener span:after,
  .header__opener span:before {
    width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
  }
}
@media (min-width: 768px) {
  .header {
    height: calc( 56px + ( var(--win_width) - 768px ) * ( (64 - 56) / ( 1440 - 768 ) ) );
    padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
  }
  .header__logo {
    padding: 0 calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
  }
  .header__logo:after {
    width: calc( 105px + ( var(--win_width) - 768px ) * ( (131 - 105) / ( 1440 - 768 ) ) );
    height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
  }
  .header__opener {
    padding: 0 16px;
  }
  .header__opener span {
    width: 32px;
  }
  .header__opener span:after,
  .header__opener span:before {
    width: 32px;
  }
}
@media (min-width: 1440px) {
  .header {
    height: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
    padding: 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
  }
  .header__logo {
    padding: 0 calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) );
  }
  .header__logo:after {
    width: calc( 131px + ( var(--win_width) - 768px ) * ( (157 - 131) / ( 1440 - 768 ) ) );
    height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
  }
  .header__btn {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #364D58;
    padding: 0 calc( 16px + ( var(--win_width) - 1440px ) * ( (27 - 16) / ( 1920 - 1440 ) ) );
  }
  .header__opener {
    display: none;
  }
  .header__nav {
    position: relative;
    opacity: 1;
    left: unset;
    right: unset;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 calc( 40px + ( var(--win_width) - 1440px ) * ( (144 - 40) / ( 1920 - 1440 ) ) ) 0 calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
  }
  .header__nav a,
  .header__nav span {
    font-weight: 600;
    font-width: 150;
    font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (17 - 14) / ( 1920 - 1440 ) ) );
    line-height: 18px;
    color: #fff;
  }
  .header__nav span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc( 12px + ( var(--win_width) - 1440px ) * ( (14 - 12) / ( 1920 - 1440 ) ) );
  }
  .header__nav__phones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc( 32px + ( var(--win_width) - 1440px ) * ( (64 - 32) / ( 1920 - 1440 ) ) );
  }
  .header__nav__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc( 32px + ( var(--win_width) - 1440px ) * ( (48 - 32) / ( 1920 - 1440 ) ) );
  }
}
@media (min-width: 1920px) {
  .header {
    height: 4.58333333vw;
    padding: 0 4.58333333vw;
  }
  .header__logo {
    padding: 0 1.45833333vw;
  }
  .header__logo:after {
    width: 8.17708333vw;
    height: 1.25vw;
  }
  .header__btn {
    padding: 0 1.40625vw;
  }
  .header__nav {
    padding: 0 7.5vw 0 4.16666667vw;
  }
  .header__nav a,
  .header__nav span {
    font-size: 0.88541667vw;
    line-height: 0.9375vw;
  }
  .header__nav span {
    gap: 0.72916667vw;
  }
  .header__nav__phones {
    gap: 3.33333333vw;
  }
  .header__nav__address {
    gap: 2.5vw;
  }
}
.main {
  min-height: 106.66666667vw;
  height: var(--win_height);
  background-size: cover;
  background-position: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 21.33333333vw 5.33333333vw 5.33333333vw 5.33333333vw;
  position: relative;
}
.main:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 64vw;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(54, 77, 88, 0.8)), color-stop(70%, rgba(54, 77, 88, 0.5)), to(rgba(54, 77, 88, 0)));
  background: linear-gradient(0deg, rgba(54, 77, 88, 0.8) 0%, rgba(54, 77, 88, 0.5) 70%, rgba(54, 77, 88, 0) 100%);
  z-index: 1;
}
.main h1 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-stretch: 150%;
  position: relative;
  z-index: 10;
}
.main h1 span {
  color: rgba(255, 255, 255, 0.5);
}
.main__years {
  margin-top: auto;
  position: relative;
  z-index: 10;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 2px 6px 0 rgba(255, 255, 255, 0.4), inset 0 -20px 20px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 20px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 2px 6px 0 rgba(255, 255, 255, 0.4), inset 0 -20px 20px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 20px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8);
  background: rgba(217, 217, 217, 0.1);
  padding: 4.26666667vw 6.4vw;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: 2px;
  margin-bottom: 5.33333333vw;
  font-weight: 800;
  font-stretch: 150%;
  font-variation-settings: "XTRA" 560;
  font-size: 3.73333333vw;
  line-height: 4.26666667vw;
  text-transform: uppercase;
  color: #fff;
}
.main__years::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2px;
  padding: 2px;
  background: linear-gradient(160deg, #00B2C3 0%, #00B2C3 31%, #ffffff 68%, rgba(255, 255, 255, 0) 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main p {
  font-size: 3.46666667vw;
  line-height: 5.33333333vw;
  color: #fff;
  font-weight: 300;
  font-stretch: 150%;
  margin-bottom: 5.33333333vw;
  position: relative;
  z-index: 10;
}
.main__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 3.2vw;
  position: relative;
  z-index: 10;
}
.main__btns .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 375px) {
  .main {
    min-height: calc( 400px + ( var(--win_width) - 375px ) * ( (560 - 400) / ( 768 - 375 ) ) );
    padding: calc( 80px + ( var(--win_width) - 375px ) * ( (130 - 80) / ( 768 - 375 ) ) ) 20px calc( 20px + ( var(--win_width) - 375px ) * ( (40 - 20) / ( 768 - 375 ) ) ) 20px;
  }
  .main:after {
    height: calc( 240px + ( var(--win_width) - 375px ) * ( (160 - 240) / ( 768 - 375 ) ) );
  }
  .main h1 {
    max-width: 360px;
    margin-bottom: calc( 0px + ( var(--win_width) - 375px ) * ( (20 - 0) / ( 768 - 375 ) ) );
  }
  .main__years {
    padding: calc( 16px + ( var(--win_width) - 375px ) * ( (18 - 16) / ( 768 - 375 ) ) ) calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
  }
  .main p {
    font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (14 - 13) / ( 768 - 375 ) ) );
    line-height: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
    max-width: 360px;
    margin-bottom: 20px;
  }
  .main__btns {
    max-width: 360px;
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .main {
    min-height: calc( 560px + ( var(--win_width) - 768px ) * ( (810 - 560) / ( 1440 - 768 ) ) );
    padding: calc( 130px + ( var(--win_width) - 768px ) * ( (196 - 130) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) ) calc( 40px + ( var(--win_width) - 768px ) * ( (120 - 40) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
  }
  .main:after {
    height: calc( 160px + ( var(--win_width) - 768px ) * ( (0 - 160) / ( 1440 - 768 ) ) );
  }
  .main h1 {
    max-width: calc( 360px + ( var(--win_width) - 768px ) * ( (544 - 360) / ( 1440 - 768 ) ) );
    margin-bottom: calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) );
  }
  .main__years {
    margin: 0;
    position: absolute;
    right: calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
    bottom: calc( 40px + ( var(--win_width) - 768px ) * ( (480 - 40) / ( 1440 - 768 ) ) );
    padding: calc( 18px + ( var(--win_width) - 768px ) * ( (24 - 18) / ( 1440 - 768 ) ) ) calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
    font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
    line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
  }
  .main p {
    font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (20 - 14) / ( 1440 - 768 ) ) );
    line-height: calc( 24px + ( var(--win_width) - 768px ) * ( (32 - 24) / ( 1440 - 768 ) ) );
    max-width: calc( 360px + ( var(--win_width) - 768px ) * ( (544 - 360) / ( 1440 - 768 ) ) );
    margin-bottom: 0;
  }
  .main__btns {
    max-width: calc( 360px + ( var(--win_width) - 768px ) * ( (544 - 360) / ( 1440 - 768 ) ) );
    margin-top: auto;
  }
}
@media (min-width: 1440px) {
  .main {
    min-height: calc( 810px + ( var(--win_width) - 1440px ) * ( (960 - 810) / ( 1920 - 1440 ) ) );
    padding: calc( 196px + ( var(--win_width) - 1440px ) * ( (280 - 196) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 120px + ( var(--win_width) - 1440px ) * ( (208 - 120) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
  }
  .main:after {
    display: none;
  }
  .main h1 {
    max-width: calc( 544px + ( var(--win_width) - 1440px ) * ( (696 - 544) / ( 1920 - 1440 ) ) );
    margin-bottom: 32px;
  }
  .main__years {
    right: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
    bottom: unset;
    top: calc( 196px + ( var(--win_width) - 1440px ) * ( (280 - 196) / ( 1920 - 1440 ) ) );
    padding: calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) ) calc( 48px + ( var(--win_width) - 1440px ) * ( (56 - 48) / ( 1920 - 1440 ) ) );
    font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
    line-height: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
  }
  .main p {
    font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (26 - 20) / ( 1920 - 1440 ) ) );
    line-height: calc( 32px + ( var(--win_width) - 1440px ) * ( (36 - 32) / ( 1920 - 1440 ) ) );
    max-width: calc( 544px + ( var(--win_width) - 1440px ) * ( (696 - 544) / ( 1920 - 1440 ) ) );
  }
  .main__btns {
    max-width: 544px;
  }
}
@media (min-width: 1920px) {
  .main {
    min-height: 50vw;
    padding: 14.58333333vw 4.58333333vw 10.83333333vw 4.58333333vw;
  }
  .main h1 {
    max-width: 36.25vw;
    margin-bottom: 1.66666667vw;
  }
  .main__years {
    right: 4.58333333vw;
    bottom: 31.875vw;
    padding: 1.45833333vw 2.91666667vw;
    font-size: 1.04166667vw;
    line-height: 1.25vw;
  }
  .main p {
    font-size: 1.35416667vw;
    line-height: 1.875vw;
    max-width: 36.25vw;
  }
  .main__btns {
    max-width: 28.33333333vw;
    gap: 0.625vw;
  }
}
.navigation {
  background: #364D58;
  color: #fff;
  padding: 1.06666667vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
}
.navigation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.13333333vw;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-weight: 600;
  font-width: 130;
  font-size: 4.26666667vw;
  line-height: 4.8vw;
  padding: 3.2vw 5.33333333vw;
}
@media (min-width: 375px) {
  .navigation {
    padding: calc( 4px + ( var(--win_width) - 375px ) * ( (6 - 4) / ( 768 - 375 ) ) ) 0;
  }
  .navigation a {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 16px;
    line-height: 18px;
    padding: calc( 12px + ( var(--win_width) - 375px ) * ( (16 - 12) / ( 768 - 375 ) ) ) 20px;
    gap: 8px;
  }
}
@media (min-width: 768px) {
  .navigation {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  .navigation a {
    padding: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) ) 0;
    font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (22 - 16) / ( 1440 - 768 ) ) );
    line-height: calc( 18px + ( var(--win_width) - 768px ) * ( (24 - 18) / ( 1440 - 768 ) ) );
    border-right: 1px solid #00B2C3;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .navigation a .icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
            flex: 0 0 calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
  }
  .navigation a:last-child {
    border-right: transparent;
  }
}
@media (min-width: 1440px) {
  .navigation {
    padding: 0 calc( 0px + ( var(--win_width) - 1440px ) * ( (86 - 0) / ( 1920 - 1440 ) ) );
  }
  .navigation a {
    padding: calc( 20px + ( var(--win_width) - 1440px ) * ( (29 - 20) / ( 1920 - 1440 ) ) );
    font-size: calc( 22px + ( var(--win_width) - 768px ) * ( (28 - 22) / ( 1440 - 768 ) ) );
    line-height: calc( 24px + ( var(--win_width) - 768px ) * ( (34 - 24) / ( 1440 - 768 ) ) );
  }
  .navigation a .icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( 24px + ( var(--win_width) - 768px ) * ( (30 - 24) / ( 1440 - 768 ) ) );
            flex: 0 0 calc( 24px + ( var(--win_width) - 768px ) * ( (30 - 24) / ( 1440 - 768 ) ) );
  }
}
@media (min-width: 1920px) {
  .navigation {
    padding: 0 4.47916667vw;
  }
  .navigation a {
    padding: 1.51041667vw;
    font-size: 1.45833333vw;
    line-height: 1.77083333vw;
    gap: 0.41666667vw;
  }
  .navigation a .icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.5625vw;
            flex: 0 0 1.5625vw;
  }
}
.strategy {
  padding: 12.8vw 5.33333333vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5.33333333vw;
  position: relative;
}
.strategy__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.26666667vw;
  position: relative;
  z-index: 10;
}
.strategy__photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5.33333333vw;
  position: relative;
  z-index: 10;
}
.strategy__photos .photo_1,
.strategy__photos .photo_2 {
  height: 58.66666667vw;
  background-size: cover;
  background-position: center;
}
.strategy__photos p {
  padding: 10.66666667vw 10.66666667vw 5.33333333vw 14.93333333vw;
  font-weight: 300;
  font-size: 5.33333333vw;
  line-height: 6.4vw;
  color: #212121;
  font-variation-settings: 'wdth' 120;
  position: relative;
}
.strategy__photos p span {
  font-weight: 600;
  font-size: 3.73333333vw;
  line-height: 5.33333333vw;
  text-transform: uppercase;
  color: #364D58;
  display: block;
  margin-bottom: 2.13333333vw;
  font-variation-settings: 'wdth' 150;
}
.strategy__photos p:before {
  content: '';
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.047 16.953H0v-2.906h14.047V0h2.906v14.047H31v2.906H16.953V31h-2.906V16.953z' fill='url(%23paint0_linear_56_567)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_56_567' x1='4.844' y1='26.156' x2='8.408' y2='2.203' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  left: 3.46666667vw;
  top: 0;
}
.strategy:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 14.93333333vw;
  width: 12.8vw;
  background-image: url('../img/back_2.png');
  background-position: center;
  background-size: 1200%;
  z-index: 1;
}
@media (min-width: 375px) {
  .strategy {
    padding: calc( 48px + ( var(--win_width) - 375px ) * ( (88 - 48) / ( 768 - 375 ) ) ) 20px 0;
    gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
  }
  .strategy__header {
    gap: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
  }
  .strategy__photos {
    gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
  }
  .strategy__photos .photo_1,
  .strategy__photos .photo_2 {
    height: calc( 220px + ( var(--win_width) - 375px ) * ( (340 - 220) / ( 768 - 375 ) ) );
  }
  .strategy__photos p {
    padding: 40px calc( 40px + ( var(--win_width) - 375px ) * ( (0 - 40) / ( 768 - 375 ) ) ) 20px calc( 56px + ( var(--win_width) - 375px ) * ( (120 - 56) / ( 768 - 375 ) ) );
    max-width: 240px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (28 - 20) / ( 768 - 375 ) ) );
    line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
  }
  .strategy__photos p span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) );
  }
  .strategy__photos p:before {
    left: calc( 13px + ( var(--win_width) - 375px ) * ( (61 - 13) / ( 768 - 375 ) ) );
    top: 0;
  }
  .strategy:after {
    right: 0;
    top: 0;
    height: calc( 56px + ( var(--win_width) - 375px ) * ( (120 - 56) / ( 768 - 375 ) ) );
    width: calc( 48px + ( var(--win_width) - 375px ) * ( (96 - 48) / ( 768 - 375 ) ) );
    background-size: 1000%;
  }
}
@media (min-width: 768px) {
  .strategy {
    padding: calc( 88px + ( var(--win_width) - 768px ) * ( (144 - 88) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) ) 0 calc( 20px + ( var(--win_width) - 768px ) * ( (0 - 20) / ( 1440 - 768 ) ) );
    gap: calc( 32px + ( var(--win_width) - 768px ) * ( (80 - 32) / ( 1440 - 768 ) ) );
  }
  .strategy__header {
    padding-left: calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
  }
  .strategy__header p {
    max-width: calc( 280px + ( var(--win_width) - 768px ) * ( (440 - 280) / ( 1440 - 768 ) ) );
  }
  .strategy__photos {
    gap: calc( 32px + ( var(--win_width) - 768px ) * ( (80 - 32) / ( 1440 - 768 ) ) );
  }
  .strategy__photos .photo_1 {
    height: calc( 340px + ( var(--win_width) - 768px ) * ( (400 - 340) / ( 1440 - 768 ) ) );
  }
  .strategy__photos .photo_2 {
    height: calc( 220px + ( var(--win_width) - 768px ) * ( (240 - 220) / ( 1440 - 768 ) ) );
    width: calc( 280px + ( var(--win_width) - 768px ) * ( (440 - 280) / ( 1440 - 768 ) ) );
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .strategy__photos p {
    position: absolute;
    left: calc( 55px + ( var(--win_width) - 768px ) * ( (139 - 55) / ( 1440 - 768 ) ) );
    bottom: calc( 40px + ( var(--win_width) - 768px ) * ( (56 - 40) / ( 1440 - 768 ) ) );
    padding: 64px 0 0 64px;
    max-width: calc( 320px + ( var(--win_width) - 768px ) * ( (440 - 320) / ( 1440 - 768 ) ) );
    font-size: calc( 28px + ( var(--win_width) - 768px ) * ( (34 - 28) / ( 1440 - 768 ) ) );
    line-height: calc( 32px + ( var(--win_width) - 768px ) * ( (38 - 32) / ( 1440 - 768 ) ) );
  }
  .strategy__photos p span {
    margin-bottom: 12px;
  }
  .strategy__photos p:before {
    width: 44px;
    height: 44px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 24H0v-4h20V0h4v20h20v4H24v20h-4V24z' fill='url(%23paint0_linear_62_575)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_62_575' x1='6.875' y1='37.125' x2='11.934' y2='3.126' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    left: 0;
    top: 0;
  }
  .strategy:after {
    right: 0;
    top: 0;
    height: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
    width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
    background-position: center;
    background-size: 800%;
  }
}
@media (min-width: 1440px) {
  .strategy {
    padding: calc( 144px + ( var(--win_width) - 1440px ) * ( (196 - 144) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) 0 0;
    gap: calc( 80px + ( var(--win_width) - 1440px ) * ( (120 - 80) / ( 1920 - 1440 ) ) );
  }
  .strategy__header {
    padding-left: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
  }
  .strategy__header h2 {
    max-width: calc( 720px + ( var(--win_width) - 1440px ) * ( (880 - 720) / ( 1920 - 1440 ) ) );
  }
  .strategy__header p {
    max-width: calc( 440px + ( var(--win_width) - 1440px ) * ( (560 - 440) / ( 1920 - 1440 ) ) );
  }
  .strategy__photos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    gap: calc( 80px + ( var(--win_width) - 1440px ) * ( (104 - 80) / ( 1920 - 1440 ) ) );
    padding-bottom: 96px;
  }
  .strategy__photos .photo_1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: calc( 400px + ( var(--win_width) - 1440px ) * ( (560 - 400) / ( 1920 - 1440 ) ) );
  }
  .strategy__photos .photo_2 {
    height: calc( 240px + ( var(--win_width) - 1440px ) * ( (320 - 240) / ( 1920 - 1440 ) ) );
    width: calc( 440px + ( var(--win_width) - 1440px ) * ( (560 - 440) / ( 1920 - 1440 ) ) );
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .strategy__photos p {
    left: unset;
    right: 0;
    bottom: 0;
    max-width: 320px;
    font-size: calc( 34px + ( var(--win_width) - 1440px ) * ( (40 - 34) / ( 1920 - 1440 ) ) );
    line-height: calc( 38px + ( var(--win_width) - 1440px ) * ( (44 - 38) / ( 1920 - 1440 ) ) );
  }
  .strategy:after {
    height: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
    width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
    background-size: 600%;
  }
}
@media (min-width: 1920px) {
  .strategy {
    padding: 10.20833333vw 4.58333333vw 0 0;
    gap: 6.25vw;
  }
  .strategy__header {
    padding-left: 4.58333333vw;
    gap: 1.25vw;
  }
  .strategy__header h2 {
    max-width: 45.83333333vw;
  }
  .strategy__header p {
    max-width: 29.16666667vw;
  }
  .strategy__photos {
    gap: 5.41666667vw;
    padding-bottom: 5vw;
  }
  .strategy__photos .photo_1 {
    height: 29.16666667vw;
  }
  .strategy__photos .photo_2 {
    height: 16.66666667vw;
    width: 29.16666667vw;
  }
  .strategy__photos p {
    padding: 3.33333333vw 0 0 3.33333333vw;
    max-width: 16.66666667vw;
    font-size: 2.08333333vw;
    line-height: 2.29166667vw;
  }
  .strategy__photos p span {
    margin-bottom: 0.625vw;
  }
  .strategy:after {
    height: 11.45833333vw;
    width: 11.45833333vw;
    background-size: 300;
  }
}
.quality {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5.33333333vw;
  padding: 32vw 5.33333333vw 12.8vw;
}
.quality h2,
.quality p,
.quality .photo {
  position: relative;
  z-index: 10;
}
.quality .photo {
  height: 58.66666667vw;
  background-size: cover;
  background-position: center;
}
.quality:before {
  width: 79px;
  height: 79px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 79 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 40H0v-1h39V0h1v39h39v1H40v39h-1V40z' fill='%23364D58'/%3E%3C/svg%3E");
  content: '';
  position: absolute;
  left: 2.4vw;
  top: 4.53333333vw;
}
.quality:after {
  content: '';
  position: absolute;
  right: 0;
  top: 14.93333333vw;
  bottom: 0;
  width: 12.8vw;
  background-image: url('../img/back_2.png');
  background-position: center;
  background-size: auto 100%;
  z-index: 1;
}
@media (min-width: 375px) {
  .quality {
    gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
    padding: calc( 120px + ( var(--win_width) - 375px ) * ( (280 - 120) / ( 768 - 375 ) ) ) 20px calc( 48px + ( var(--win_width) - 375px ) * ( (88 - 48) / ( 768 - 375 ) ) );
  }
  .quality .photo {
    height: calc( 220px + ( var(--win_width) - 375px ) * ( (400 - 220) / ( 768 - 375 ) ) );
  }
  .quality:before {
    left: calc( 9px + ( var(--win_width) - 375px ) * ( (57 - 9) / ( 768 - 375 ) ) );
    top: calc( 17px + ( var(--win_width) - 375px ) * ( (81 - 17) / ( 768 - 375 ) ) );
  }
  .quality:after {
    top: calc( 56px + ( var(--win_width) - 375px ) * ( (120 - 56) / ( 768 - 375 ) ) );
    width: calc( 48px + ( var(--win_width) - 375px ) * ( (96 - 48) / ( 768 - 375 ) ) );
  }
}
@media (min-width: 768px) {
  .quality {
    gap: 32px;
    padding: 280px calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) ) calc( 88px + ( var(--win_width) - 768px ) * ( (200 - 88) / ( 1440 - 768 ) ) );
  }
  .quality .photo {
    height: calc( 400px + ( var(--win_width) - 768px ) * ( (560 - 400) / ( 1440 - 768 ) ) );
  }
  .quality:before {
    width: 159px;
    height: 159px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 159 159' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78 81H0v-3h78V0h3v78h78v3H81v78h-3V81z' fill='%23364D58'/%3E%3C/svg%3E");
    left: calc( 17px + ( var(--win_width) - 768px ) * ( (81 - 17) / ( 1440 - 768 ) ) );
    top: calc( 41px + ( var(--win_width) - 768px ) * ( (81 - 41) / ( 1440 - 768 ) ) );
  }
  .quality:after {
    top: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
    width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
  }
}
@media (min-width: 1440px) {
  .quality {
    gap: calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
    padding: calc( 280px + ( var(--win_width) - 1440px ) * ( (340 - 280) / ( 1920 - 1440 ) ) ) calc( 560px + ( var(--win_width) - 1440px ) * ( (820 - 560) / ( 1920 - 1440 ) ) ) 200px calc( 250px + ( var(--win_width) - 1440px ) * ( (380 - 250) / ( 1920 - 1440 ) ) );
  }
  .quality .photo {
    position: absolute;
    right: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
    top: calc( 280px + ( var(--win_width) - 1440px ) * ( (340 - 280) / ( 1920 - 1440 ) ) );
    height: calc( 260px + ( var(--win_width) - 1440px ) * ( (360 - 260) / ( 1920 - 1440 ) ) );
    width: calc( 440px + ( var(--win_width) - 1440px ) * ( (560 - 440) / ( 1920 - 1440 ) ) );
  }
  .quality:before {
    left: calc( 81px + ( var(--win_width) - 1440px ) * ( (141 - 81) / ( 1920 - 1440 ) ) );
    top: calc( 81px + ( var(--win_width) - 1440px ) * ( (141 - 81) / ( 1920 - 1440 ) ) );
  }
  .quality:after {
    top: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
    width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
  }
}
@media (min-width: 1920px) {
  .quality {
    gap: 2.08333333vw;
    padding: 17.70833333vw 42.70833333vw 200px 19.79166667vw;
  }
  .quality .photo {
    right: 4.58333333vw;
    top: 17.70833333vw;
    height: 18.75vw;
    width: 29.16666667vw;
  }
  .quality:before {
    left: 7.34375vw;
    top: 7.34375vw;
    width: 8.28125vw;
    height: 8.28125vw;
  }
  .quality:after {
    top: 11.45833333vw;
    width: 11.45833333vw;
  }
}
.activities {
  background: linear-gradient(225deg, #6B6B6B 0%, #364D58 100%);
  padding: 10.66666667vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8.53333333vw;
  position: relative;
}
.activities h2,
.activities p,
.activities .btn,
.activities__slider {
  position: relative;
  z-index: 10;
}
.activities h2 {
  padding: 0 5.33333333vw;
  color: #fff;
}
.activities h2 span {
  color: rgba(255, 255, 255, 0.5);
}
.activities__slider .owl-stage {
  padding-left: 2.66666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activities__slider .owl-nav {
  display: none;
}
.activities__slider .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 8.53333333vw 0 0 5.33333333vw;
  height: 3px;
}
.activities__slider .owl-dots .owl-dot {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.activities__slider .owl-dots .owl-dot span {
  display: block;
  background: rgba(255, 255, 255, 0.75);
  height: 1px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}
.activities__slider .owl-dots .owl-dot.active span {
  height: 3px;
}
.activities__slider .item-block {
  margin: 0 2.66666667vw;
  height: 100%;
}
.activities__slider .item {
  width: 84vw;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 5.33333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5.33333333vw;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 2px 5px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8), 0 2px 20px 0 rgba(166, 166, 166, 0.2);
          box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 2px 5px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8), 0 2px 20px 0 rgba(166, 166, 166, 0.2);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  border-radius: 2px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: center left;
          transform-origin: center left;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
}
.activities__slider .item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2px;
  padding: 2px;
  background: linear-gradient(80deg, #AFAFAF, #00B2C3);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.activities__slider .item__img {
  height: 58.66666667vw;
  background-size: cover;
  background-position: center;
}
.activities__slider .item__data {
  min-height: 37.33333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.activities__slider .item__data h3 {
  text-transform: none;
  color: #fff;
  font-size: 3.73333333vw;
  line-height: 5.33333333vw;
}
.activities__slider .item__data a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  padding-bottom: 2.66666667vw;
  border-bottom: 2px solid #fff;
  font-size: 3.73333333vw;
  line-height: 4.26666667vw;
}
.activities__slider .item__data a:after {
  content: '';
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.421 24 6 22.588 16.658 12 6 1.412 7.421 0 19.5 12z' fill='%23fff'/%3E%3C/svg%3E");
}
.activities__slider .item.item__last {
  background: #fff;
}
.activities__slider .item.item__last h3 {
  text-transform: none;
  font-weight: 300;
  font-size: 4.26666667vw;
  line-height: 6.4vw;
}
.activities__slider .item.item__last .btn {
  margin-top: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.activities__slider .item__spacer {
  display: none;
}
.activities__slider .owl-item.active .item {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.activities__slider .owl-item.active + .owl-item.active .item {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 1;
}
.activities > .btn {
  margin: 7.46666667vw 5.33333333vw 0;
}
.activities p {
  margin: 0 8.8vw;
  padding: 10.66666667vw 10.66666667vw 0 10.66666667vw;
  font-weight: 300;
  font-size: 5.33333333vw;
  line-height: 6.4vw;
  color: #fff;
  font-variation-settings: 'wdth' 120;
  position: relative;
}
.activities p span {
  font-weight: 600;
  font-size: 3.73333333vw;
  line-height: 5.33333333vw;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  display: block;
  margin-bottom: 2.13333333vw;
  font-variation-settings: 'wdth' 150;
}
.activities p:before {
  content: '';
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.047 16.953H0v-2.906h14.047V0h2.906v14.047H31v2.906H16.953V31h-2.906V16.953z' fill='url(%23paint0_linear_56_567)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_56_567' x1='4.844' y1='26.156' x2='8.408' y2='2.203' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  top: 0;
}
.activities:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 82.66666667vw;
  background-image: url('../img/back_2.png');
  background-position: center;
  background-size: 300%;
  z-index: 1;
}
@media (min-width: 375px) {
  .activities {
    padding: calc( 40px + ( var(--win_width) - 375px ) * ( (64 - 40) / ( 768 - 375 ) ) ) 0;
    gap: calc( 32px + ( var(--win_width) - 375px ) * ( (64 - 32) / ( 768 - 375 ) ) );
  }
  .activities h2 {
    padding: 0 20px;
  }
  .activities__slider .owl-stage {
    padding-left: 10px;
  }
  .activities__slider .owl-dots {
    margin: calc( 32px + ( var(--win_width) - 375px ) * ( (64 - 32) / ( 768 - 375 ) ) ) 0 0 20px;
  }
  .activities__slider .item-block {
    margin: 0 10px;
  }
  .activities__slider .item {
    width: calc( 315px + ( var(--win_width) - 375px ) * ( (560 - 315) / ( 768 - 375 ) ) );
    padding: 20px;
    gap: 20px;
  }
  .activities__slider .item__img {
    height: 220px;
  }
  .activities__slider .item__data {
    min-height: 140px;
  }
  .activities__slider .item__data h3 {
    font-size: calc( 14px + ( var(--win_width) - 375px ) * ( (16 - 14) / ( 768 - 375 ) ) );
    line-height: calc( 18px + ( var(--win_width) - 375px ) * ( (20 - 18) / ( 768 - 375 ) ) );
  }
  .activities__slider .item__data a {
    padding-bottom: calc( 10px + ( var(--win_width) - 375px ) * ( (16 - 10) / ( 768 - 375 ) ) );
    font-size: 14px;
    line-height: 16px;
  }
  .activities__slider .item.item__last h3 {
    font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
    line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
  }
  .activities > .btn {
    margin: calc( 28px + ( var(--win_width) - 375px ) * ( (0 - 28) / ( 768 - 375 ) ) ) 20px 0;
  }
  .activities p {
    margin: 0 calc( 33px + ( var(--win_width) - 375px ) * ( (81 - 33) / ( 768 - 375 ) ) );
    padding: 40px 40px 0 40px;
    font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (28 - 20) / ( 768 - 375 ) ) );
    line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
  }
  .activities p span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) );
  }
  .activities:after {
    height: calc( 310px + ( var(--win_width) - 375px ) * ( (250 - 310) / ( 768 - 375 ) ) );
    background-size: 200%;
  }
}
@media (min-width: 768px) {
  .activities {
    padding: calc( 64px + ( var(--win_width) - 768px ) * ( (120 - 64) / ( 1440 - 768 ) ) ) 0 144px;
    gap: calc( 64px + ( var(--win_width) - 768px ) * ( (40 - 64) / ( 1440 - 768 ) ) );
  }
  .activities h2 {
    padding: 0 calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
    font-size: calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
    line-height: calc( 44px + ( var(--win_width) - 768px ) * ( (64 - 44) / ( 1440 - 768 ) ) );
    max-width: 480px;
  }
  .activities__slider .owl-stage {
    padding-left: calc( 10px + ( var(--win_width) - 768px ) * ( (52 - 10) / ( 1440 - 768 ) ) );
  }
  .activities__slider .owl-dots {
    margin: 64px 0 0 calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
  }
  .activities__slider .item-block {
    margin: 0 calc( 10px + ( var(--win_width) - 768px ) * ( (12 - 10) / ( 1440 - 768 ) ) );
  }
  .activities__slider .item {
    width: calc( 560px + ( var(--win_width) - 768px ) * ( (780 - 560) / ( 1440 - 768 ) ) );
    padding: calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) );
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: calc( 20px + ( var(--win_width) - 768px ) * ( (44 - 20) / ( 1440 - 768 ) ) );
  }
  .activities__slider .item__img {
    height: calc( 220px + ( var(--win_width) - 768px ) * ( (256 - 220) / ( 1440 - 768 ) ) );
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (340 - 280) / ( 1440 - 768 ) ) );
            flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (340 - 280) / ( 1440 - 768 ) ) );
  }
  .activities__slider .item__data {
    min-height: unset;
  }
  .activities__slider .item__data h3 {
    font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
    line-height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
  }
  .activities__slider .item__data a {
    padding-bottom: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
  }
  .activities__slider .item.item__last h3 {
    font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
    line-height: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) );
  }
  .activities > .btn {
    margin: calc( 0px + ( var(--win_width) - 768px ) * ( (24 - 0) / ( 1440 - 768 ) ) ) 0 0 calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
    max-width: 240px;
  }
  .activities p {
    position: absolute;
    bottom: 64px;
    right: calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
    max-width: 280px;
    margin: 0;
    padding: 40px 0 0 40px;
    font-size: 28px;
    line-height: 32px;
  }
  .activities p span {
    margin-bottom: 12px;
  }
  .activities:after {
    height: calc( 250px + ( var(--win_width) - 768px ) * ( (360 - 250) / ( 1440 - 768 ) ) );
    background-size: 100%;
  }
}
@media (min-width: 1440px) {
  .activities {
    padding: calc( 120px + ( var(--win_width) - 1440px ) * ( (200 - 120) / ( 1920 - 1440 ) ) ) 0 calc( 144px + ( var(--win_width) - 1440px ) * ( (200 - 144) / ( 1920 - 1440 ) ) );
    gap: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
  }
  .activities h2 {
    padding: 0 0 0 calc( 456px + ( var(--win_width) - 1440px ) * ( (680 - 456) / ( 1920 - 1440 ) ) );
    font-size: calc( 48px + ( var(--win_width) - 1440px ) * ( (64 - 48) / ( 1920 - 1440 ) ) );
    line-height: calc( 64px + ( var(--win_width) - 1440px ) * ( (72 - 64) / ( 1920 - 1440 ) ) );
  }
  .activities__slider .owl-stage {
    padding-left: calc( 444px + ( var(--win_width) - 1440px ) * ( (668 - 444) / ( 1920 - 1440 ) ) );
  }
  .activities__slider .owl-dots {
    margin: calc( 64px + ( var(--win_width) - 1440px ) * ( (48 - 64) / ( 1920 - 1440 ) ) ) 0 0 calc( 456px + ( var(--win_width) - 1440px ) * ( (680 - 456) / ( 1920 - 1440 ) ) );
  }
  .activities__slider .item-block {
    margin: 0 12px;
  }
  .activities__slider .item {
    width: calc( 660px + ( var(--win_width) - 1440px ) * ( (820 - 660) / ( 1920 - 1440 ) ) );
    padding: calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
    gap: calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
  }
  .activities__slider .item__img {
    height: calc( 256px + ( var(--win_width) - 1440px ) * ( (320 - 256) / ( 1920 - 1440 ) ) );
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( 340px + ( var(--win_width) - 1440px ) * ( (420 - 340) / ( 1920 - 1440 ) ) );
            flex: 0 0 calc( 340px + ( var(--win_width) - 1440px ) * ( (420 - 340) / ( 1920 - 1440 ) ) );
  }
  .activities__slider .item__data h3 {
    font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
    line-height: calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) );
  }
  .activities__slider .item.item__last {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .activities__slider .item.item__last h3 {
    font-size: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
    line-height: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
  }
  .activities__slider .item__spacer {
    display: block;
    width: calc( 128px + ( var(--win_width) - 1440px ) * ( (256 - 128) / ( 1920 - 1440 ) ) );
  }
  .activities > .btn {
    margin: 0;
    position: absolute;
    bottom: calc( 144px + ( var(--win_width) - 1440px ) * ( (200 - 144) / ( 1920 - 1440 ) ) );
    left: calc( 104px + ( var(--win_width) - 1440px ) * ( (172 - 104) / ( 1920 - 1440 ) ) );
    max-width: calc( 240px + ( var(--win_width) - 1440px ) * ( (256 - 240) / ( 1920 - 1440 ) ) );
    z-index: 20;
  }
  .activities p {
    bottom: unset;
    top: calc( 88px + ( var(--win_width) - 1440px ) * ( (168 - 88) / ( 1920 - 1440 ) ) );
    right: unset;
    left: calc( 64px + ( var(--win_width) - 1440px ) * ( (132 - 64) / ( 1920 - 1440 ) ) );
    font-size: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
    line-height: 32px;
  }
  .activities p span {
    font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
    line-height: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
    margin-bottom: 12px;
  }
  .activities:after {
    height: calc( 360px + ( var(--win_width) - 1440px ) * ( (480 - 360) / ( 1920 - 1440 ) ) );
    background-size: 100%;
  }
}
@media (min-width: 1920px) {
  .activities {
    padding: 10.41666667vw 0 10.41666667vw;
    gap: 2.5vw;
  }
  .activities h2 {
    padding: 0 0 0 35.41666667vw;
    font-size: 3.33333333vw;
    line-height: 3.75vw;
    max-width: 25vw;
  }
  .activities__slider .owl-stage {
    padding-left: 34.79166667vw;
  }
  .activities__slider .owl-dots {
    margin: 2.5vw 0 0 35.41666667vw;
  }
  .activities__slider .item-block {
    margin: 0 0.625vw;
  }
  .activities__slider .item {
    width: 42.70833333vw;
    padding: 2.08333333vw;
    gap: 2.5vw;
  }
  .activities__slider .item__img {
    height: 16.66666667vw;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21.875vw;
            flex: 0 0 21.875vw;
  }
  .activities__slider .item__data h3 {
    font-size: 1.25vw;
    line-height: 1.45833333vw;
  }
  .activities__slider .item__data a {
    padding-bottom: 1.04166667vw;
    font-size: 0.72916667vw;
    line-height: 0.83333333vw;
  }
  .activities__slider .item.item__last h3 {
    font-size: 1.66666667vw;
    line-height: 2.5vw;
  }
  .activities__slider .item__spacer {
    width: 13.33333333vw;
  }
  .activities > .btn {
    bottom: 10.41666667vw;
    left: 8.95833333vw;
    max-width: 13.33333333vw;
  }
  .activities p {
    top: 8.75vw;
    left: 6.875vw;
    max-width: 14.58333333vw;
    padding: 2.08333333vw 0 0 2.08333333vw;
    font-size: 1.66666667vw;
    line-height: 1.66666667vw;
  }
  .activities p span {
    font-size: 0.83333333vw;
    line-height: 1.25vw;
    margin-bottom: 0.625vw;
  }
  .activities:after {
    height: 25vw;
  }
}
.map {
  padding: 12.8vw 0 6.4vw;
  position: relative;
  z-index: 7;
}
.map__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 5.33333333vw;
  position: relative;
  z-index: 10;
  gap: 5.33333333vw;
}
.clients {
  padding: 14.93333333vw 5.33333333vw;
  background: rgba(54, 77, 88, 0.1);
  position: relative;
  z-index: 8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5.33333333vw;
  border-top: 1px solid rgba(54, 77, 88, 0.25);
  border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.clients__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 10;
}
.clients__header__link p {
  font-weight: 600;
  font-variation-settings: 'wdth' 150;
  text-transform: uppercase;
  color: #364D58;
  margin-bottom: 3.2vw;
}
.clients__header__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 4.26666667vw;
  line-height: 5.33333333vw;
  font-weight: 300;
  font-variation-settings: 'wdth' 120;
  color: #212121;
}
.clients__header__link a span {
  border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.clients__header__link a span:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0.53333333vw;
}
.clients__header__link a span:last-child::after {
  content: '';
  display: inline-block;
  width: 1.6vw;
  height: 1.6vw;
  border-right: 1px solid #212121;
  border-top: 1px solid #212121;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.clients__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.2vw 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 3.2vw;
  position: relative;
  z-index: 10;
}
.clients__list .item {
  height: 34.13333333vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.clients__list .item:nth-child(9),
.clients__list .item:nth-child(10),
.clients__list .item:nth-child(11),
.clients__list .item:nth-child(12) {
  display: none;
}
.clients:before {
  width: 79px;
  height: 79px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 79 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 40H0v-1h39V0h1v39h39v1H40v39h-1V40z' fill='%23364D58'/%3E%3C/svg%3E");
  content: '';
  position: absolute;
  left: 2.4vw;
  top: -10.66666667vw;
}
.clients:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 12.8vw;
  background-image: url('../img/back_2.png');
  background-position: center;
  background-size: auto 100%;
  z-index: 1;
}
@media (min-width: 375px) {
  .clients {
    padding: calc( 56px + ( var(--win_width) - 375px ) * ( (72 - 56) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (48 - 20) / ( 768 - 375 ) ) );
    gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
  }
  .clients__header__link p {
    margin-bottom: 12px;
  }
  .clients__header__link a {
    font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
    line-height: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
  }
  .clients__header__link a span:last-child {
    padding-right: 2px;
  }
  .clients__header__link a span:last-child::after {
    width: 6px;
    height: 6px;
  }
  .clients__list {
    gap: 12px;
  }
  .clients__list .item {
    height: 128px;
  }
  .clients:before {
    left: calc( 9px + ( var(--win_width) - 375px ) * ( (57 - 9) / ( 768 - 375 ) ) );
    top: -40px;
  }
  .clients:after {
    width: calc( 48px + ( var(--win_width) - 375px ) * ( (96 - 48) / ( 768 - 375 ) ) );
  }
}
@media (min-width: 768px) {
  .clients {
    padding: calc( 72px + ( var(--win_width) - 768px ) * ( (120 - 72) / ( 1440 - 768 ) ) ) calc( 48px + ( var(--win_width) - 768px ) * ( (200 - 48) / ( 1440 - 768 ) ) );
    gap: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) );
  }
  .clients__header__link a {
    font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
    line-height: calc( 24px + ( var(--win_width) - 768px ) * ( (28 - 24) / ( 1440 - 768 ) ) );
  }
  .clients__list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .clients__list .item:nth-child(9) {
    display: block;
  }
  .clients:before {
    width: 159px;
    height: 159px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 159 159' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78 81H0v-3h78V0h3v78h78v3H81v78h-3V81z' fill='%23364D58'/%3E%3C/svg%3E");
    left: calc( 17px + ( var(--win_width) - 768px ) * ( (81 - 17) / ( 1440 - 768 ) ) );
    top: -80px;
  }
  .clients:after {
    width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
  }
}
@media (min-width: 1440px) {
  .clients {
    padding: calc( 120px + ( var(--win_width) - 1440px ) * ( (160 - 120) / ( 1920 - 1440 ) ) ) calc( 200px + ( var(--win_width) - 1440px ) * ( (382 - 200) / ( 1920 - 1440 ) ) );
    gap: calc( 40px + ( var(--win_width) - 1440px ) * ( (56 - 40) / ( 1920 - 1440 ) ) );
  }
  .clients__header__link a {
    font-size: calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) );
    line-height: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
  }
  .clients__header__link a span:last-child {
    padding-right: calc( 2px + ( var(--win_width) - 1440px ) * ( (3 - 2) / ( 1920 - 1440 ) ) );
  }
  .clients__header__link a span:last-child::after {
    width: calc( 6px + ( var(--win_width) - 1440px ) * ( (8 - 6) / ( 1920 - 1440 ) ) );
    height: calc( 6px + ( var(--win_width) - 1440px ) * ( (8 - 6) / ( 1920 - 1440 ) ) );
  }
  .clients__list {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .clients__list .item:nth-child(10),
  .clients__list .item:nth-child(11),
  .clients__list .item:nth-child(12) {
    display: block;
  }
  .clients:before {
    left: calc( 81px + ( var(--win_width) - 1440px ) * ( (141 - 81) / ( 1920 - 1440 ) ) );
  }
  .clients:after {
    width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
  }
}
@media (min-width: 1920px) {
  .clients {
    padding: 8.33333333vw 19.89583333vw;
    gap: 2.91666667vw;
  }
  .clients__header__link p {
    margin-bottom: 0.625vw;
  }
  .clients__header__link a {
    font-size: 1.45833333vw;
    line-height: 1.66666667vw;
  }
  .clients__header__link a span:last-child {
    padding-right: 0.15625vw;
  }
  .clients__header__link a span:last-child::after {
    width: 0.41666667vw;
    height: 0.41666667vw;
  }
  .clients__list {
    gap: 0.625vw;
  }
  .clients__list .item {
    height: 6.66666667vw;
  }
  .clients:before {
    width: 8.28125vw;
    height: 8.28125vw;
    left: 7.34375vw;
    top: -4.16666667vw;
  }
  .clients:after {
    width: 11.45833333vw;
  }
}
.licenses {
  position: relative;
  z-index: 9;
}
.licenses .line.top {
  top: 38.4vw;
}
.licenses__data {
  position: sticky;
  top: 0;
  z-index: 20;
  margin-bottom: 68.26666667vw;
  padding: 18.13333333vw 5.33333333vw 5.33333333vw;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(251, 250, 248, 0)), color-stop(15%, rgba(251, 250, 248, 0.8)), color-stop(50%, #fbfaf8), to(#fbfaf8));
  background: linear-gradient(0deg, rgba(251, 250, 248, 0) 0%, rgba(251, 250, 248, 0.8) 15%, #fbfaf8 50%, #fbfaf8 100%);
}
.licenses__data__header h2 span {
  color: rgba(54, 77, 88, 0.75);
}
.licenses__data__header h2 span + span {
  color: rgba(54, 77, 88, 0.5);
}
.licenses__data__nav {
  position: absolute;
  margin-top: 5.33333333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.06666667vw;
}
.licenses__data__nav__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.06666667vw;
  overflow: hidden;
  height: 27.73333333vw;
}
.licenses__data__nav span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8.53333333vw;
  width: 8.53333333vw;
  font-variation-settings: 'wdth' 150;
  font-weight: 600;
  color: rgba(54, 77, 88, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.53333333vw;
          flex: 0 0 8.53333333vw;
}
.licenses__data__nav span.active {
  -webkit-box-shadow: 0 0 8px 0 rgba(54, 77, 88, 0.5);
          box-shadow: 0 0 8px 0 rgba(54, 77, 88, 0.5);
  background: linear-gradient(230deg, #364D58 0%, #afafaf 100%);
  color: #fff;
  border-radius: 0.53333333vw;
}
.licenses__data__nav span.prew {
  padding-top: 1.6vw;
}
.licenses__data__nav span.prew:before {
  content: '';
  width: 3.2vw;
  height: 3.2vw;
  border-top: 2px solid #364D58;
  border-left: 2px solid #364D58;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.licenses__data__nav span.next {
  padding-bottom: 1.6vw;
}
.licenses__data__nav span.next:before {
  content: '';
  width: 3.2vw;
  height: 3.2vw;
  border-bottom: 2px solid #364D58;
  border-right: 2px solid #364D58;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.licenses__data__nav span.end {
  padding-bottom: 3.46666667vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.licenses__data__nav span.end:before,
.licenses__data__nav span.end:after {
  content: '';
  width: 3.2vw;
  height: 3.2vw;
  border-bottom: 2px solid #364D58;
  border-right: 2px solid #364D58;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.licenses__data__nav span.end:after {
  position: absolute;
  bottom: 11px;
}
.licenses__data .line.left,
.licenses__data .line.right {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(54, 77, 88, 0)), color-stop(15%, rgba(54, 77, 88, 0.2)), color-stop(50%, rgba(54, 77, 88, 0.25)), to(rgba(54, 77, 88, 0.25)));
  background: linear-gradient(0deg, rgba(54, 77, 88, 0) 0%, rgba(54, 77, 88, 0.2) 15%, rgba(54, 77, 88, 0.25) 50%, rgba(54, 77, 88, 0.25) 100%);
}
.licenses__data .line.top {
  top: 38.4vw;
}
.licenses__data:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 12.8vw;
  height: 38.4vw;
  background-image: url('../img/back_2.png');
  background-position: center;
  background-size: 1500%;
  z-index: 21;
}
.licenses__list {
  position: relative;
  z-index: 10;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 6.4vw;
  padding: 5.33333333vw 14.4vw 5.33333333vw 19.2vw;
  margin-top: -68.26666667vw;
}
.licenses__list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.13333333vw;
}
.licenses__list .item img {
  margin-bottom: 3.2vw;
}
.licenses__list .item h3 {
  color: #212121;
}
.licenses__list .item p.num {
  font-variation-settings: 'wdth' 150;
  font-weight: 600;
  color: #364D58;
}
.licenses__bottom {
  position: sticky;
  z-index: 19;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12.8vw;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 250, 248, 0)), to(#fbfaf8));
  background: linear-gradient(180deg, rgba(251, 250, 248, 0) 0%, #fbfaf8 100%);
}
.licenses__bottom .line.left,
.licenses__bottom .line.right {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 77, 88, 0)), to(rgba(54, 77, 88, 0.25)));
  background: linear-gradient(180deg, rgba(54, 77, 88, 0) 0%, rgba(54, 77, 88, 0.25) 100%);
}
.licenses:before {
  content: '';
  width: 79px;
  height: 79px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 79 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 40H0v-1h39V0h1v39h39v1H40v39h-1V40z' fill='%23364D58'/%3E%3C/svg%3E");
  position: absolute;
  right: 2.4vw;
  top: -10.66666667vw;
  z-index: 21;
}
@media (min-width: 375px) {
  .licenses__data {
    padding: 64px 20px calc( 20px + ( var(--win_width) - 375px ) * ( (0 - 20) / ( 768 - 375 ) ) );
  }
  .licenses__data__nav {
    margin-top: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
    gap: calc( 4px + ( var(--win_width) - 375px ) * ( (6 - 4) / ( 768 - 375 ) ) );
  }
  .licenses__data__nav__block {
    gap: calc( 4px + ( var(--win_width) - 375px ) * ( (6 - 4) / ( 768 - 375 ) ) );
    height: calc( 104px + ( var(--win_width) - 375px ) * ( (120 - 104) / ( 768 - 375 ) ) );
  }
  .licenses__data__nav span {
    height: calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
    width: calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
            flex: 0 0 calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
  }
  .licenses__data__nav span.active {
    border-radius: 2px;
  }
  .licenses__data__nav span.prew {
    padding-top: calc( 6px + ( var(--win_width) - 375px ) * ( (8 - 6) / ( 768 - 375 ) ) );
  }
  .licenses__data__nav span.prew:before {
    width: 12px;
    height: 12px;
  }
  .licenses__data__nav span.next {
    padding-bottom: calc( 6px + ( var(--win_width) - 375px ) * ( (8 - 6) / ( 768 - 375 ) ) );
  }
  .licenses__data__nav span.next:before {
    width: 12px;
    height: 12px;
  }
  .licenses__data__nav span.end {
    padding-bottom: calc( 13px + ( var(--win_width) - 375px ) * ( (16 - 13) / ( 768 - 375 ) ) );
  }
  .licenses__data__nav span.end:before,
  .licenses__data__nav span.end:after {
    width: 12px;
    height: 12px;
  }
  .licenses__data__nav span.end:after {
    bottom: calc( 11px + ( var(--win_width) - 375px ) * ( (15 - 11) / ( 768 - 375 ) ) );
  }
  .licenses__list {
    padding: calc( 20px + ( var(--win_width) - 375px ) * ( (40 - 20) / ( 768 - 375 ) ) ) calc( 54px + ( var(--win_width) - 375px ) * ( (64 - 54) / ( 768 - 375 ) ) ) 20px calc( 72px + ( var(--win_width) - 375px ) * ( (120 - 72) / ( 768 - 375 ) ) );
  }
  .licenses__list .item {
    gap: 8px;
  }
  .licenses__list .item img {
    margin-bottom: 12px;
  }
  .licenses__bottom {
    height: calc( 48px + ( var(--win_width) - 375px ) * ( (64 - 48) / ( 768 - 375 ) ) );
  }
  .licenses:before {
    right: calc( 9px + ( var(--win_width) - 375px ) * ( (57 - 9) / ( 768 - 375 ) ) );
    top: -40px;
  }
}
@media (min-width: 768px) {
  .licenses .line.top {
    top: calc( 240px + ( var(--win_width) - 768px ) * ( (320 - 240) / ( 1440 - 768 ) ) );
  }
  .licenses__data {
    min-height: var(--win_height);
    margin-bottom: 0;
    padding: 0;
    background: none;
  }
  .licenses__data__header {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc( 280px + ( var(--win_width) - 768px ) * ( (420 - 280) / ( 1440 - 768 ) ) );
    padding: calc( 104px + ( var(--win_width) - 768px ) * ( (120 - 104) / ( 1440 - 768 ) ) ) 0 calc( 104px + ( var(--win_width) - 768px ) * ( (120 - 104) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .licenses__data__header h2 {
    position: absolute;
    top: calc( 104px + ( var(--win_width) - 768px ) * ( (120 - 104) / ( 1440 - 768 ) ) );
    left: calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
  }
  .licenses__data__header p {
    margin: auto 0;
    padding-left: calc( 56px + ( var(--win_width) - 768px ) * ( (64 - 56) / ( 1440 - 768 ) ) );
    padding-top: calc( 96px + ( var(--win_width) - 768px ) * ( (144 - 96) / ( 1440 - 768 ) ) );
    font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
    line-height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
  }
  .licenses__data__nav {
    gap: calc( 6px + ( var(--win_width) - 768px ) * ( (8 - 6) / ( 1440 - 768 ) ) );
    top: 50%;
    left: calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
    margin-top: calc( -135px + ( var(--win_width) - 768px ) * ( (-152 - -135) / ( 1440 - 768 ) ) );
    padding-top: calc( 48px + ( var(--win_width) - 768px ) * ( (72 - 48) / ( 1440 - 768 ) ) );
  }
  .licenses__data__nav__block {
    gap: calc( 6px + ( var(--win_width) - 768px ) * ( (8 - 6) / ( 1440 - 768 ) ) );
    height: calc( 132px + ( var(--win_width) - 768px ) * ( (148 - 132) / ( 1440 - 768 ) ) );
  }
  .licenses__data__nav span {
    height: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
    width: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
            flex: 0 0 calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
  }
  .licenses__data__nav span.prew {
    padding-top: calc( 8px + ( var(--win_width) - 768px ) * ( (10 - 8) / ( 1440 - 768 ) ) );
  }
  .licenses__data__nav span.next {
    padding-bottom: calc( 8px + ( var(--win_width) - 768px ) * ( (10 - 8) / ( 1440 - 768 ) ) );
  }
  .licenses__data__nav span.end {
    padding-bottom: calc( 16px + ( var(--win_width) - 768px ) * ( (18 - 16) / ( 1440 - 768 ) ) );
  }
  .licenses__data .line.left,
  .licenses__data .line.right {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(85%, rgba(54, 77, 88, 0)), color-stop(90%, rgba(54, 77, 88, 0.2)), color-stop(95%, rgba(54, 77, 88, 0.25)), to(rgba(54, 77, 88, 0.25)));
    background: linear-gradient(0deg, rgba(54, 77, 88, 0) 85%, rgba(54, 77, 88, 0.2) 90%, rgba(54, 77, 88, 0.25) 95%, rgba(54, 77, 88, 0.25) 100%);
  }
  .licenses__data .line.top {
    display: none;
  }
  .licenses__data:after {
    display: none;
  }
  .licenses__list {
    margin-top: calc(var(--win_height) * -1);
    padding: calc( 64px + ( var(--win_width) - 768px ) * ( (120 - 64) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) ) calc( 64px + ( var(--win_width) - 768px ) * ( (120 - 64) / ( 1440 - 768 ) ) ) calc( 320px + ( var(--win_width) - 768px ) * ( (520 - 320) / ( 1440 - 768 ) ) );
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .licenses__list .item h3 {
    font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
    line-height: calc( 18px + ( var(--win_width) - 768px ) * ( (20 - 18) / ( 1440 - 768 ) ) );
  }
  .licenses__list .item p {
    font-size: calc( 13px + ( var(--win_width) - 768px ) * ( (16 - 13) / ( 1440 - 768 ) ) );
    line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
  }
  .licenses__list .item p.num {
    font-size: 14px;
  }
  .licenses__list .item:nth-child(2n-1) {
    padding-top: calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
  }
  .licenses:before {
    width: 159px;
    height: 159px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 159 159' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78 81H0v-3h78V0h3v78h78v3H81v78h-3V81z' fill='%23364D58'/%3E%3C/svg%3E");
    right: calc( 17px + ( var(--win_width) - 768px ) * ( (81 - 17) / ( 1440 - 768 ) ) );
    top: -80px;
  }
  .licenses:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
    height: calc( 240px + ( var(--win_width) - 768px ) * ( (320 - 240) / ( 1440 - 768 ) ) );
    background-image: url('../img/back_2.png');
    background-position: center;
    background-size: 1000%;
    z-index: 1;
  }
}
@media (min-width: 1440px) {
  .licenses .line.top {
    top: calc( 320px + ( var(--win_width) - 1440px ) * ( (640 - 320) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__header {
    width: calc( 420px + ( var(--win_width) - 1440px ) * ( (520 - 420) / ( 1920 - 1440 ) ) );
    padding: calc( 120px + ( var(--win_width) - 1440px ) * ( (200 - 120) / ( 1920 - 1440 ) ) ) 0 calc( 120px + ( var(--win_width) - 1440px ) * ( (200 - 120) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__header h2 {
    top: calc( 120px + ( var(--win_width) - 1440px ) * ( (200 - 120) / ( 1920 - 1440 ) ) );
    left: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__header p {
    padding-left: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
    padding-top: calc( 144px + ( var(--win_width) - 1440px ) * ( (168 - 144) / ( 1920 - 1440 ) ) );
    font-size: 20px;
    line-height: 24px;
  }
  .licenses__data__nav {
    padding-top: calc( 72px + ( var(--win_width) - 1440px ) * ( (84 - 72) / ( 1920 - 1440 ) ) );
    gap: calc( 8px + ( var(--win_width) - 1440px ) * ( (12 - 8) / ( 1920 - 1440 ) ) );
    left: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
    margin-top: calc( -152px + ( var(--win_width) - 1440px ) * ( (-174 - -152) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav__block {
    gap: calc( 8px + ( var(--win_width) - 1440px ) * ( (12 - 8) / ( 1920 - 1440 ) ) );
    height: calc( 148px + ( var(--win_width) - 1440px ) * ( (168 - 148) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav span {
    height: calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
    width: calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
    font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
    line-height: calc( 18px + ( var(--win_width) - 1440px ) * ( (20 - 18) / ( 1920 - 1440 ) ) );
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
            flex: 0 0 calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav span.prew {
    padding-top: calc( 10px + ( var(--win_width) - 1440px ) * ( (12 - 10) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav span.prew:before {
    width: calc( 12px + ( var(--win_width) - 1440px ) * ( (16 - 12) / ( 1920 - 1440 ) ) );
    height: calc( 12px + ( var(--win_width) - 1440px ) * ( (16 - 12) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav span.next {
    padding-bottom: calc( 10px + ( var(--win_width) - 1440px ) * ( (12 - 10) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav span.next:before {
    width: calc( 12px + ( var(--win_width) - 1440px ) * ( (16 - 12) / ( 1920 - 1440 ) ) );
    height: calc( 12px + ( var(--win_width) - 1440px ) * ( (16 - 12) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav span.end {
    padding-bottom: calc( 18px + ( var(--win_width) - 1440px ) * ( (18 - 18) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav span.end:before,
  .licenses__data__nav span.end:after {
    width: calc( 12px + ( var(--win_width) - 1440px ) * ( (16 - 12) / ( 1920 - 1440 ) ) );
    height: calc( 12px + ( var(--win_width) - 1440px ) * ( (16 - 12) / ( 1920 - 1440 ) ) );
  }
  .licenses__data__nav span.end:after {
    bottom: calc( 15px + ( var(--win_width) - 1440px ) * ( (17 - 15) / ( 1920 - 1440 ) ) );
  }
  .licenses__list {
    padding: calc( 120px + ( var(--win_width) - 1440px ) * ( (200 - 120) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 120px + ( var(--win_width) - 1440px ) * ( (200 - 120) / ( 1920 - 1440 ) ) ) calc( 520px + ( var(--win_width) - 1440px ) * ( (680 - 520) / ( 1920 - 1440 ) ) );
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .licenses__list .item img {
    margin-bottom: calc( 12px + ( var(--win_width) - 1440px ) * ( (16 - 12) / ( 1920 - 1440 ) ) );
  }
  .licenses__list .item h3 {
    font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (18 - 16) / ( 1920 - 1440 ) ) );
    line-height: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
  }
  .licenses__list .item p {
    font-size: 16px;
    line-height: 20px;
  }
  .licenses__list .item p.num {
    font-size: 14px;
  }
  .licenses__list .item:nth-child(2n-1) {
    padding-top: calc( 48px + ( var(--win_width) - 1440px ) * ( (80 - 48) / ( 1920 - 1440 ) ) );
  }
  .licenses__bottom {
    height: calc( 64px + ( var(--win_width) - 1440px ) * ( (128 - 64) / ( 1920 - 1440 ) ) );
  }
  .licenses:before {
    right: calc( 81px + ( var(--win_width) - 1440px ) * ( (141 - 81) / ( 1920 - 1440 ) ) );
  }
  .licenses:after {
    width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
    height: calc( 320px + ( var(--win_width) - 1440px ) * ( (640 - 320) / ( 1920 - 1440 ) ) );
    background-size: 700%;
  }
}
@media (min-width: 1920px) {
  .licenses .line.top {
    top: 33.33333333vw;
  }
  .licenses__data__header {
    width: 27.08333333vw;
    padding: 10.41666667vw 0 10.41666667vw 4.58333333vw;
  }
  .licenses__data__header h2 {
    top: 10.41666667vw;
    left: 4.58333333vw;
  }
  .licenses__data__header p {
    padding-left: 4.58333333vw;
    padding-top: 8.75vw;
    font-size: 1.04166667vw;
    line-height: 1.25vw;
  }
  .licenses__data__nav {
    padding-top: 4.375vw;
    gap: 0.625vw;
    left: 4.58333333vw;
  }
  .licenses__data__nav__block {
    gap: 0.625vw;
    height: 8.75vw;
  }
  .licenses__data__nav span {
    height: 2.5vw;
    width: 2.5vw;
    font-size: 0.83333333vw;
    line-height: 1.04166667vw;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2.5vw;
            flex: 0 0 2.5vw;
  }
  .licenses__data__nav span.prew {
    padding-top: 0.625vw;
  }
  .licenses__data__nav span.prew:before {
    width: 0.83333333vw;
    height: 0.83333333vw;
  }
  .licenses__data__nav span.next {
    padding-bottom: 0.625vw;
  }
  .licenses__data__nav span.next:before {
    width: 0.83333333vw;
    height: 0.83333333vw;
  }
  .licenses__data__nav span.end {
    padding-bottom: 0.9375vw;
  }
  .licenses__data__nav span.end:before,
  .licenses__data__nav span.end:after {
    width: 0.83333333vw;
    height: 0.83333333vw;
  }
  .licenses__data__nav span.end:after {
    bottom: 0.88541667vw;
  }
  .licenses__list {
    padding: 10.41666667vw 4.58333333vw 10.41666667vw 35.41666667vw;
    gap: 1.25vw;
  }
  .licenses__list .item {
    gap: 0.41666667vw;
  }
  .licenses__list .item img {
    margin-bottom: 0.83333333vw;
  }
  .licenses__list .item h3 {
    font-size: 0.9375vw;
    line-height: 1.25vw;
  }
  .licenses__list .item p {
    font-size: 0.83333333vw;
    line-height: 1.04166667vw;
  }
  .licenses__list .item p.num {
    font-size: 0.72916667vw;
  }
  .licenses__list .item:nth-child(2n-1) {
    padding-top: 4.16666667vw;
  }
  .licenses__bottom {
    height: 6.66666667vw;
  }
  .licenses:before {
    width: 8.28125vw;
    height: 8.28125vw;
    right: 7.34375vw;
    top: -4.16666667vw;
  }
  .licenses:after {
    width: 11.45833333vw;
    height: 33.33333333vw;
  }
}
/*# sourceMappingURL=style.css.map */