@charset "UTF-8";
@font-face {
  font-style: normal;
  font-weight: 300;
  font-family: "Geologica";
  font-display: swap;
  src: url("../fonts/Geologica-Light.woff2") format("woff2"), url("../fonts/Geologica-Light.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "Geologica";
  font-display: swap;
  src: url("../fonts/Geologica-Regular.woff2") format("woff2"), url("../fonts/Geologica-Regular.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 500;
  font-family: "Geologica";
  font-display: swap;
  src: url("../fonts/Geologica-Medium.woff2") format("woff2"), url("../fonts/Geologica-Medium.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "Dosis";
  font-display: swap;
  src: url("../fonts/Dosis-Regular.woff2") format("woff2"), url("../fonts/Dosis-Regular.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 600;
  font-family: "Dosis";
  font-display: swap;
  src: url("../fonts/Dosis-SemiBold.woff2") format("woff2"), url("../fonts/Dosis-SemiBold.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 700;
  font-family: "Dosis";
  font-display: swap;
  src: url("../fonts/Dosis-Bold.woff2") format("woff2"), url("../fonts/Dosis-Bold.woff") format("woff");
}
/* stylelint-disable */
.burger {
  position: relative;
  padding: 14px;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3px;
  width: 48px;
  height: 48px;
  background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#cbcbcb));
  background: linear-gradient(180deg, #eaeaea 0%, #cbcbcb 100%);
  border-radius: 100px;
  color: rgba(var(--cl-c), 1);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  z-index: 90;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.burger:hover {
  gap: 5px;
}
.burger span {
  width: 100%;
  border: 1.5px solid rgba(var(--cl-c), 1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.burger.active:hover {
  gap: 3px;
}
.burger.active span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(4px, 4px);
  -ms-transform: rotate(45deg) translate(4px, 4px);
  transform: rotate(45deg) translate(4px, 4px);
}
.burger.active span:nth-child(2) {
  opacity: 0;
}
.burger.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(4px, -4px);
  -ms-transform: rotate(-45deg) translate(4px, -4px);
  transform: rotate(-45deg) translate(4px, -4px);
}
@media (max-width: 1024px) {
  .burger {
    background: transparent;
    width: 62px;
    height: 62px;
    padding: 19px;
  }
}

/* stylelint-disable */
.radio-checkbox {
  position: relative;
}
.radio-checkbox input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.radio-checkbox span {
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  font-style: normal;
  font-family: var(--font-second);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
.radio-checkbox span a {
  color: rgba(var(--cl-c), 0.7);
}
.radio-checkbox span a:hover {
  text-decoration: underline;
}
.radio-checkbox span::before {
  cursor: pointer;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='18' height='18' x='3' y='3' stroke='%232F2F2F' stroke-opacity='0.5' stroke-width='2' rx='9'/%3E%3C/svg%3E");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.radio-checkbox input:checked + span::after {
  opacity: 1;
  visibility: visible;
}
.radio-checkbox input:checked + span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='18' height='18' x='3' y='3' fill='%230D7768' stroke='%230D7768' stroke-width='2' rx='9'/%3E%3Crect width='10' height='10' x='7' y='7' fill='%23fff' rx='5'/%3E%3C/svg%3E");
}

.custom-checkbox {
  position: relative;
}
.custom-checkbox input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox span {
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  font-style: normal;
  font-family: var(--font-second);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
.custom-checkbox span a {
  color: rgba(var(--cl-c), 0.7);
}
.custom-checkbox span a:hover {
  text-decoration: underline;
}
.custom-checkbox span::before {
  cursor: pointer;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='18' height='18' x='3' y='3' stroke='%232F2F2F' stroke-opacity='0.5' stroke-width='2' rx='2'/%3E%3C/svg%3E");
  background-position: center center;
  background-size: contain;
}
.custom-checkbox input:checked + span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='18' height='18' x='3' y='3' fill='%230D7768' stroke='%230D7768' stroke-width='2' rx='2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7 12.833 4 3.3333 6-8.3333'/%3E%3C/svg%3E");
}
.custom-checkbox:first-child input:checked + span::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' fill='%230D7768' stroke='%230D7768' stroke-width='2'/%3E%3Crect x='6.5' y='11.5' width='11' height='1' rx='0.5' stroke='white'/%3E%3C/svg%3E%0A");
}

:root {
  --body-bg: #f9f1e7;
  --body-font-size: 16px;
  --content-width: 1320px;
  --container-offset: clamp(16px, 2.778vw, 40px);
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --header-height: 72px;
  --font-primary: "Dosis" , sans-serif;
  --font-second: "Geologica" , sans-serif;
  --cl-a: 255, 255, 255;
  --cl-b: 0, 0, 0;
  --cl-c: 47, 47, 47;
  --cl-d: 13, 119, 104;
  --cl-e: 10, 139, 211;
  --cl-f: 211, 108, 64;
  --cl-g: 0, 99, 84;
  --bg-a: 255, 255, 255;
  --bg-b: 0, 0, 0;
  --bg-c: 47, 47, 47;
  --bg-d: 13, 119, 104;
  --bg-e: 10, 139, 211;
  --bg-f: 211, 108, 64;
  --bg-g: 249, 241, 231;
  --br-a: 235, 235, 235;
  --br-b: 227, 227, 227;
  --br-c: 119, 119, 119;
}

.select {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  border: 1px solid rgba(47, 47, 47, 0.24);
  border-radius: 8px;
  height: 52px;
  background: rgba(var(--bg-c), 0.04);
}
.select:hover {
  background: rgba(var(--bg-c), 0.08);
}
.select__header {
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 6;
  padding: 16px;
}
@media (max-width: 576px) {
  .select__header {
    padding-right: 0;
  }
}
.select__header > svg {
  -webkit-transition: -webkit-transform 0.4s linear;
  transition: -webkit-transform 0.4s linear;
  transition: transform 0.4s linear;
  transition: transform 0.4s linear, -webkit-transform 0.4s linear;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  aspect-ratio: 1;
}
.select__current {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 7px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--font-second);
  font-weight: 500;
  color: rgba(var(--cl-c), 1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: clamp(16px, 1.2879vw, 17px);
  line-height: 118%;
  letter-spacing: -0.02em;
}
.select__current:hover {
  color: rgba(var(--cl-c), 0.8);
}
.select__body {
  right: -2px;
  position: absolute;
  z-index: 5;
  height: 0;
  top: calc(100% + 5px);
  overflow: hidden;
  -webkit-transition: height 0.1s ease-in;
  transition: height 0.1s ease-in;
  left: -2px;
  border: solid 1px transparent;
  border-radius: 8px;
}
.select__body i {
  margin: 0;
  text-transform: uppercase;
  font-size: inherit;
  line-height: inherit;
}
.select__list {
  overflow-y: auto;
  background: rgba(var(--bg-a), 1);
  padding: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.select__list::-webkit-scrollbar-thumb {
  background-color: rgba(47, 47, 47, 0.4);
  border-radius: 8px;
}
.select__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.select__list::-webkit-scrollbar {
  width: 3px;
  border-radius: 99px;
}
.select__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 5px;
  width: 100%;
  cursor: pointer;
  line-height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: var(--font-second);
  font-weight: 500;
  font-size: clamp(16px, 1.2879vw, 17px);
  line-height: 118%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
.select__option:hover {
  background-color: rgba(var(--bg-c), 0.04);
}
.select__option:active {
  background-color: rgba(var(--bg-c), 0.08);
}
.select__option a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.select.active {
  z-index: 30;
  background: rgba(47, 47, 47, 0.12);
  border: 1px solid rgba(47, 47, 47, 0.8);
}
.select.active .select__body {
  -webkit-box-shadow: 0 24px 48px 0 rgba(50, 50, 71, 0.06), 0 12px 24px 0 rgba(50, 50, 71, 0.04);
  box-shadow: 0 24px 48px 0 rgba(50, 50, 71, 0.06), 0 12px 24px 0 rgba(50, 50, 71, 0.04);
}
.select.active .select__header > svg {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px ;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -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;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.tabs {
  position: relative;
}

.tabcontent {
  display: none;
}
.tabcontent.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

body {
  background: var(--body-bg);
  position: relative;
  width: 100%;
  min-height: -webkit-fill-available;
  margin: 0 auto;
  font-family: var(--font-second);
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
body::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  z-index: 10;
}

main {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding-top: var(--header-height);
  min-width: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 5;
}

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

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  font-style: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0;
  line-height: initial;
  color: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

p {
  font-size: 15px;
  font-family: var(--font-family);
  font-weight: 400;
  color: rgba(var(--cl-b), 1);
  font-style: normal;
  line-height: 130%;
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

svg {
  fill: transparent;
}

picture {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

input {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
}
input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}

textarea {
  border: none;
  outline: none;
  resize: none;
}

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.just-validate-error-label {
  position: absolute;
  bottom: 0;
  left: 50%;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  font-size: 12px;
}

.container {
  position: relative;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-offset);
}
.container--mode {
  max-width: var(--container-width--mode);
}

.main-inner {
  padding: clamp(50px, 4.6154vw, 60px) 0;
}
.main-inner__box {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 309px 1fr;
}
@media (max-width: 1024px) {
  .main-inner__box {
    grid-template-columns: 1fr;
  }
}

.dis-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  -ms-scroll-chaining: none !important;
  overscroll-behavior: none !important;
  scroll-behavior: none !important;
}
.dis-scroll::before {
  opacity: 1;
  visibility: visible;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.blog {
  position: relative;
}
.blog::before {
  content: "";
  position: absolute;
  background-image: var(--main-bg);
  background-size: cover;
  background-repeat: no-repeat;
  right: 0;
  top: 0;
  width: 1168px;
  height: 392px;
  z-index: -1;
}
@media (max-width: 1024px) {
  .blog::before {
    width: 100%;
  }
}
.blog::after {
  position: absolute;
  content: var(--main-right-frame);
  right: 0;
  top: 0;
  z-index: -1;
}

h1,
.title {
  font-family: var(--font-primary);
  font-size: clamp(36px, 3.472vw, 50px);
  line-height: 128%;
  font-weight: 700;
}

h2,
.subtitle {
  font-family: var(--font-primary);
  font-size: clamp(30px, 2.778vw, 40px);
  line-height: 150%;
  font-weight: 600;
}

:root {
  --main-bg: url("data:image/svg+xml,%3Csvg width='1168' height='392' viewBox='0 0 1168 392' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1215.7 360.086C1251.25 342.224 1290.01 313.578 1318.25 281.509C1335.1 262.377 1341.44 236.807 1341.56 211.315C1342.01 109.549 1343.73 7.52823 1338.35 -94.0562C1336.72 -124.839 1334.85 -156.246 1329.44 -186.666C1326.54 -202.977 1322.36 -219.656 1312.14 -233.075C1295.3 -255.212 1266.4 -269.293 1241.6 -279.898C1194.61 -299.991 1144.11 -313.298 1093.88 -322.163C998.445 -339.004 901.016 -343.136 804.341 -344.435C641.241 -346.626 477.345 -342.559 314.668 -330.243C219.79 -323.06 67.2124 -319.444 14.8764 -218.261C-6.96997 -176.025 -3.27197 -124.238 16.3267 -81.9361C44.2744 -21.6134 100.734 22.3741 164.461 38.9543C225.57 54.8532 289.146 53.1395 350.925 64.6448C408.951 75.4514 461.008 97.9555 512.319 126.385C538.807 141.06 564.175 148.66 594.777 144.928C645.323 138.763 692.074 110.97 743.326 110.225C781.91 109.664 820.822 122.036 851.475 145.446C898.341 181.237 930.847 234.592 964.907 281.771C993.741 321.711 1025.72 365.96 1073.06 385.155C1117.98 403.373 1175.22 380.425 1215.7 360.086Z' fill='url(%23paint0_linear_115_6634)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_115_6634' x1='671.089' y1='-345' x2='671.089' y2='391.787' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F7EBDF'/%3E%3Cstop offset='1' stop-color='%23EDDACC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  --main-right-frame: url("data:image/svg+xml,%3Csvg width='639' height='1086' viewBox='0 0 639 1086' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4' filter='url(%23filter0_iiii_83_4508)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.49165 514.653C-12.1377 641.92 37.8247 748.765 96.263 848.827C100.607 856.265 104.953 863.791 109.323 871.358C165.61 968.828 225.874 1073.18 336.776 1085.33C387.417 1090.87 447.54 1062 512.188 1009.07C568.116 963.274 660.168 984.39 724.346 1017.65C831.228 1073.05 1056.82 968.319 1290.87 807.198C1524.91 646.077 1527.87 549.496 1510.66 428.751C1492.58 301.902 1458.42 174.158 1351.02 105.903C1236.03 32.8186 1079.31 9.36168 932.58 61.3576C846.932 91.7085 746.007 77.494 665.665 35.0468C643.118 23.1351 618.767 14.1718 592.31 8.89016C458.692 -17.7841 304.063 16.8803 185.976 118.31C72.1759 216.058 21.2872 369.748 3.49165 514.653Z' fill='%23F9F1E7' fill-opacity='0.01'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_iiii_83_4508' x='-86.4062' y='-86.7546' width='1603.29' height='1172.76' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-10' dy='-10'/%3E%3CfeGaussianBlur stdDeviation='15'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.227451 0 0 0 0 0.0666667 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_83_4508'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-39' dy='-39'/%3E%3CfeGaussianBlur stdDeviation='27.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.227451 0 0 0 0 0.0666667 0 0 0 0 0 0 0 0 0.04 0'/%3E%3CfeBlend mode='normal' in2='effect1_innerShadow_83_4508' result='effect2_innerShadow_83_4508'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-87' dy='-87'/%3E%3CfeGaussianBlur stdDeviation='37'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.227451 0 0 0 0 0.0666667 0 0 0 0 0 0 0 0 0.03 0'/%3E%3CfeBlend mode='normal' in2='effect2_innerShadow_83_4508' result='effect3_innerShadow_83_4508'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-154' dy='-154'/%3E%3CfeGaussianBlur stdDeviation='43.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.227451 0 0 0 0 0.0666667 0 0 0 0 0 0 0 0 0.01 0'/%3E%3CfeBlend mode='normal' in2='effect3_innerShadow_83_4508' result='effect4_innerShadow_83_4508'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  --mount-right: url("data:image/svg+xml,%3Csvg width='1320' height='86' viewBox='0 0 1320 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M-56 127.5L-169.309 153.913C-189.626 158.649 -204 176.76 -204 197.621C-204 222.407 -183.907 242.5 -159.121 242.5H1430.18C1481.45 242.5 1523 200.945 1523 149.685C1523 102.344 1487.37 62.5891 1440.31 57.4237L941.662 2.68922C889.592 -3.02625 836.906 3.36683 787.714 21.3696L621.254 82.289C574.972 99.2271 525.56 105.901 476.442 101.848L240.604 82.3869C209.352 79.808 177.893 81.5652 147.122 87.6084L-56 127.5Z' fill='%231E2F0A' /%3E%3C/svg%3E");
  --mount-left: url("data:image/svg+xml,%3Csvg width='1231' height='778' viewBox='0 0 1231 778' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_115_7271' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-1503' y='-122' width='2651' height='1107'%3E%3Cpath d='M-1003 984.237C-1279.14 984.237 -1503 760.38 -1503 484.237V-67.7096C-1503 -94.0064 -1483.84 -116.381 -1457.85 -120.423C-1439.56 -123.268 -1421.11 -116.429 -1409.09 -102.354L-1399.95 -91.652C-1387.13 -76.6444 -1369.13 -67.0107 -1349.54 -64.6669L-1312.67 -60.2568C-1282.83 -56.6875 -1254.42 -45.432 -1230.23 -27.5918L-1155.9 27.2374C-1128.98 47.0976 -1092.8 48.9826 -1063.96 32.0285C-1031.26 12.8117 -989.729 18.0204 -962.794 44.7151L-604.11 400.192C-572.471 431.548 -528.872 447.779 -484.431 444.745C-448.49 442.292 -412.817 452.432 -383.541 473.425L-310.64 525.698C-262.147 560.468 -206.564 584.081 -147.872 594.844L-127.032 598.666C-84.2147 606.518 -42.6824 620.229 -3.60571 639.412C30.3429 656.077 66.1633 668.622 103.092 676.777L227.934 704.349C268.685 713.349 310.401 717.211 352.111 715.846L593.115 707.961C618.628 707.126 643.844 713.635 665.765 726.714C684.831 738.09 706.436 744.522 728.619 745.428L796.323 748.192C851.245 750.434 905.117 763.965 954.58 787.942L1111.98 864.241C1118.87 867.578 1125.09 872.139 1130.34 877.7C1168.4 917.977 1139.84 984.237 1084.43 984.237H-1003Z' fill='url(%23paint0_linear_115_7271)' /%3E%3Cpath d='M288.469 780.313L161.995 825L-311 635V599L-23.7935 632.992C60.1106 642.922 140.13 673.952 208.793 723.185L288.469 780.313Z' fill='url(%23paint1_linear_115_7271)' /%3E%3Cpath d='M1054.77 859.363L888.746 977.527L46.0039 856.5L383.384 748.163C421.987 735.767 461.955 728.112 502.407 725.368L565.942 721.057C606.42 718.311 646.917 726.123 683.469 743.727C710.654 756.82 740.439 763.619 770.612 763.619H876.868L1054.77 859.363Z' fill='url(%23paint2_linear_115_7271)' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_115_7271)'%3E%3Cpath d='M-1003 984.237C-1279.14 984.237 -1503 760.38 -1503 484.237V-67.7096C-1503 -94.0064 -1483.84 -116.381 -1457.85 -120.423C-1439.56 -123.268 -1421.11 -116.429 -1409.09 -102.354L-1399.95 -91.652C-1387.13 -76.6444 -1369.13 -67.0107 -1349.54 -64.6669L-1312.67 -60.2568C-1282.83 -56.6875 -1254.42 -45.432 -1230.23 -27.5918L-1155.9 27.2374C-1128.98 47.0976 -1092.8 48.9826 -1063.96 32.0285C-1031.26 12.8117 -989.729 18.0204 -962.794 44.7151L-604.11 400.192C-572.471 431.548 -528.872 447.779 -484.431 444.745C-448.49 442.292 -412.817 452.432 -383.541 473.425L-310.64 525.698C-262.147 560.468 -206.564 584.081 -147.872 594.844L-127.032 598.666C-84.2147 606.518 -42.6824 620.229 -3.60571 639.412C30.3429 656.077 66.1633 668.622 103.092 676.777L227.934 704.349C268.685 713.349 310.401 717.211 352.111 715.846L593.115 707.961C618.628 707.126 643.844 713.635 665.765 726.714C684.831 738.09 706.436 744.522 728.619 745.428L796.323 748.192C851.245 750.434 905.117 763.965 954.58 787.942L1111.98 864.241C1118.87 867.578 1125.09 872.139 1130.34 877.7C1168.4 917.977 1139.84 984.237 1084.43 984.237H-1003Z' fill='url(%23paint3_linear_115_7271)' /%3E%3Cpath d='M288.469 780.313L161.995 825L-311 635V599L-23.7935 632.992C60.1106 642.922 140.13 673.952 208.793 723.185L288.469 780.313Z' fill='url(%23paint4_linear_115_7271)' /%3E%3Cpath d='M1054.77 859.363L888.746 977.527L46.0039 856.5L383.384 748.163C421.987 735.767 461.955 728.112 502.407 725.368L565.942 721.057C606.42 718.311 646.917 726.123 683.469 743.727C710.654 756.82 740.439 763.619 770.612 763.619H876.868L1054.77 859.363Z' fill='url(%23paint5_linear_115_7271)' /%3E%3Cg style='mix-blend-mode:multiply'%3E%3Crect width='1379' height='397' transform='matrix(-1 0 0 1 1096 436)' fill='url(%23paint6_linear_115_7271)' /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_115_7271' x1='110.461' y1='-925.444' x2='-388.022' y2='1122.82' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E5E5E5' /%3E%3Cstop offset='0.15' stop-color='%23DCDCDC' /%3E%3Cstop offset='0.39' stop-color='%23D0D0D0' /%3E%3Cstop offset='0.52' stop-color='%23CCCCCC' /%3E%3Cstop offset='0.84' stop-color='%239E9E9E' /%3E%3Cstop offset='1' stop-color='%23878787' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_115_7271' x1='-26.3862' y1='359.201' x2='-26.3862' y2='969.823' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BEBEBE' /%3E%3Cstop offset='0.13' stop-color='%23DCDCDC' /%3E%3Cstop offset='0.32' stop-color='%23D0D0D0' /%3E%3Cstop offset='0.43' stop-color='%23CCCCCC' /%3E%3Cstop offset='0.96' stop-color='%239E9E9E' /%3E%3Cstop offset='1' stop-color='%239B9B9B' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_115_7271' x1='647.124' y1='584.455' x2='647.124' y2='1133.86' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BEBEBE' /%3E%3Cstop offset='0.13' stop-color='%23DCDCDC' /%3E%3Cstop offset='0.32' stop-color='%23D0D0D0' /%3E%3Cstop offset='0.43' stop-color='%23CCCCCC' /%3E%3Cstop offset='0.96' stop-color='%239E9E9E' /%3E%3Cstop offset='1' stop-color='%239B9B9B' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_115_7271' x1='110.461' y1='-925.444' x2='-388.022' y2='1122.82' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E5E5E5' /%3E%3Cstop offset='0.15' stop-color='%23DCDCDC' /%3E%3Cstop offset='0.39' stop-color='%23D0D0D0' /%3E%3Cstop offset='0.52' stop-color='%23CCCCCC' /%3E%3Cstop offset='0.84' stop-color='%239E9E9E' /%3E%3Cstop offset='1' stop-color='%23878787' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_115_7271' x1='-26.3862' y1='359.201' x2='-26.3862' y2='969.823' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BEBEBE' /%3E%3Cstop offset='0.13' stop-color='%23DCDCDC' /%3E%3Cstop offset='0.32' stop-color='%23D0D0D0' /%3E%3Cstop offset='0.43' stop-color='%23CCCCCC' /%3E%3Cstop offset='0.96' stop-color='%239E9E9E' /%3E%3Cstop offset='1' stop-color='%239B9B9B' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_115_7271' x1='647.124' y1='584.455' x2='647.124' y2='1133.86' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BEBEBE' /%3E%3Cstop offset='0.13' stop-color='%23DCDCDC' /%3E%3Cstop offset='0.32' stop-color='%23D0D0D0' /%3E%3Cstop offset='0.43' stop-color='%23CCCCCC' /%3E%3Cstop offset='0.96' stop-color='%239E9E9E' /%3E%3Cstop offset='1' stop-color='%239B9B9B' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_115_7271' x1='772' y1='-262' x2='872.974' y2='614.786' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23385316' /%3E%3Cstop offset='1' stop-color='%236FBD17' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  --footer-frame: url("data:image/svg+xml,%3Csvg width='1900' height='324' viewBox='0 0 1900 324' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1900 77.0365L1900 -1.35154e-05L-2.8325e-05 0.000152588L-2.24611e-05 67.0755L363.629 236.327C426.93 265.791 499.219 269.517 566.696 250.886C846.246 173.694 1015.39 187.754 1220.04 289.198C1287.74 322.758 1365.43 334.318 1438.38 313.798L1729.6 231.889C1805.65 210.498 1853.54 144.527 1900 77.0365Z' fill='%23F9F1E7' /%3E%3C/svg%3E");
  --footer-top-mob-frame: url("data:image/svg+xml,%3Csvg width='360' height='324' viewBox='0 0 360 324' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1130 77.0365L1130 -1.35154e-05L-770 0.000152588L-770 67.0755L-406.371 236.327C-343.07 265.791 -270.781 269.517 -203.304 250.886C76.2457 173.694 245.385 187.754 450.038 289.198C517.739 322.758 595.429 334.318 668.383 313.798L959.598 231.889C1035.65 210.498 1083.54 144.527 1130 77.0365Z' fill='%23F9F1E7' /%3E%3C/svg%3E");
  --footer-lines-frame: url("data:image/svg+xml,%3Csvg width='1900' height='983' viewBox='0 0 1900 983' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1825.52 188.65C1852.75 158.356 1876.29 121.737 1899.5 84.6556L1899.5 0.558824L0.499969 0.55899L0.499975 73.5362L363.857 259.574C427.032 291.92 499.186 296.015 566.55 275.555C706.358 233.09 818.595 215.712 921.488 222.919C1024.39 230.126 1117.91 261.918 1220.28 317.737C1287.88 354.602 1365.43 367.284 1438.23 344.76L1729.45 254.66C1767.36 242.93 1798.27 218.972 1825.52 188.65Z' stroke='%23111111' /%3E%3Cpath d='M1825.51 207.92C1852.74 174.589 1876.29 134.297 1899.5 93.5009L1899.5 0.918779L0.499966 0.918945L0.499973 81.2879L363.875 285.939C427.043 321.516 499.183 326.019 566.537 303.517C706.347 256.804 818.59 237.687 921.492 245.615C1024.4 253.544 1117.92 288.518 1220.29 349.919C1287.9 390.468 1365.43 404.414 1438.22 379.642L1729.44 280.532C1767.34 267.631 1798.25 241.28 1825.51 207.92Z' stroke='%23111111' /%3E%3Cpath d='M1825.49 228.516C1852.73 191.843 1876.29 147.511 1899.5 102.629L1899.5 0.71483L0.499962 0.714996L0.49997 89.2139L363.893 314.342C427.055 353.472 499.181 358.424 566.523 333.675C706.335 282.29 818.585 261.259 921.495 269.981C1024.41 278.703 1117.94 317.178 1220.31 384.72C1287.91 429.322 1365.44 444.656 1438.21 417.413L1729.42 308.391C1767.32 294.203 1798.24 265.218 1825.49 228.516Z' stroke='%23111111' /%3E%3Cpath d='M1825.48 251.272C1852.73 210.923 1876.29 162.147 1899.5 112.771L1899.5 0.594835L0.499959 0.595001L0.499967 98.0349L363.911 345.685C427.067 388.725 499.179 394.168 566.508 366.95C706.321 310.427 818.579 287.29 921.5 296.885C1024.43 306.48 1117.96 348.807 1220.33 423.101C1287.93 472.162 1365.44 489.021 1438.19 459.061L1729.41 339.139C1767.3 323.534 1798.22 291.651 1825.48 251.272Z' stroke='%23111111' /%3E%3Cpath d='M1220.35 466.02L1220.04 466.41L1220.35 466.02C1287.95 519.987 1365.44 538.522 1438.18 505.574L1729.39 373.661C1767.28 356.498 1798.2 321.425 1825.47 277.002C1852.72 232.609 1876.28 178.944 1899.5 124.627L1899.5 1.1628L0.499954 1.16296L0.499964 108.437L363.929 380.864C427.081 428.203 499.177 434.187 566.492 404.253C706.307 342.078 818.572 316.624 921.504 327.179C1024.44 337.735 1117.98 384.298 1220.35 466.02Z' stroke='%23111111' /%3E%3Cpath d='M1825.46 304.498C1852.71 255.657 1876.28 196.614 1899.5 136.859L1899.5 0.978838L0.49995 0.979004L0.49996 119.07L363.947 418.757C427.097 470.829 499.175 477.405 566.476 444.485C706.291 376.091 818.564 348.088 921.509 359.7C1024.46 371.313 1118 422.538 1220.37 512.429C1287.97 571.797 1365.44 592.172 1438.16 555.939L1729.37 410.834C1767.26 391.955 1798.19 353.372 1825.46 304.498Z' stroke='%23111111' /%3E%3Cpath d='M1825.45 334.544C1852.71 280.81 1876.28 215.852 1899.5 150.116L1899.5 0.580828L0.499945 0.580994L0.499956 130.569L363.965 460.241C395.552 488.892 429.357 505.008 463.661 509.447C497.963 513.886 532.8 506.652 566.459 488.541C706.274 413.308 818.556 382.499 921.515 395.275C1024.48 408.051 1118.02 464.403 1220.39 563.28C1287.99 628.589 1365.45 650.985 1438.14 611.141L1729.36 451.525C1767.24 430.758 1798.17 388.314 1825.45 334.544Z' stroke='%23111111' /%3E%3Cpath d='M1825.44 368.891C1852.71 309.774 1876.28 238.31 1899.5 165.996L1899.5 1.44081L0.499939 1.44098L0.499952 144.515L363.982 507.172C395.572 538.691 429.375 556.415 463.667 561.296C497.957 566.177 532.785 558.223 566.441 538.303C706.255 455.547 818.547 421.651 921.521 435.706C1024.5 449.761 1118.04 511.755 1220.4 620.515C1254.21 656.44 1290.48 680.554 1327.37 690.213C1364.24 699.867 1401.76 695.087 1438.12 673.163L1729.34 497.585C1767.23 474.741 1798.16 428.046 1825.44 368.891Z' stroke='%23111111' /%3E%3Cpath d='M1825.43 404.787C1852.7 339.843 1876.28 261.336 1899.5 181.901L1899.5 1.08681L0.499933 1.08698L0.499947 158.325L363.999 556.693C395.593 591.319 429.393 610.782 463.674 616.141C497.95 621.5 532.768 612.769 566.423 590.89C706.236 499.99 818.537 462.75 921.527 478.191C1024.52 493.631 1118.06 561.732 1220.42 681.19C1254.23 720.656 1290.5 747.141 1327.38 757.747C1364.24 768.348 1401.75 763.102 1438.11 739.022L1729.32 546.164C1767.21 521.07 1798.15 469.771 1825.43 404.787Z' stroke='%23111111' /%3E%3Cpath d='M1825.43 445.387C1852.7 373.838 1876.28 287.346 1899.5 199.838L1899.5 0.591814L0.499927 0.59198L0.499942 173.887L364.014 612.741C395.614 650.891 429.414 672.326 463.681 678.228C497.941 684.129 532.75 674.517 566.404 650.415C706.214 550.283 818.526 509.251 921.535 526.264C1024.54 543.275 1118.09 618.3 1220.43 749.884C1254.25 793.365 1290.52 822.538 1327.39 834.22C1364.23 845.892 1401.73 840.119 1438.09 813.595L1729.3 601.146C1767.2 573.499 1798.14 516.978 1825.43 445.387Z' stroke='%23111111' /%3E%3Cpath d='M1825.42 489.91C1852.7 411.198 1876.28 316.049 1899.5 219.786L1899.5 0.551836L0.499919 0.552002L0.499936 191.258L364.029 674.019C395.635 715.992 429.434 739.565 463.689 746.055C497.932 752.542 532.73 741.977 566.386 715.464C706.191 605.323 818.513 560.176 921.543 578.894C1024.56 597.608 1118.11 680.141 1220.45 824.876C1254.27 872.712 1290.54 904.8 1327.41 917.648C1364.23 930.482 1401.71 924.139 1438.07 894.963L1729.28 661.268C1748.22 646.068 1765.44 622.925 1781.33 593.717C1797.23 564.512 1811.78 529.273 1825.42 489.91Z' stroke='%23111111' /%3E%3Cpath d='M1825.42 539.484C1852.69 452.893 1876.28 348.22 1899.5 242.327L1899.5 1.10781L0.499911 1.10797L0.499929 210.965L364.042 742.022C395.655 788.203 429.456 814.128 463.698 821.265C497.922 828.397 532.709 816.785 566.368 787.618C706.166 666.468 818.499 616.793 921.551 637.387C1024.58 657.976 1118.13 748.766 1220.46 907.964C1254.29 960.592 1290.56 995.889 1327.42 1010.02C1364.23 1024.13 1401.69 1017.16 1438.05 985.068L1729.27 728.002C1748.21 711.28 1765.43 685.817 1781.32 653.682C1797.22 621.553 1811.78 582.786 1825.42 539.484Z' stroke='%23111111' /%3E%3Cpath d='M1825.42 593.714C1852.69 498.457 1876.27 383.31 1899.5 266.825L1899.5 1.42378L0.499902 1.42395L0.499922 232.343L364.054 816.525C395.674 867.335 429.477 895.849 463.708 903.696C497.91 911.537 532.687 898.777 566.351 866.688C706.141 733.43 818.485 678.773 921.561 701.431C1024.6 724.081 1118.14 823.954 1220.47 999.06C1254.3 1056.96 1290.58 1095.79 1327.43 1111.33C1345.85 1119.09 1364.41 1121.05 1382.89 1116.66C1401.39 1112.28 1419.84 1101.55 1438.03 1083.88L1729.25 801.11C1748.2 782.712 1765.42 754.697 1781.32 719.344C1797.21 683.997 1811.77 641.349 1825.42 593.714Z' stroke='%23111111' /%3E%3Cpath d='M1825.41 652.163C1852.69 547.373 1876.27 420.703 1899.5 292.567L1899.5 0.564775L0.499892 0.564941L0.499915 254.653L364.064 897.275C395.692 953.179 429.499 984.541 463.719 993.17C497.896 1001.79 532.663 987.768 566.334 952.462C706.114 805.889 818.468 745.747 921.571 770.677C973.109 783.139 1022.26 816.845 1071.3 871.487C1120.34 926.129 1169.31 1001.74 1220.48 1098.06C1254.32 1161.76 1290.6 1204.47 1327.45 1221.57C1345.86 1230.11 1364.41 1232.25 1382.88 1227.43C1401.37 1222.61 1419.82 1210.81 1438.02 1191.38L1729.23 880.326C1748.18 860.084 1765.41 829.26 1781.31 790.367C1797.21 751.48 1811.77 704.563 1825.41 652.163Z' stroke='%23111111' /%3E%3Cpath d='M1825.41 717.359C1852.69 602.085 1876.27 462.742 1899.5 321.79L1899.5 0.529863L0.499882 0.530029L0.499906 280.1L364.074 987C395.708 1048.51 429.521 1083 463.73 1092.49C497.881 1101.97 532.638 1086.56 566.318 1047.72C636.221 967.085 699.251 910.249 757.689 876.991C816.137 843.727 870.018 834.037 921.582 847.752C973.129 861.463 1022.28 898.542 1071.31 958.642C1120.35 1018.74 1169.32 1101.91 1220.49 1207.86C1254.33 1277.94 1290.62 1324.93 1327.47 1343.73C1345.87 1353.12 1364.41 1355.48 1382.87 1350.18C1401.35 1344.88 1419.8 1331.9 1438 1310.52L1729.22 968.366C1748.17 946.094 1765.4 912.181 1781.3 869.393C1797.2 826.614 1811.77 775.001 1825.41 717.359Z' stroke='%23111111' /%3E%3Cpath d='M1825.41 789.77C1852.69 662.962 1876.27 509.679 1899.5 354.63L1899.5 1.18587L0.49987 1.18604L0.499897 308.785L364.082 1086.39C395.723 1154.07 429.541 1192.01 463.742 1202.45C497.864 1212.86 532.612 1195.94 566.303 1153.19C636.204 1064.5 699.233 1001.98 757.671 965.398C816.121 928.807 870.014 918.141 921.594 933.233C973.149 948.317 1022.3 989.107 1071.33 1055.21C1120.37 1121.32 1169.33 1212.8 1220.5 1329.34C1237.41 1367.87 1254.95 1400.08 1272.86 1425.23C1290.78 1450.39 1309.07 1468.48 1327.49 1478.81C1345.88 1489.14 1364.41 1491.73 1382.86 1485.91C1401.33 1480.08 1419.78 1465.8 1437.99 1442.28L1729.2 1065.91C1748.16 1041.4 1765.39 1004.09 1781.3 957.018C1797.2 909.956 1811.77 853.178 1825.41 789.77Z' stroke='%23111111' /%3E%3Cpath d='M1825.41 868.822C1852.69 729.329 1876.27 560.712 1899.5 390.156L1899.5 1.31185L0.499857 1.31201L0.499886 339.74L364.089 1195.13C379.904 1232.33 396.271 1261.39 412.967 1282.58C429.666 1303.77 446.671 1317.07 463.755 1322.8C497.846 1334.24 532.585 1315.65 566.289 1268.62C636.188 1171.06 699.215 1102.29 757.653 1062.05C816.103 1021.8 870.009 1010.06 921.606 1026.66C973.17 1043.26 1022.31 1088.13 1071.34 1160.83C1120.37 1233.55 1169.33 1334.17 1220.5 1462.37C1237.42 1504.76 1254.96 1540.18 1272.88 1567.86C1290.8 1595.54 1309.09 1615.44 1327.5 1626.8C1345.9 1638.16 1364.41 1641 1382.85 1634.6C1401.31 1628.2 1419.77 1612.49 1437.97 1586.61L1729.19 1172.6C1748.15 1145.64 1765.39 1104.59 1781.29 1052.8C1797.2 1001.03 1811.76 938.573 1825.41 868.822Z' stroke='%23111111' /%3E%3Cpath d='M1825.4 954.875C1852.69 801.428 1876.27 615.943 1899.5 428.33L1899.5 0.543779L0.499843 0.543945L0.499875 372.885L364.096 1313.83C379.912 1354.76 396.281 1386.73 412.981 1410.04C429.684 1433.36 446.691 1447.98 463.77 1454.29C480.823 1460.58 498.008 1458.61 515.149 1448.61C532.31 1438.6 549.429 1420.54 566.277 1394.68C636.174 1287.37 699.198 1211.72 757.634 1167.46C816.083 1123.18 870.004 1110.26 921.62 1128.53C973.19 1146.79 1022.33 1196.15 1071.35 1276.12C1120.38 1356.1 1169.34 1466.77 1220.51 1607.79C1237.43 1654.42 1254.96 1693.39 1272.89 1723.84C1290.81 1754.3 1309.11 1776.19 1327.52 1788.69C1345.92 1801.18 1364.41 1804.31 1382.83 1797.27C1401.29 1790.22 1419.75 1772.95 1437.96 1744.47L1729.18 1289.06C1748.15 1259.39 1765.38 1214.23 1781.29 1157.26C1797.2 1100.31 1811.76 1031.6 1825.4 954.875Z' stroke='%23111111' /%3E%3Cpath d='M1825.4 1051.23C1852.69 882.434 1876.27 678.395 1899.5 472.02L1899.5 1.39681L0.499827 1.39697L0.499863 411.04L364.101 1446.09C379.919 1491.12 396.29 1526.29 412.993 1551.94C429.702 1577.6 446.711 1593.69 463.784 1600.62C480.823 1607.54 497.994 1605.37 515.131 1594.38C532.292 1583.37 549.414 1563.5 566.265 1535.04C636.161 1417.01 699.183 1333.8 757.616 1285.11C816.062 1236.41 869.997 1222.18 921.635 1242.29C973.21 1262.38 1022.35 1316.67 1071.36 1404.63C1120.39 1492.6 1169.35 1614.34 1220.51 1769.45C1237.43 1820.75 1254.97 1863.63 1272.9 1897.12C1290.83 1930.63 1309.12 1954.71 1327.54 1968.47C1345.93 1982.21 1364.41 1985.64 1382.82 1977.91C1401.27 1970.16 1419.73 1951.16 1437.95 1919.82L1729.17 1418.87C1748.14 1386.22 1765.38 1336.53 1781.29 1273.87C1797.19 1211.21 1811.76 1135.63 1825.4 1051.23Z' stroke='%23111111' /%3E%3Cpath d='M1825.4 1156.12C1852.69 970.443 1876.27 745.997 1899.5 518.982L1899.5 1.24275L0.499809 1.24292L0.499849 451.916L364.105 1590.49C379.925 1640.02 396.298 1678.72 413.005 1706.94C429.718 1735.17 446.731 1752.87 463.8 1760.49C480.824 1768.1 497.978 1765.72 515.113 1753.62C532.275 1741.51 549.401 1719.65 566.255 1688.35C636.149 1558.51 699.168 1466.99 757.598 1413.43C816.039 1359.87 869.99 1344.2 921.65 1366.33C973.229 1388.42 1022.36 1448.14 1071.37 1544.88C1120.4 1641.65 1169.35 1775.56 1220.52 1946.18C1237.44 2002.61 1254.98 2049.78 1272.91 2086.63C1290.84 2123.49 1309.14 2149.99 1327.56 2165.13C1336.76 2172.69 1345.98 2177.4 1355.18 2179.17C1364.38 2180.93 1373.59 2179.76 1382.8 2175.5C1401.25 2166.98 1419.72 2146.08 1437.94 2111.6L1729.16 1560.55C1748.14 1524.63 1765.38 1469.96 1781.29 1401.03C1797.19 1332.11 1811.76 1248.97 1825.4 1156.12Z' stroke='%23111111' /%3E%3Cpath d='M1825.4 1271.7C1852.69 1067.45 1876.27 820.555 1899.5 570.837L1899.5 1.26692L0.49979 1.26709L0.499834 497.073L364.109 1749.52C379.929 1804.01 396.305 1846.58 413.015 1877.63C429.733 1908.69 446.75 1928.16 463.817 1936.55C472.339 1940.73 480.874 1942.16 489.408 1940.89C497.947 1939.62 506.518 1935.65 515.095 1928.99C532.26 1915.67 549.389 1891.62 566.246 1857.17C636.139 1714.35 699.155 1613.69 757.581 1554.78C786.797 1525.33 814.892 1506.28 842.154 1497.65C869.432 1489.01 895.85 1490.8 921.666 1502.97C947.468 1515.13 972.644 1537.63 997.489 1570.38C1022.34 1603.13 1046.87 1646.15 1071.38 1699.37C1120.4 1805.8 1169.35 1953.09 1220.52 2140.78C1237.44 2202.86 1254.98 2254.74 1272.91 2295.29C1290.85 2335.84 1309.15 2364.99 1327.58 2381.65C1336.78 2389.97 1346 2395.15 1355.19 2397.09C1364.38 2399.03 1373.58 2397.74 1382.78 2393.06C1401.23 2383.69 1419.7 2360.69 1437.93 2322.75L1729.15 1716.6C1748.13 1677.08 1765.37 1616.94 1781.28 1541.11C1797.19 1465.29 1811.76 1373.83 1825.4 1271.7Z' stroke='%23111111' /%3E%3Cpath d='M1899.5 627.081L1899.5 0.499834L0.499769 0.5L0.499817 545.949L364.113 1923.65C379.934 1983.59 396.311 2030.43 413.024 2064.59C429.746 2098.77 446.767 2120.18 463.834 2129.41C472.353 2134.01 480.879 2135.58 489.401 2134.19C497.931 2132.79 506.498 2128.43 515.076 2121.1C532.245 2106.44 549.379 2079.98 566.239 2042.08C636.13 1884.99 699.143 1774.26 757.565 1709.47C786.777 1677.07 814.872 1656.12 842.141 1646.62C869.43 1637.12 895.86 1639.09 921.683 1652.47C947.487 1665.85 972.661 1690.6 997.502 1726.62C1022.35 1762.64 1046.88 1809.96 1071.39 1868.49C1120.41 1985.57 1169.36 2147.58 1220.52 2354.04C1237.45 2422.32 1254.99 2479.4 1272.92 2524C1290.86 2568.62 1309.17 2600.69 1327.59 2619.02C1336.8 2628.18 1346.02 2633.87 1355.2 2636C1364.37 2638.13 1373.56 2636.72 1382.77 2631.58C1401.21 2621.26 1419.69 2595.96 1437.92 2554.22L1729.14 1887.45C1748.13 1843.97 1765.37 1777.8 1781.28 1694.39C1797.19 1610.99 1811.76 1510.38 1825.4 1398.04C1852.69 1173.36 1876.27 901.771 1899.5 627.081Z' stroke='%23111111' /%3E%3Cpath d='M1899.5 689.586L1899.5 0.293779L0.499746 0.293945L0.499799 600.351L364.115 2115.83C379.937 2181.78 396.316 2233.3 413.031 2270.88C429.757 2308.49 446.784 2332.05 463.852 2342.2C472.368 2347.26 480.884 2348.98 489.393 2347.45C497.913 2345.92 506.477 2341.12 515.059 2333.06C532.233 2316.93 549.37 2287.82 566.232 2246.12C636.122 2073.32 699.132 1951.53 757.549 1880.26C786.758 1844.63 814.853 1821.58 842.126 1811.13C869.427 1800.67 895.871 1802.84 921.701 1817.57C947.506 1832.28 972.677 1859.51 997.514 1899.12C1022.36 1938.74 1046.89 1990.78 1071.39 2055.17C1120.41 2183.95 1169.36 2362.16 1220.53 2589.26C1237.45 2664.38 1254.99 2727.17 1272.93 2776.23C1290.86 2825.31 1309.18 2860.61 1327.61 2880.77C1336.82 2890.85 1346.04 2897.11 1355.21 2899.45C1364.37 2901.79 1373.55 2900.24 1382.75 2894.58C1391.96 2888.92 1401.2 2879.13 1410.41 2864.99C1419.63 2850.86 1428.81 2832.42 1437.92 2809.47L1729.13 2076.03C1767.13 1980.33 1798.11 1784.83 1825.4 1537.65C1852.68 1290.5 1876.27 991.747 1899.5 689.586Z' stroke='%23111111' /%3E%3Cpath d='M1899.5 758.446L1899.5 0.169023L0.499721 0.169189L0.499779 660.294L364.118 2327.34C379.94 2399.88 396.32 2456.56 413.038 2497.9C429.767 2539.28 446.799 2565.21 463.87 2576.37C472.384 2581.94 480.89 2583.83 489.385 2582.15C497.894 2580.46 506.457 2575.19 515.042 2566.32C532.221 2548.57 549.362 2516.53 566.226 2470.67C636.116 2280.58 699.123 2146.62 757.535 2068.23C786.74 2029.04 814.833 2003.69 842.111 1992.19C869.425 1980.68 895.884 1983.08 921.719 1999.28C947.524 2015.46 972.691 2045.41 997.525 2088.98C1022.36 2132.56 1046.89 2189.8 1071.4 2260.62C1120.41 2402.27 1169.36 2598.3 1220.53 2848.1C1237.45 2930.74 1255 2999.81 1272.93 3053.79C1290.87 3107.78 1309.19 3146.61 1327.62 3168.8C1336.84 3179.89 1346.06 3186.77 1355.22 3189.35C1364.37 3191.92 1373.53 3190.22 1382.73 3183.99C1391.94 3177.76 1401.18 3166.99 1410.4 3151.44C1419.62 3135.89 1428.8 3115.59 1437.91 3090.35L1729.13 2283.56C1767.13 2178.28 1798.11 1963.22 1825.4 1691.32C1852.68 1419.45 1876.27 1090.82 1899.5 758.446Z' stroke='%23111111' /%3E%3Cpath d='M1899.5 834.194L1899.5 0.0369433L0.499693 0.0371093L0.499757 726.234L364.12 2559.99C379.942 2639.79 396.323 2702.14 413.044 2747.63C421.404 2770.37 429.845 2788.89 438.337 2803.26C446.832 2817.63 455.362 2827.83 463.888 2833.96C472.402 2840.09 480.897 2842.16 489.375 2840.31C497.875 2838.46 506.436 2832.67 515.026 2822.9C532.211 2803.37 549.356 2768.12 566.221 2717.67C636.11 2508.58 699.114 2361.22 757.522 2275.01C786.723 2231.9 814.814 2204.02 842.095 2191.37C869.422 2178.7 895.897 2181.34 921.737 2199.16C947.54 2216.96 972.704 2249.9 997.534 2297.82C1022.37 2345.75 1046.9 2408.71 1071.4 2486.61C1120.42 2642.42 1169.37 2858.05 1220.53 3132.83C1237.45 3223.73 1255 3299.72 1272.94 3359.1C1290.88 3418.49 1309.19 3461.21 1327.64 3485.63C1336.86 3497.83 1346.08 3505.4 1355.24 3508.23C1364.36 3511.05 1373.51 3509.19 1382.71 3502.35C1391.93 3495.49 1401.17 3483.64 1410.39 3466.53C1419.61 3449.42 1428.79 3427.09 1437.91 3399.31L1729.12 2511.85C1767.13 2396.03 1798.11 2159.45 1825.4 1860.37C1852.68 1561.31 1876.27 1199.81 1899.5 834.194Z' stroke='%23111111' /%3E%3Cpath d='M1899.5 918.619L1899.5 0.99373L0.499662 0.993896L0.499732 799.869L364.121 2817.01C379.944 2904.79 396.326 2973.38 413.049 3023.42C421.41 3048.44 429.852 3068.82 438.347 3084.63C446.845 3100.45 455.378 3111.67 463.907 3118.42C472.421 3125.15 480.905 3127.42 489.365 3125.4C497.854 3123.36 506.416 3116.99 515.011 3106.25C532.202 3084.75 549.35 3045.97 566.217 2990.46C636.105 2760.47 699.107 2598.39 757.51 2503.55C786.707 2456.14 814.795 2425.47 842.078 2411.56C855.73 2404.6 869.189 2401.83 882.479 2403.26C895.766 2404.7 908.848 2410.34 921.755 2420.13C947.556 2439.71 972.715 2475.94 997.543 2528.64C1022.38 2581.36 1046.9 2650.61 1071.41 2736.3C1120.42 2907.68 1169.37 3144.87 1220.53 3447.14C1237.45 3547.12 1255 3630.71 1272.94 3696.03C1290.88 3761.37 1309.2 3808.38 1327.65 3835.24C1336.88 3848.67 1346.1 3857 1355.25 3860.11C1364.36 3863.2 1373.5 3861.17 1382.69 3853.64C1391.91 3846.09 1401.16 3833.05 1410.38 3814.22C1419.6 3795.4 1428.79 3770.83 1437.9 3740.27L1729.12 2764.06C1767.12 2636.65 1798.11 2376.41 1825.4 2047.41C1852.68 1718.44 1876.27 1320.8 1899.5 918.619Z' stroke='%23111111' /%3E%3Crect width='1900' height='983' fill='url(%23paint0_linear_115_7949)' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_115_7949' x1='950' y1='0' x2='950' y2='983' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.96' /%3E%3Cstop offset='0.5' stop-color='white' stop-opacity='0.96' /%3E%3Cstop offset='1' stop-color='%23F1F1F1' stop-opacity='0.98' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  --usefull-card: url("data:image/svg+xml,%3Csvg width='298' height='332' viewBox='0 0 298 332' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 296.137C0 306.741 8.27611 315.501 18.8629 316.104L276.863 330.796C288.337 331.45 298 322.321 298 310.829V196H0V296.137Z' fill='white' /%3E%3Crect y='48.6353' width='298' height='176' fill='white' /%3E%3Cpath d='M0 89H298V28.3989C298 17.5881 289.409 8.73413 278.603 8.40801L20.6033 0.621788C9.32637 0.281464 0 9.3306 0 20.6127V89Z' fill='white' /%3E%3C/svg%3E");
  --first-filter-checkbox: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='11' height='1' rx='0.5' stroke='white'/%3E%3C/svg%3E%0A");
  --filters-checkbox-active: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.83301L5 9.16634L11 0.833008' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --filters-checkbox-hover: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.83301L5 9.16634L11 0.833008' stroke='%232F2F2F' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --breadcrumbs-arrow: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M2.648 14.84L0.96 14.176L6.712 0.119999L8.4 0.783999L2.648 14.84Z' fill='%232F2F2F'/%3E%3C/svg%3E%0A");
  --feedbacks-bg: url("data:image/svg+xml,%3Csvg width='3005' height='492' viewBox='0 0 3005 492' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2376.38 105.314C2269.36 77.8151 2156.1 88.4856 2056.1 135.49H2056.1L1624.7 338.269C1612.4 344.05 1599.94 349.327 1587.34 354.101C1467.2 399.62 1334.67 399.403 1214.99 353.95C1196.1 346.776 1177.53 338.475 1159.38 329.049L993.774 243.034C993.463 242.873 993.152 242.711 992.841 242.551C900.517 194.859 796.302 179.302 696.107 196.136C664.804 204.116 635.051 212.178 606.402 220.435C593.962 225.154 581.669 230.415 569.559 236.219L0 491.861V89.5683L610.938 5.29101C726.193 -11.1958 843.66 11.0976 944.861 68.6647L991.821 95.3772C992.065 95.5154 992.309 95.6538 992.552 95.7924L1196.94 212.058C1320.66 282.432 1469.41 293.62 1602.26 242.543L1602.26 242.543L2050.21 70.3175C2152.07 31.1578 2263.59 24.7083 2369.28 51.8661L3004.54 215.103L3004.54 215.103L2992.09 263.53L2376.38 105.314H2376.38Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
}

.main-button {
  padding: clamp(15px, 1.389vw, 20px) 0;
  background-color: rgba(var(--bg-a), 1);
  border: 1px solid rgba(var(--cl-f), 1);
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-second);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(var(--cl-f), 1);
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-button:hover {
  color: rgba(var(--bg-a), 1);
  background-color: rgba(var(--bg-f), 1);
}
.main-button--green {
  padding: clamp(15px, 1.736vw, 25px) 0;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 167%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-a), 1);
  background: -webkit-gradient(linear, left top, left bottom, from(#0d7768), to(#006758));
  background: linear-gradient(180deg, #0d7768 0%, #006758 100%);
  padding: 13px 24px;
  border-color: transparent;
  position: relative;
  z-index: 1;
}
.main-button--green::before {
  content: "";
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  position: absolute;
  background-color: rgba(var(--bg-a), 1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
}
.main-button--green:hover {
  color: rgba(var(--cl-d), 1);
}
.main-button--green:hover::before {
  opacity: 1;
  visibility: visible;
}

.details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.details li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  color: rgba(var(--cl-c), 0.6);
}
.details li p {
  font-size: 14px;
  line-height: 129%;
  color: rgba(var(--cl-c), 0.6);
}
.details li:first-child svg {
  fill: currentColor;
  stroke: transparent;
}
.details li svg {
  stroke: currentColor;
}
.details li.author svg {
  fill: transparent;
  stroke: currentColor;
}
.details li.readtime svg {
  fill: transparent;
  stroke: currentColor;
}
.details li.pubtime svg {
  fill: currentColor;
  stroke: transparent;
}

.articles {
  width: 100%;
}
.articles__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 3.125vw, 32px);
  overflow: hidden;
  padding: 16px;
  margin: -16px;
}
@media (max-width: 1024px) {
  .articles__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .articles__items {
    grid-template-columns: 100%;
  }
}
.articles__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: 16px;
  padding: 16px;
  margin: -16px;
  border: 1px solid rgba(var(--br-a), 0);
  background-color: rgba(var(--bg-a), 0);
  -webkit-transition: all 100ms ease-in-out 100ms;
  transition: all 100ms ease-in-out 100ms;
  border-radius: 24px;
}
.articles__item:hover {
  border-radius: 24px;
  border: 1px solid rgba(var(--br-a), 1);
  background-color: rgba(var(--bg-a), 1);
}
.articles__item:hover .articles__title {
  color: rgba(var(--cl-d), 1);
}
.articles__item:hover .articles__image picture,
.articles__item:hover .articles__image img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.articles__top {
  position: relative;
}
.articles__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 16px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.articles__image picture,
.articles__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.articles__tags {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}
.articles__tags a {
  padding: 2px 6px 4px 6px;
  background: rgba(var(--bg-b), 0.4);
  border-radius: 4px;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 114%;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-a), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.articles__tags a:hover, .articles__tags a:active {
  background: rgba(var(--bg-b), 1);
}
.articles__info {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.articles__title {
  font-family: var(--font-primary);
  font-size: clamp(20px, 1.667vw, 24px);
  line-height: 133%;
  font-weight: 700;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.articles__more {
  margin: clamp(24px, 5.469vw, 56px) auto 0;
  padding: 14px 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
  background: rgba(var(--bg-a), 1);
  border: 2px solid rgba(var(--cl-d), 1);
  border-radius: 100px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.articles__more svg {
  stroke: currentColor;
}
.articles__more:hover {
  padding: 14px 66px;
}
.articles__more:active {
  background-color: rgba(var(--bg-g), 1);
}

.quiz {
  position: relative;
  z-index: 2;
}
.quiz__top-frame {
  height: 32px;
  clip-path: polygon(0% 100%, 100% 100%, 100% 64.92%, 100% 64.92%, 99.952% 57.655%, 99.813% 50.755%, 99.591% 44.311%, 99.292% 38.415%, 98.925% 33.156%, 98.497% 28.626%, 98.014% 24.917%, 97.485% 22.119%, 96.917% 20.324%, 96.318% 19.622%, 3.808% 0.776%, 3.808% 0.776%, 3.193% 1.257%, 2.609% 2.892%, 2.063% 5.587%, 1.564% 9.245%, 1.119% 13.77%, 0.738% 19.068%, 0.427% 25.043%, 0.195% 31.6%, 0.05% 38.642%, 0% 46.074%, 0% 100%);
  background-color: white;
}
.quiz__bottom-frame {
  height: 32px;
  clip-path: polygon(0% 33.098%, 0% 33.098%, 0.047% 39.048%, 0.183% 44.706%, 0.401% 49.997%, 0.694% 54.848%, 1.055% 59.184%, 1.477% 62.932%, 1.952% 66.019%, 2.473% 68.37%, 3.034% 69.912%, 3.626% 70.571%, 96.136% 100%, 96.136% 100%, 96.758% 99.686%, 97.349% 98.394%, 97.903% 96.204%, 98.409% 93.198%, 98.861% 89.455%, 99.249% 85.058%, 99.565% 80.085%, 99.801% 74.619%, 99.949% 68.739%, 100% 62.527%, 100% 1.21%, 0% 1.21%, 0% 33.098%);
  background-color: white;
}
.quiz__content {
  margin: -2px 0;
  padding: 4px 0;
  position: relative;
  display: grid;
  grid-template-columns: 1fr clamp(200px, 15.139vw, 218px);
  background-color: white;
}
@media (max-width: 767px) {
  .quiz__content {
    grid-template-columns: 100%;
  }
}
.quiz__info {
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.quiz__duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: -0.02em;
}
.quiz__title {
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 133%;
  font-weight: 700;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.quiz__btn {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px 12px 20px;
  background: linear-gradient(315deg, #0a8bd3 0%, #2ab2ff 100%);
  border-radius: 100px;
}
.quiz__btn span {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-a), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.quiz__btn span svg {
  stroke: rgba(var(--cl-a), 1);
}
.quiz__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(315deg, #1ba0eb 0%, #2ab2ff 100%);
  border-radius: 100px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}
.quiz__btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(315deg, rgba(27, 160, 235, 0.8) 0%, rgba(42, 178, 255, 0.8) 100%);
  border-radius: 100px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}
.quiz__picture {
  position: relative;
}
@media (max-width: 767px) {
  .quiz__picture {
    position: absolute;
    right: 0;
    top: -10%;
    width: clamp(155px, 28.646vw, 220px);
    height: 155px;
  }
}
.quiz__image {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: clamp(280px, 21.597vw, 311px);
  height: clamp(280px, 21.597vw, 311px);
  z-index: 2;
  left: -50px;
  top: -100px;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media (max-width: 767px) {
  .quiz__image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: initial;
    top: -85px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.quiz:hover .quiz__title {
  color: rgba(var(--cl-e), 1);
}
.quiz:hover .quiz__image {
  -webkit-transform: rotate(-7.5deg);
  -ms-transform: rotate(-7.5deg);
  transform: rotate(-7.5deg);
}
.quiz:hover .quiz__btn::before {
  opacity: 1;
  z-index: 0;
}
.quiz:active .quiz__title {
  color: #0876b4;
}
.quiz:active .quiz__btn::after {
  opacity: 1;
  z-index: 1;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 12px;
}
.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: clamp(5px, 0.868vw, 10px);
}
.pagination__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 2px solid transparent;
  border-radius: 100px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.pagination__list-link:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: rgba(var(--cl-d), 1);
  border: 2px solid rgba(var(--bg-d), 1);
  background-color: #EFE7DD;
}
.pagination__list-link.active, .pagination__list-link:active {
  color: rgba(var(--cl-d), 1);
  border: 2px solid rgba(var(--bg-d), 1);
}
.pagination__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: rgba(var(--cl-d), 1);
  border: 2px solid rgba(var(--bg-d), 1);
  border-radius: 100px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.pagination__nav svg {
  stroke: currentColor;
}
.pagination__nav--prev {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}
.pagination__nav.inactive {
  border: 2px solid var(--br-c);
  color: var(--br-c);
  opacity: 0.5;
  pointer-events: none;
}
.pagination__nav:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  background-color: #EFE7DD;
}
.pagination__nav.active, .pagination__nav:active {
  color: rgba(var(--cl-d), 1);
  background-color: #EFE7DD;
}

.feedback {
  margin-left: -55px;
  position: relative;
  padding: clamp(32px, 2.674vw, 38.5px) clamp(34px, 4.306vw, 62px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  clip-path: polygon(11.596% 7.149%, 11.596% 7.149%, 11.629% 6.572%, 11.71% 6.026%, 11.833% 5.519%, 11.995% 5.058%, 12.193% 4.649%, 12.421% 4.301%, 12.677% 4.02%, 12.956% 3.812%, 13.253% 3.686%, 13.566% 3.649%, 96.545% 5.966%, 96.545% 5.966%, 96.85% 6.019%, 97.138% 6.154%, 97.408% 6.367%, 97.655% 6.649%, 97.876% 6.995%, 98.067% 7.397%, 98.224% 7.849%, 98.344% 8.345%, 98.422% 8.877%, 98.457% 9.439%, 100% 93.503%, 100% 93.503%, 99.985% 94.094%, 99.92% 94.657%, 99.809% 95.184%, 99.657% 95.668%, 99.467% 96.101%, 99.244% 96.474%, 98.991% 96.781%, 98.712% 97.012%, 98.411% 97.161%, 98.093% 97.219%, 12.302% 100%, 12.302% 100%, 11.977% 99.961%, 11.669% 99.826%, 11.382% 99.606%, 11.121% 99.306%, 10.889% 98.936%, 10.691% 98.504%, 10.532% 98.017%, 10.415% 97.484%, 10.345% 96.912%, 10.327% 96.31%, 11.596% 7.149%);
  background-color: white;
}
.feedback__info {
  padding-left: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .feedback__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
  }
}
.feedback__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clip-path: polygon(5.956% 15.076%, 5.956% 15.076%, 6.275% 12.823%, 6.889% 10.698%, 7.774% 8.726%, 8.907% 6.93%, 10.262% 5.338%, 11.815% 3.972%, 13.542% 2.859%, 15.418% 2.022%, 17.419% 1.488%, 19.519% 1.28%, 82.125% 0.223%, 82.125% 0.223%, 84.302% 0.37%, 86.379% 0.869%, 88.329% 1.692%, 90.124% 2.813%, 91.738% 4.203%, 93.143% 5.837%, 94.312% 7.686%, 95.218% 9.724%, 95.835% 11.923%, 96.135% 14.257%, 100% 84.185%, 100% 84.185%, 99.944% 86.712%, 99.511% 89.124%, 98.733% 91.384%, 97.641% 93.457%, 96.264% 95.309%, 94.635% 96.903%, 92.784% 98.205%, 90.741% 99.179%, 88.538% 99.789%, 86.206% 100%, 14.905% 100%, 14.905% 100%, 12.548% 99.784%, 10.325% 99.162%, 8.267% 98.17%, 6.405% 96.844%, 4.771% 95.222%, 3.397% 93.34%, 2.314% 91.235%, 1.553% 88.943%, 1.147% 86.502%, 1.126% 83.947%, 5.956% 15.076%);
}
.feedback__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.feedback__author span {
  font-family: var(--font-primary);
  font-size: clamp(16px, 2.344vw, 18px);
  line-height: 133%;
  font-weight: 700;
  color: rgba(var(--cl-d), 1);
}
.feedback__author p {
  font-family: var(--font-primary);
  font-size: clamp(16px, 2.344vw, 18px);
  line-height: 133%;
  font-weight: 400;
}
.feedback__text {
  padding-left: 55px;
  font-size: clamp(16px, 2.344vw, 18px);
  line-height: 167%;
  font-weight: 300;
  font-style: italic;
  letter-spacing: -0.02em;
}
.feedback__link {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(5px, 1.302vw, 10px);
  font-size: 16px;
  font-size: clamp(13px, 2.083vw, 16px);
  line-height: 150%;
  font-weight: 500;
  color: rgba(var(--cl-d), 1);
  letter-spacing: -0.02em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.feedback__link svg {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  stroke: currentColor;
}
.feedback__link:hover {
  color: rgba(var(--cl-g), 1);
}
.feedback__link:hover svg {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.feedback__link:active {
  color: rgba(var(--cl-d), 1);
}
.feedback__link:active svg {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
@media (max-width: 1024px) {
  .feedback {
    margin-left: -40px;
  }
  .feedback__info, .feedback__text {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .feedback {
    margin-left: -30px;
  }
  .feedback__info, .feedback__text {
    padding-left: 30px;
  }
}

.explore {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.explore__heading {
  font-size: 14px;
  line-height: 129%;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.explore__link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  word-break: break-all;
  font-size: clamp(15px, 4vw, 16px);
}
.explore__link.personal {
  color: rgba(var(--cl-d), 1);
}
.explore__link.corporate {
  color: rgba(var(--cl-e), 1);
}
.explore__link svg:first-child {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  fill: currentColor;
}
.explore__link svg:last-child {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  stroke: currentColor;
}
.explore__link:hover svg:last-child {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

.apps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
.apps__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.language__heading {
  display: none;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
  .language__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.language .select {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  border: none;
  background: transparent;
}
.language .select__header {
  padding: 10px 12px;
  gap: 0;
}
.language .select__header > svg {
  width: 20px;
}

.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 4px;
}
@media (min-width: 1240px) {
  .search {
    width: min(30.9091vw, 408px);
  }
}
@media (max-width: 1240px) {
  .search {
    width: 100%;
  }
}
.search__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: -0.02em;
}
.search__input {
  height: 52px;
  background: rgba(var(--bg-c), 0.04);
  border: 1px solid rgba(47, 47, 47, 0.24);
  border-radius: 8px;
  padding: 16px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 17px;
  line-height: 118%;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search__input::-webkit-input-placeholder {
  font-family: var(--second-family);
  font-weight: 300;
  font-size: 17px;
  line-height: 118%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 0.75);
}
.search__input::-moz-placeholder {
  font-family: var(--second-family);
  font-weight: 300;
  font-size: 17px;
  line-height: 118%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 0.75);
}
.search__input:-ms-input-placeholder {
  font-family: var(--second-family);
  font-weight: 300;
  font-size: 17px;
  line-height: 118%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 0.75);
}
.search__input::-ms-input-placeholder {
  font-family: var(--second-family);
  font-weight: 300;
  font-size: 17px;
  line-height: 118%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 0.75);
}
.search__input::placeholder {
  font-family: var(--second-family);
  font-weight: 300;
  font-size: 17px;
  line-height: 118%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 0.75);
}
.search__input:hover {
  background: rgba(var(--bg-c), 0.08);
}
.search__input:focus {
  background: rgba(var(--bg-c), 0.12);
  border: 1px solid rgba(47, 47, 47, 0.8);
}

.categories {
  position: relative;
  width: 100%;
}
.categories__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
  width: 100%;
  color: rgba(var(--cl-c), 1);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  height: 52px;
  border: 1px solid rgba(47, 47, 47, 0.24);
  border-radius: 8px;
  background: rgba(var(--bg-c), 0.04);
  cursor: pointer;
}
.categories__head span {
  pointer-events: none;
  font-family: var(--font-second);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
.categories__head svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.4s linear;
  transition: -webkit-transform 0.4s linear;
  transition: transform 0.4s linear;
  transition: transform 0.4s linear, -webkit-transform 0.4s linear;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  aspect-ratio: 1;
}
.categories__head:hover {
  background: rgba(var(--bg-c), 0.08);
}
.categories__head.active {
  background: rgba(47, 47, 47, 0.12);
  border: 1px solid rgba(47, 47, 47, 0.8);
}
.categories__head.active svg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.categories__body {
  position: absolute;
  margin-top: 5px;
  top: 100%;
  width: 100%;
  left: 0;
  background-color: rgba(var(--cl-a), 1);
  border: 1px solid rgba(var(--br-a), 1);
  border-radius: 4px;
  -webkit-box-shadow: 0 24px 48px 0 rgba(50, 50, 71, 0.06), 0 12px 24px 0 rgba(50, 50, 71, 0.04);
  box-shadow: 0 24px 48px 0 rgba(50, 50, 71, 0.06), 0 12px 24px 0 rgba(50, 50, 71, 0.04);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.categories__body.active {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}
@media screen and (max-width: 576px) {
  .categories__body {
    margin-top: 0;
  }
}
.categories__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.categories__options::-webkit-scrollbar {
  width: 8px; /* ширина всей полосы прокрутки */
}
.categories__options::-webkit-scrollbar-track {
  background-color: rgba(var(--bg-a), 1); /* цвет зоны отслеживания */
}
.categories__options::-webkit-scrollbar-thumb {
  background-color: rgba(var(--bg-d), 1); /* цвет бегунка */
  border-radius: 20px; /* округлось бегунка */
  border: 3px solid transparent; /* отступ вокруг бегунка */
}
.categories__option {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.categories__option:first-child .categories__checkbox-inner::after {
  background-image: var(--first-filter-checkbox);
}
.categories__option:hover {
  background-color: rgba(var(--bg-c), 0.04);
}
.categories__option:hover .categories__checkbox-inner::before {
  border: 1px solid rgba(var(--cl-c), 1);
}
.categories__option:hover .categories__checkbox-inner::after {
  background-image: var(--filters-checkbox-hover);
  background-color: transparent;
  opacity: 1;
  visibility: visible;
}
.categories__option:active {
  background-color: rgba(var(--bg-c), 0.08);
}
.categories__checkbox {
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  visibility: hidden;
}
.categories__checkbox:checked ~ .categories__checkbox-inner::after {
  opacity: 1;
  visibility: visible;
}
.categories__checkbox-inner {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  cursor: pointer;
}
.categories__checkbox-inner::before {
  content: "";
  position: absolute;
  right: 12px;
  width: 20px;
  height: 20px;
  background-color: gba(var(--bg-a), 1);
  border: 1px solid rgba(var(--br-a), 1);
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.categories__checkbox-inner::after {
  content: "";
  position: absolute;
  background-image: var(--filters-checkbox-active);
  background-position: center;
  background-repeat: no-repeat;
  right: 12px;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(var(--bg-d), 1);
  border: 1px solid rgba(var(--bg-d), 1);
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.categories__checkbox-name {
  padding-right: 30px;
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 125%;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
.categories__result {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 20px;
}
.categories__choosed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 12px;
}
.categories__choosed:empty {
  display: none;
}
.categories__choose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  padding: 8px 16px;
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-stroke);
  border-radius: 32px;
}
.categories__choose-name {
  font-size: 16px;
  line-height: 100%;
  color: var(--color-black);
}
.categories__choose-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.categories__choose-delete:hover {
  color: var(--color-black);
}

.main-form {
  padding: 32px;
  background: rgba(var(--bg-a), 1);
  border: 1px solid rgba(var(--bg-c), 0.24);
  border-radius: 32px;
}
@media (max-width: 576px) {
  .main-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.main-form__title {
  margin-bottom: 16px;
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 133%;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
}
.main-form__labels {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}
@media (max-width: 767px) {
  .main-form__labels {
    grid-template-columns: 100%;
  }
}
.main-form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.main-form label p {
  font-size: 14px;
  line-height: 129%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
.main-form label input {
  width: 100%;
  padding: 15px;
  border: 1px solid rgba(var(--bg-c), 0.24);
  background: rgba(var(--bg-c), 0.04);
  border-radius: 8px;
  font-family: var(--font-second);
  font-size: 17px;
  line-height: 118%;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-form label input::-webkit-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label input::-moz-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label input:-ms-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label input::-ms-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label input::placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label input:focus, .main-form label input:valid {
  background-color: rgba(var(--bg-a), 1);
}
.main-form label textarea {
  width: 100%;
  padding: 15px;
  border: 1px solid rgba(var(--bg-c), 0.24);
  background: rgba(var(--bg-c), 0.04);
  border-radius: 8px;
  font-family: var(--font-second);
  font-size: 17px;
  line-height: 118%;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
  min-height: 128px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-form label textarea::-webkit-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label textarea::-moz-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label textarea:-ms-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label textarea::-ms-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label textarea::placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.main-form label textarea:focus, .main-form label textarea:valid {
  background-color: rgba(var(--bg-a), 1);
}
.main-form label select {
  position: relative;
  padding: 15px;
  border: 1px solid rgba(var(--bg-c), 0.24);
  background: rgba(var(--bg-c), 0.04);
  border-radius: 8px;
  font-family: var(--font-second);
  font-size: 17px;
  line-height: 118%;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.main-form label select:focus ~ .arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.main-form label.topics {
  position: relative;
}
.main-form label.topics .arrow {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 16px;
  bottom: 16px;
  pointer-events: none;
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 10;
}
.main-form label.topics, .main-form label.message {
  grid-column: span 2;
}
@media (max-width: 767px) {
  .main-form label.topics, .main-form label.message {
    grid-column: 1/-1;
  }
}
.main-form button {
  height: 48px;
  margin-top: 16px;
  margin-left: auto;
  position: relative;
  padding: 14px 16px;
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  letter-spacing: -0.02em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e594aa), to(#c069d8)), -webkit-gradient(linear, left top, left bottom, color-stop(0, #5caced), to(#2f50b0));
  background: linear-gradient(180deg, #e594aa 0, #c069d8 100%), linear-gradient(180deg, #5caced 0, #2f50b0 100%);
  border-radius: 100px;
  color: rgba(var(--cl-a), 1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main-form button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #dd8bb4;
  opacity: 0;
  border-radius: 100px;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.main-form button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #c56fd3;
  opacity: 0;
  border-radius: 100px;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.main-form button:hover::before {
  opacity: 1;
}
.main-form button:active::before {
  opacity: 0;
}
.main-form button:active::after {
  opacity: 1;
}
.main-form button svg {
  stroke: currentColor;
}
.main-form:invalid button {
  padding: 13px 15px;
  border: 2px solid rgba(17, 17, 17, 0.25);
  cursor: not-allowed;
  background: #fff;
  color: #111;
  opacity: 0.5;
}
.main-form:invalid button svg {
  stroke: currentColor;
}
.main-form:invalid button:hover::before {
  opacity: 0;
}
.main-form:invalid button:active::after {
  opacity: 0;
}

.main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-nav__link {
  padding: clamp(5px, 0.806vw, 10px) clamp(5px, 0.968vw, 12px);
  line-height: 125%;
  border-radius: 40px;
  background: transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main-nav__link:hover {
  background: rgba(var(--bg-c), 0.04);
}
.main-nav__link:active {
  background: rgba(var(--bg-c), 0.08);
}
@media (max-width: 1024px) {
  .main-nav {
    display: none;
  }
}

header {
  padding-top: 16px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 80;
}
@media (max-width: 1024px) {
  header {
    padding-top: 0;
  }
  header .container {
    padding: 0;
  }
}

.header {
  position: relative;
  z-index: 30;
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: clamp(10px, 1.29vw, 16px);
  padding: 12px;
  background-color: rgba(var(--bg-a), 1);
  border-radius: 72px;
  -webkit-box-shadow: 0 32px 64px 0 rgba(50, 50, 71, 0.04), 0 16px 32px 0 rgba(50, 50, 71, 0.04);
  box-shadow: 0 32px 64px 0 rgba(50, 50, 71, 0.04), 0 16px 32px 0 rgba(50, 50, 71, 0.04);
}
@media (max-width: 1024px) {
  .header {
    border-radius: 0;
    gap: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    padding: 0;
    padding-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .header::before {
    content: "";
    position: absolute;
    clip-path: polygon(35.135% 36.307%, 35.135% 36.307%, 35.418% 31.619%, 36.233% 27.223%, 37.527% 23.186%, 39.248% 19.572%, 41.345% 16.448%, 43.765% 13.878%, 46.457% 11.93%, 49.367% 10.667%, 52.444% 10.157%, 55.637% 10.463%, 94.355% 19.297%, 94.355% 19.297%, 95.303% 19.618%, 96.19% 20.125%, 97.007% 20.803%, 97.746% 21.636%, 98.396% 22.607%, 98.949% 23.701%, 99.395% 24.902%, 99.725% 26.194%, 99.93% 27.562%, 100% 28.988%, 100% 100%, 35.135% 100%, 35.135% 36.307%);
    width: 160%;
    height: 160%;
    background-color: white;
    left: 0;
    -webkit-transform: rotate(228deg);
    -ms-transform: rotate(228deg);
    transform: rotate(228deg);
  }
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__logo svg {
  width: clamp(155px, 15.806vw, 196px);
}
@media (min-width: 1024px) {
  .header__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1024px) {
  .header__logo {
    display: none;
  }
}
.header__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 1024px) {
  .header__btns {
    justify-self: end;
  }
}
@media (max-width: 1024px) {
  .header__btns {
    display: none;
  }
}
.header__boarded {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border: 2px solid rgba(var(--cl-f), 1);
  background: transparent;
  border-radius: 100px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  color: rgba(var(--cl-f), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header__boarded svg {
  stroke: currentColor;
}
.header__boarded:hover {
  background: #f5f5f5;
}
.header__boarded:active {
  background: #ebebeb;
}
.header__blue {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: linear-gradient(315deg, #0a8bd3 0%, #2ab2ff 100%);
  border-radius: 100px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  color: rgba(var(--cl-a), 1);
}
.header__blue span {
  position: relative;
  z-index: 5;
}
.header__blue::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(315deg, #0a8bd3 0%, #0a8bd3 100%);
  border-radius: 100px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}
.header__blue::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(315deg, #0081c9 0%, #0081c9 100%);
  border-radius: 100px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}
.header__blue:hover::before {
  opacity: 1;
  z-index: 0;
}
.header__blue:active::after {
  opacity: 1;
  z-index: 1;
}

footer {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), to(#f1f1f1));
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #f1f1f1 100%);
  margin-top: clamp(-50px, -5.208vw, -100px);
  padding-top: clamp(120px, 19.479vw, 374px);
  overflow: hidden;
}
footer::before {
  content: "";
  position: absolute;
  top: -10px;
  background-image: var(--footer-frame);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 1;
}
footer::after {
  content: "";
  position: absolute;
  bottom: -1px;
  background-image: var(--footer-lines-frame);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
@media (max-width: 1240px) {
  footer::after {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  footer {
    padding-top: initial;
    margin-top: initial;
  }
  footer::before {
    background-image: var(--footer-top-mob-frame);
    top: -150px;
    height: 324px;
    width: 100%;
    background-size: cover;
  }
}
footer .container {
  z-index: 3;
}

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: clamp(32px, 3.229vw, 62px);
  position: relative;
}
@media (max-width: 1024px) {
  .footer {
    padding-top: 120px;
  }
}
.footer__top {
  padding-left: clamp(20px, 3.698vw, 71px);
}
@media (max-width: 1024px) {
  .footer__top {
    padding-left: 0;
  }
}
.footer__box {
  display: grid;
  grid-template-columns: clamp(340px, 20.833vw, 400px) 1fr;
  grid-gap: 32px;
}
@media (max-width: 820px) {
  .footer__box {
    grid-template-columns: 100%;
  }
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.footer__text {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 160%;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.footer__navs {
  display: grid;
  grid-template-columns: repeat(2, clamp(240px, 15.469vw, 297px));
  grid-gap: 32px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 820px) {
  .footer__navs {
    grid-template-columns: 100%;
    grid-gap: 64px;
  }
}
.footer__navs li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.footer__navs li span {
  font-size: 14px;
  line-height: 129%;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: rgba(var(--cl-c), 0.75);
}
.footer__navs li .main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer__navs li .main-nav a {
  padding: 0;
  font-size: 17px;
  line-height: 118%;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.footer__navs li .main-nav a:hover {
  background-color: transparent;
  color: rgba(var(--cl-d), 1);
}
.footer__navs li .main-nav a:active {
  background-color: transparent;
  color: rgba(var(--cl-g), 0.75);
}
.footer__lang {
  margin-top: clamp(32px, 5.469vw, 105px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.footer__bottom {
  background-color: rgba(var(--bg-a), 1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  clip-path: polygon(1313.72px 10.9572px, 1313.72px 10.9572px, 1313.42183px 9.144085383px, 1312.86584px 7.4377006856px, 1312.07381px 5.8579166387px, 1311.06752px 4.4246039728px, 1309.86875px 3.1576334188px, 1308.49928px 2.0768757072px, 1306.98089px 1.2022015689px, 1305.33536px 0.5534817344px, 1303.58447px 0.1505869346px, 1301.75px 0.0133879px, 14.166px 1.5805px, 14.166px 1.5805px, 12.26310305px 1.73304881px, 10.4541208px 2.17075248px, 8.76258315px 2.87078887px, 7.21202px 3.81033584px, 5.82596125px 4.96657125px, 4.6279368px 6.31667296px, 3.64147655px 7.83781883px, 2.8901104px 9.50718672px, 2.39736825px 11.30195449px, 2.18678px 13.1993px, 0px 82px, 1320px 82px, 1313.72px 10.9572px);
}
@media (max-width: 992px) {
  .footer__bottom {
    width: calc(100vw + 30px);
    margin-left: -30px;
    clip-path: none;
  }
}
.footer__bottom-box {
  padding: 21.5px 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 15px;
}
@media (max-width: 992px) {
  .footer__bottom-box {
    padding: 48px 16px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 48px;
  }
}
@media (max-width: 992px) {
  .footer__bottom-logo {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
.footer__bottom-copyright {
  font-size: 14px;
  line-height: 129%;
  letter-spacing: -0.02em;
}
.footer__bottom-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media (max-width: 992px) {
  .footer__bottom-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}
.footer__bottom-link {
  font-size: 14px;
  line-height: 129%;
  letter-spacing: -0.02em;
}

.header-menu {
  position: absolute;
  bottom: 100%;
  left: var(--container-offset);
  padding: calc(var(--header-height) + 32px) 32px 32px;
  z-index: 25;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: calc(100% - var(--container-offset) * 2);
  border-radius: 36px;
  background: #fafafa;
  overflow-y: auto;
  -webkit-box-shadow: 0 32px 64px 0 rgba(50, 50, 71, 0.04), 0 16px 32px 0 rgba(50, 50, 71, 0.04);
  box-shadow: 0 32px 64px 0 rgba(50, 50, 71, 0.04), 0 16px 32px 0 rgba(50, 50, 71, 0.04);
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 1024px) {
  .header-menu {
    width: 100vw;
    height: 100svh;
    left: 0;
    padding: 32px clamp(24px, 3.125vw, 32px);
    border-radius: 0;
  }
}
.header-menu__box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1024px) {
  .header-menu__box {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }
}
.header-menu__inner {
  padding: 24px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 48px;
}
@media (max-width: 1024px) {
  .header-menu__inner {
    padding: 0;
    gap: 32px;
  }
  .header-menu__inner .explore {
    gap: 24px;
  }
}
.header-menu__navs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 0;
}
@media (max-width: 767px) {
  .header-menu__navs {
    grid-template-columns: 100%;
    gap: 32px clamp(24px, 3.125vw, 32px);
  }
}
.header-menu__navs span {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 129%;
  font-weight: 500;
  color: rgba(var(--cl-c), 0.75);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.header-menu__navs .main-nav {
  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-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
.header-menu__navs .main-nav a {
  padding: 0;
}
.header-menu__navs .main-nav a:hover {
  background-color: transparent;
  color: rgba(var(--cl-d), 1);
}
.header-menu__navs .main-nav a:active {
  background-color: transparent;
  color: rgba(var(--cl-g), 0.75);
}
.header-menu.active {
  visibility: visible;
  opacity: 1;
}
.header-menu .apps__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-menu .apps__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.header-menu__language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.header-menu__language span {
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
}
.header-menu__language ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-menu__language li.active a {
  background-color: rgba(var(--bg-c), 0.08);
}
.header-menu__language a {
  padding: 12px 10px;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 4px;
}
.header-menu__language a:hover {
  background-color: rgba(var(--bg-c), 0.08);
}
.header-menu__language a:active {
  background-color: rgba(var(--bg-c), 0.04);
}

.breadcrumbs {
  margin-bottom: clamp(40px, 4.688vw, 48px);
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 8px 20px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.breadcrumbs__prev {
  position: relative;
  white-space: nowrap;
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.breadcrumbs__prev:hover {
  background-color: transparent;
  color: rgba(var(--cl-d), 1);
}
.breadcrumbs__prev::before {
  content: "/";
  position: absolute;
  width: 8px;
  height: 24px;
  right: -14px;
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 0.5);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.breadcrumbs__current {
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 0.5);
}

.share {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
.share ul a {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(var(--bg-b), 0.1);
  color: rgba(var(--cl-c), 1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.share ul a svg {
  stroke: currentColor;
}
.share ul a:hover {
  background-color: rgba(var(--bg-a), 1);
}
.share ul a:active {
  opacity: 0.75;
}
.share ul a.twitter:hover, .share ul a.twitter:active {
  color: #000000;
}
.share ul a.linkedin:hover, .share ul a.linkedin:active {
  color: #0a66c2;
}
.share ul a.facebook:hover, .share ul a.facebook:active {
  color: #0866ff;
}
.share ul a.email:hover, .share ul a.email:active {
  color: #EA4335;
}
.share ul a.link:hover, .share ul a.link:active {
  color: #0D7768;
}

.first-section {
  position: relative;
  padding: clamp(30px, 5.859vw, 60px) 0;
  z-index: 2;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.first-section__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(60px, 5.556vw, 80px);
}
.first-section__title {
  max-width: 720px;
}
@media (max-width: 1240px) {
  .first-section__title {
    max-width: 100%;
  }
}
.first-section__articles {
  display: grid;
  grid-template-columns: 1fr 41%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  grid-gap: 40px clamp(40px, 5.729vw, 110px);
  grid-template-rows: auto auto 1fr;
}
@media (max-width: 1024px) {
  .first-section__articles {
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-template-rows: initial;
  }
}
@media (max-width: 767px) {
  .first-section__articles {
    grid-template-columns: 100%;
    grid-gap: 60px;
  }
}
.first-section__article {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 188px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.first-section__article-picture {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.first-section__article-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clip-path: polygon(1.873% 15.71%, 1.873% 15.71%, 2.033% 13.764%, 2.415% 11.919%, 3% 10.198%, 3.771% 8.624%, 4.71% 7.219%, 5.799% 6.006%, 7.02% 5.009%, 8.355% 4.251%, 9.787% 3.753%, 11.298% 3.541%, 88.607% 0.399%, 88.607% 0.399%, 90.198% 0.5%, 91.714% 0.918%, 93.135% 1.628%, 94.439% 2.604%, 95.606% 3.821%, 96.614% 5.253%, 97.444% 6.875%, 98.073% 8.662%, 98.481% 10.587%, 98.648% 12.626%, 100% 85.604%, 100% 85.604%, 99.909% 87.652%, 99.572% 89.601%, 99.009% 91.425%, 98.239% 93.097%, 97.284% 94.589%, 96.163% 95.877%, 94.895% 96.931%, 93.501% 97.727%, 92.001% 98.236%, 90.414% 98.433%, 10.17% 100%, 10.17% 100%, 8.542% 99.858%, 6.999% 99.386%, 5.561% 98.612%, 4.252% 97.564%, 3.092% 96.271%, 2.103% 94.761%, 1.307% 93.062%, 0.725% 91.201%, 0.379% 89.209%, 0.29% 87.111%, 1.873% 15.71%);
}
.first-section__article-image picture,
.first-section__article-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px;
  -webkit-box-shadow: 0 24px 48px 0 rgba(50, 50, 71, 0.06), 0 12px 24px 0 rgba(50, 50, 71, 0.04);
  box-shadow: 0 24px 48px 0 rgba(50, 50, 71, 0.06), 0 12px 24px 0 rgba(50, 50, 71, 0.04);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.first-section__article-info {
  padding: 0 60px 0 clamp(16px, 2.222vw, 32px);
  margin-right: -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: white;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.first-section__article-heading {
  font-family: var(--font-primary);
  font-size: clamp(20px, 1.667vw, 24px);
  line-height: 133%;
  font-weight: 700;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.first-section__article-text {
  display: none;
  margin-bottom: clamp(4px, 0.833vw, 12px);
  font-size: clamp(16px, 1.389vw, 20px);
  line-height: 160%;
  font-weight: 300;
}
.first-section__article-details {
  display: none;
}
.first-section__article:hover {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.first-section__article:hover .first-section__article-heading {
  color: rgba(var(--cl-d), 1);
}
.first-section__article:hover .first-section__article-image picture,
.first-section__article:hover .first-section__article-image img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.first-section__article:active .first-section__article-heading {
  color: rgba(var(--cl-g), 1);
}
.first-section__article:first-child {
  grid-row: span 3;
  display: grid;
  grid-template-columns: 100%;
  clip-path: none;
  background-color: transparent;
}
.first-section__article:first-child .first-section__article-picture {
  position: relative;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.first-section__article:first-child .first-section__article-picture::before {
  content: "";
  position: absolute;
  top: -30px;
  right: 35px;
  clip-path: polygon(0.267% 15.349%, 0.267% 15.349%, 0.299% 14.156%, 0.477% 13.013%, 0.79% 11.938%, 1.226% 10.944%, 1.776% 10.048%, 2.426% 9.266%, 3.167% 8.612%, 3.988% 8.103%, 4.876% 7.753%, 5.822% 7.579%, 83.893% 1.023%, 83.893% 1.023%, 85.876% 1.057%, 87.777% 1.479%, 89.569% 2.257%, 91.225% 3.364%, 92.718% 4.768%, 94.023% 6.442%, 95.11% 8.354%, 95.955% 10.476%, 96.529% 12.778%, 96.807% 15.231%, 100% 82.194%, 100% 82.194%, 99.953% 84.725%, 99.584% 87.143%, 98.919% 89.413%, 97.983% 91.501%, 96.802% 93.371%, 95.403% 94.988%, 93.811% 96.318%, 92.051% 97.325%, 90.151% 97.975%, 88.135% 98.233%, 15.183% 100%, 15.183% 100%, 13.249% 99.856%, 11.405% 99.346%, 9.676% 98.499%, 8.086% 97.345%, 6.66% 95.911%, 5.421% 94.226%, 4.396% 92.319%, 3.607% 90.219%, 3.08% 87.954%, 2.838% 85.553%, 0.267% 15.349%);
  background-color: rgba(var(--cl-d), 1);
  width: 80%;
  height: 80%;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.first-section__article:first-child .first-section__article-image {
  margin-bottom: 24px;
  clip-path: polygon(1.825% 17.904%, 1.825% 17.904%, 1.994% 15.597%, 2.383% 13.412%, 2.975% 11.375%, 3.753% 9.513%, 4.697% 7.853%, 5.791% 6.423%, 7.016% 5.25%, 8.355% 4.36%, 9.789% 3.782%, 11.301% 3.541%, 88.738% 0.395%, 88.738% 0.395%, 90.319% 0.525%, 91.826% 1.026%, 93.237% 1.869%, 94.533% 3.024%, 95.693% 4.461%, 96.697% 6.15%, 97.523% 8.063%, 98.152% 10.168%, 98.562% 12.437%, 98.734% 14.84%, 100% 83.145%, 100% 83.145%, 99.915% 85.587%, 99.581% 87.912%, 99.019% 90.088%, 98.249% 92.082%, 97.291% 93.863%, 96.165% 95.398%, 94.891% 96.655%, 93.49% 97.601%, 91.982% 98.206%, 90.388% 98.436%, 10.205% 100%, 10.205% 100%, 8.573% 99.825%, 7.027% 99.257%, 5.589% 98.33%, 4.279% 97.078%, 3.121% 95.534%, 2.134% 93.733%, 1.342% 91.708%, 0.765% 89.492%, 0.426% 87.121%, 0.345% 84.627%, 1.825% 17.904%);
}
.first-section__article:first-child .first-section__article-image picture,
.first-section__article:first-child .first-section__article-image img {
  -webkit-box-shadow: 0 32px 64px 0 rgba(50, 50, 71, 0.04), 0 16px 32px 0 rgba(50, 50, 71, 0.04);
  box-shadow: 0 32px 64px 0 rgba(50, 50, 71, 0.04), 0 16px 32px 0 rgba(50, 50, 71, 0.04);
  border-radius: 61px;
}
.first-section__article:first-child .first-section__article-info {
  margin: 0;
  padding: 0 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  clip-path: none;
  background: none;
}
.first-section__article:first-child .first-section__article-heading {
  display: block;
  margin-bottom: 4px;
  font-family: var(--font-primary);
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 133%;
  font-weight: 600;
}
.first-section__article:first-child .first-section__article-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.first-section__article:first-child .first-section__article-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.first-section__article:first-child:hover .first-section__article-picture::before {
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.first-section__article:nth-child(2) .first-section__article-info {
  clip-path: polygon(1.4% 85.552%, 1.4% 85.552%, 1.496% 87.933%, 1.687% 90.178%, 1.965% 92.26%, 2.322% 94.152%, 2.75% 95.826%, 3.241% 97.257%, 3.787% 98.417%, 4.38% 99.278%, 5.012% 99.815%, 5.675% 100%, 94.641% 99.998%, 94.641% 99.998%, 95.307% 99.812%, 95.941% 99.271%, 96.536% 98.402%, 97.084% 97.233%, 97.575% 95.792%, 98.004% 94.105%, 98.36% 92.201%, 98.636% 90.106%, 98.825% 87.848%, 98.918% 85.454%, 100% 22.287%, 100% 22.287%, 99.985% 19.687%, 99.855% 17.202%, 99.62% 14.87%, 99.288% 12.725%, 98.87% 10.805%, 98.374% 9.144%, 97.809% 7.78%, 97.184% 6.748%, 96.51% 6.085%, 95.795% 5.826%, 4.451% 0.285%, 4.451% 0.285%, 3.715% 0.467%, 3.018% 1.078%, 2.373% 2.081%, 1.787% 3.438%, 1.272% 5.109%, 0.837% 7.056%, 0.493% 9.241%, 0.249% 11.626%, 0.116% 14.172%, 0.103% 16.842%, 1.4% 85.552%);
}
.first-section__article:nth-child(2) .first-section__article-picture {
  position: relative;
}
.first-section__article:nth-child(2) .first-section__article-picture::before {
  content: "";
  position: absolute;
  top: -3.5px;
  left: -20px;
  clip-path: polygon(0.306% 14.781%, 0.306% 14.781%, 0.349% 12.249%, 0.735% 9.853%, 1.43% 7.632%, 2.403% 5.624%, 3.622% 3.869%, 5.054% 2.405%, 6.667% 1.272%, 8.429% 0.509%, 10.308% 0.154%, 12.273% 0.247%, 51.967% 6.803%, 51.967% 6.803%, 52.778% 6.978%, 53.572% 7.232%, 54.345% 7.562%, 55.094% 7.965%, 55.815% 8.441%, 56.507% 8.986%, 57.165% 9.598%, 57.787% 10.275%, 58.369% 11.014%, 58.909% 11.814%, 100% 77.719%, 100% 77.719%, 101.387% 80.571%, 102.16% 83.577%, 102.362% 86.627%, 102.037% 89.612%, 101.225% 92.422%, 99.97% 94.947%, 98.314% 97.077%, 96.3% 98.702%, 93.97% 99.713%, 91.367% 100%, 14.277% 96.839%, 14.277% 96.839%, 12.673% 96.617%, 11.148% 96.1%, 9.72% 95.311%, 8.409% 94.273%, 7.232% 93.008%, 6.208% 91.54%, 5.354% 89.89%, 4.69% 88.081%, 4.233% 86.137%, 4.001% 84.079%, 0.306% 14.781%);
  background-color: rgba(var(--bg-f), 1);
  width: 198px;
  height: 137px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.first-section__article:nth-child(2) .first-section__article-image {
  clip-path: polygon(1.873% 15.71%, 1.873% 15.71%, 2.033% 13.764%, 2.415% 11.919%, 3% 10.198%, 3.771% 8.624%, 4.71% 7.219%, 5.799% 6.006%, 7.02% 5.009%, 8.355% 4.251%, 9.787% 3.753%, 11.298% 3.541%, 88.607% 0.399%, 88.607% 0.399%, 90.198% 0.5%, 91.714% 0.918%, 93.135% 1.628%, 94.439% 2.604%, 95.606% 3.821%, 96.614% 5.253%, 97.444% 6.875%, 98.073% 8.662%, 98.481% 10.587%, 98.648% 12.626%, 100% 85.604%, 100% 85.604%, 99.909% 87.652%, 99.572% 89.601%, 99.009% 91.425%, 98.239% 93.097%, 97.284% 94.589%, 96.163% 95.877%, 94.895% 96.931%, 93.501% 97.727%, 92.001% 98.236%, 90.414% 98.433%, 10.17% 100%, 10.17% 100%, 8.542% 99.858%, 6.999% 99.386%, 5.561% 98.612%, 4.252% 97.564%, 3.092% 96.271%, 2.103% 94.761%, 1.307% 93.062%, 0.725% 91.201%, 0.379% 89.209%, 0.29% 87.111%, 1.873% 15.71%);
}
.first-section__article:nth-child(2):hover .first-section__article-picture::before {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  margin-left: -5px;
  margin-top: -5px;
}
.first-section__article:nth-child(2):hover .first-section__article-info {
  margin-left: -5px;
}
.first-section__article:nth-child(3) .first-section__article-info {
  clip-path: polygon(0.033% 83.627%, 0.033% 83.627%, 0.055% 86.267%, 0.194% 88.782%, 0.441% 91.136%, 0.786% 93.293%, 1.218% 95.214%, 1.729% 96.863%, 2.309% 98.203%, 2.948% 99.197%, 3.635% 99.808%, 4.362% 100%, 94.724% 96.281%, 94.724% 96.281%, 95.382% 96.071%, 96.009% 95.514%, 96.596% 94.638%, 97.136% 93.468%, 97.622% 92.032%, 98.044% 90.356%, 98.396% 88.466%, 98.67% 86.39%, 98.858% 84.153%, 98.952% 81.784%, 100% 24.905%, 100% 24.905%, 99.988% 22.305%, 99.862% 19.818%, 99.631% 17.48%, 99.303% 15.328%, 98.889% 13.398%, 98.396% 11.726%, 97.834% 10.349%, 97.213% 9.301%, 96.541% 8.621%, 95.828% 8.343%, 5.443% 0.367%, 5.443% 0.367%, 4.761% 0.502%, 4.11% 1.011%, 3.498% 1.864%, 2.935% 3.034%, 2.429% 4.489%, 1.989% 6.203%, 1.624% 8.145%, 1.341% 10.287%, 1.15% 12.6%, 1.059% 15.055%, 0.033% 83.627%);
}
.first-section__article:nth-child(3) .first-section__article-picture {
  position: relative;
}
.first-section__article:nth-child(3) .first-section__article-picture::before {
  content: "";
  position: absolute;
  top: -20px;
  right: -25.5px;
  clip-path: polygon(0.38% 27.556%, 0.38% 27.556%, 0.229% 25.58%, 0.349% 23.655%, 0.722% 21.81%, 1.328% 20.075%, 2.152% 18.48%, 3.173% 17.053%, 4.375% 15.825%, 5.739% 14.825%, 7.247% 14.082%, 8.882% 13.627%, 83.635% 0.279%, 83.635% 0.279%, 85.365% 0.144%, 87.04% 0.348%, 88.633% 0.865%, 90.119% 1.671%, 91.471% 2.74%, 92.662% 4.05%, 93.667% 5.573%, 94.458% 7.287%, 95.009% 9.166%, 95.294% 11.186%, 100% 79.582%, 100% 79.582%, 100.002% 81.526%, 99.748% 83.395%, 99.258% 85.164%, 98.549% 86.806%, 97.642% 88.295%, 96.554% 89.605%, 95.304% 90.708%, 93.912% 91.58%, 92.396% 92.193%, 90.774% 92.522%, 20.476% 100%, 20.476% 100%, 18.912% 100.025%, 17.4% 99.776%, 15.959% 99.27%, 14.608% 98.527%, 13.369% 97.563%, 12.261% 96.398%, 11.305% 95.049%, 10.519% 93.535%, 9.925% 91.874%, 9.541% 90.083%, 0.38% 27.556%);
  background-color: #2bb3ff;
  width: 183px;
  height: 156px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.first-section__article:nth-child(3) .first-section__article-image {
  clip-path: polygon(98.416% 15.702%, 98.416% 15.702%, 98.256% 13.758%, 97.874% 11.915%, 97.288% 10.194%, 96.517% 8.621%, 95.578% 7.217%, 94.488% 6.005%, 93.267% 5.008%, 91.931% 4.25%, 90.498% 3.753%, 88.986% 3.541%, 11.634% 0.399%, 11.634% 0.399%, 10.042% 0.5%, 8.525% 0.918%, 7.103% 1.627%, 5.799% 2.603%, 4.631% 3.819%, 3.622% 5.25%, 2.792% 6.871%, 2.162% 8.657%, 1.754% 10.581%, 1.587% 12.619%, 0.234% 85.612%, 0.234% 85.612%, 0.325% 87.659%, 0.662% 89.607%, 1.226% 91.43%, 1.996% 93.1%, 2.952% 94.592%, 4.074% 95.878%, 5.342% 96.932%, 6.737% 97.727%, 8.238% 98.237%, 9.825% 98.433%, 90.114% 100%, 90.114% 100%, 91.743% 99.858%, 93.288% 99.386%, 94.726% 98.613%, 96.036% 97.566%, 97.197% 96.273%, 98.186% 94.764%, 98.983% 93.066%, 99.565% 91.207%, 99.911% 89.215%, 100% 87.119%, 98.416% 15.702%);
}
.first-section__article:nth-child(3):hover .first-section__article-picture::before {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  margin-right: -5px;
  margin-top: -5px;
}
.first-section__article:nth-child(3):hover .first-section__article-info {
  margin-left: -5px;
}
.first-section__article:nth-child(4) .first-section__article-info {
  clip-path: polygon(1.442% 88.212%, 1.442% 88.212%, 1.535% 90.199%, 1.728% 92.069%, 2.015% 93.8%, 2.386% 95.366%, 2.832% 96.745%, 3.344% 97.913%, 3.913% 98.846%, 4.531% 99.521%, 5.188% 99.913%, 5.876% 100%, 94.763% 90.615%, 94.763% 90.615%, 95.411% 90.403%, 96.026% 89.922%, 96.601% 89.192%, 97.129% 88.235%, 97.602% 87.072%, 98.012% 85.723%, 98.353% 84.209%, 98.617% 82.552%, 98.797% 80.772%, 98.885% 78.891%, 100% 24.661%, 100% 24.661%, 99.985% 22.605%, 99.858% 20.637%, 99.63% 18.787%, 99.308% 17.081%, 98.901% 15.547%, 98.418% 14.214%, 97.868% 13.11%, 97.258% 12.262%, 96.599% 11.699%, 95.898% 11.448%, 4.497% 0.561%, 4.497% 0.561%, 3.754% 0.658%, 3.05% 1.107%, 2.395% 1.879%, 1.798% 2.943%, 1.271% 4.266%, 0.824% 5.819%, 0.467% 7.571%, 0.211% 9.491%, 0.066% 11.547%, 0.043% 13.71%, 1.442% 88.212%);
}
.first-section__article:nth-child(4) .first-section__article-picture {
  position: relative;
}
.first-section__article:nth-child(4) .first-section__article-picture::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -22px;
  clip-path: polygon(0.69% 15.985%, 0.69% 15.985%, 0.494% 13.522%, 0.65% 11.138%, 1.13% 8.875%, 1.906% 6.776%, 2.949% 4.883%, 4.233% 3.239%, 5.728% 1.886%, 7.407% 0.866%, 9.242% 0.224%, 11.205% 0%, 77.95% 0%, 77.95% 0%, 79.438% 0.13%, 80.87% 0.508%, 82.23% 1.12%, 83.502% 1.948%, 84.67% 2.978%, 85.72% 4.193%, 86.634% 5.578%, 87.399% 7.117%, 87.997% 8.794%, 88.414% 10.593%, 100% 77.598%, 100% 77.598%, 100.24% 79.979%, 100.147% 82.3%, 99.745% 84.522%, 99.058% 86.603%, 98.111% 88.503%, 96.927% 90.18%, 95.531% 91.595%, 93.948% 92.707%, 92.2% 93.476%, 90.314% 93.86%, 23.189% 100%, 23.189% 100%, 21.585% 99.997%, 20.034% 99.702%, 18.556% 99.136%, 17.17% 98.316%, 15.897% 97.261%, 14.755% 95.991%, 13.764% 94.524%, 12.945% 92.879%, 12.315% 91.075%, 11.896% 89.13%, 0.69% 15.985%);
  background-color: #29A590;
  width: 168px;
  height: 137px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.first-section__article:nth-child(4) .first-section__article-image {
  clip-path: polygon(1.873% 15.702%, 1.873% 15.702%, 2.033% 13.758%, 2.415% 11.915%, 3% 10.194%, 3.771% 8.621%, 4.71% 7.217%, 5.799% 6.005%, 7.02% 5.008%, 8.355% 4.25%, 9.787% 3.753%, 11.298% 3.541%, 88.607% 0.399%, 88.607% 0.399%, 90.198% 0.5%, 91.714% 0.918%, 93.135% 1.627%, 94.439% 2.603%, 95.606% 3.819%, 96.614% 5.25%, 97.444% 6.871%, 98.073% 8.657%, 98.481% 10.581%, 98.648% 12.619%, 100% 85.612%, 100% 85.612%, 99.909% 87.659%, 99.572% 89.607%, 99.009% 91.43%, 98.239% 93.1%, 97.284% 94.592%, 96.163% 95.878%, 94.895% 96.932%, 93.501% 97.727%, 92.001% 98.237%, 90.414% 98.433%, 10.17% 100%, 10.17% 100%, 8.542% 99.858%, 6.998% 99.386%, 5.561% 98.613%, 4.252% 97.566%, 3.092% 96.273%, 2.103% 94.764%, 1.307% 93.066%, 0.725% 91.207%, 0.378% 89.215%, 0.29% 87.119%, 1.873% 15.702%);
}
.first-section__article:nth-child(4):hover .first-section__article-picture::before {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  margin-right: -5px;
  margin-top: -5px;
}
.first-section__article:nth-child(4):hover .first-section__article-info {
  margin-left: -5px;
}
@media (max-width: 1024px) {
  .first-section__article {
    grid-template-columns: 100%;
  }
  .first-section__article:first-child {
    grid-row: 1;
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .first-section__article:first-child .first-section__article-picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .first-section__article:first-child .first-section__article-picture::before {
    top: -15px;
  }
  .first-section__article:first-child .first-section__article-image {
    margin-bottom: 24px;
    clip-path: polygon(1.825% 17.904%, 1.825% 17.904%, 1.994% 15.597%, 2.383% 13.412%, 2.975% 11.375%, 3.753% 9.513%, 4.697% 7.853%, 5.791% 6.423%, 7.016% 5.25%, 8.355% 4.36%, 9.789% 3.782%, 11.301% 3.541%, 88.738% 0.395%, 88.738% 0.395%, 90.319% 0.525%, 91.826% 1.026%, 93.237% 1.869%, 94.533% 3.024%, 95.693% 4.461%, 96.697% 6.15%, 97.523% 8.063%, 98.152% 10.168%, 98.562% 12.437%, 98.734% 14.84%, 100% 83.145%, 100% 83.145%, 99.915% 85.587%, 99.581% 87.912%, 99.019% 90.088%, 98.249% 92.082%, 97.291% 93.863%, 96.165% 95.398%, 94.891% 96.655%, 93.49% 97.601%, 91.982% 98.206%, 90.388% 98.436%, 10.205% 100%, 10.205% 100%, 8.573% 99.825%, 7.027% 99.257%, 5.589% 98.33%, 4.279% 97.078%, 3.121% 95.534%, 2.134% 93.733%, 1.342% 91.708%, 0.765% 89.492%, 0.426% 87.121%, 0.345% 84.627%, 1.825% 17.904%);
  }
  .first-section__article:first-child .first-section__article-image picture,
  .first-section__article:first-child .first-section__article-image img {
    -webkit-box-shadow: 0 17px 33px 0 rgba(50, 50, 71, 0.04), 0 8px 17px 0 rgba(50, 50, 71, 0.04);
    box-shadow: 0 17px 33px 0 rgba(50, 50, 71, 0.04), 0 8px 17px 0 rgba(50, 50, 71, 0.04);
    border-radius: 32px;
  }
  .first-section__article:nth-child(2) .first-section__article-picture, .first-section__article:nth-child(3) .first-section__article-picture, .first-section__article:nth-child(4) .first-section__article-picture {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .first-section__article:nth-child(2) .first-section__article-picture::before, .first-section__article:nth-child(3) .first-section__article-picture::before, .first-section__article:nth-child(4) .first-section__article-picture::before {
    content: "";
    position: absolute;
    top: -15px;
    right: 35px;
    left: initial;
    clip-path: polygon(0.267% 15.349%, 0.267% 15.349%, 0.299% 14.156%, 0.477% 13.013%, 0.79% 11.938%, 1.226% 10.944%, 1.776% 10.048%, 2.426% 9.266%, 3.167% 8.612%, 3.988% 8.103%, 4.876% 7.753%, 5.822% 7.579%, 83.893% 1.023%, 83.893% 1.023%, 85.876% 1.057%, 87.777% 1.479%, 89.569% 2.257%, 91.225% 3.364%, 92.718% 4.768%, 94.023% 6.442%, 95.11% 8.354%, 95.955% 10.476%, 96.529% 12.778%, 96.807% 15.231%, 100% 82.194%, 100% 82.194%, 99.953% 84.725%, 99.584% 87.143%, 98.919% 89.413%, 97.983% 91.501%, 96.802% 93.371%, 95.403% 94.988%, 93.811% 96.318%, 92.051% 97.325%, 90.151% 97.975%, 88.135% 98.233%, 15.183% 100%, 15.183% 100%, 13.249% 99.856%, 11.405% 99.346%, 9.676% 98.499%, 8.086% 97.345%, 6.66% 95.911%, 5.421% 94.226%, 4.396% 92.319%, 3.607% 90.219%, 3.08% 87.954%, 2.838% 85.553%, 0.267% 15.349%);
    width: 80%;
    height: 80%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
  }
  .first-section__article:nth-child(2) .first-section__article-image, .first-section__article:nth-child(3) .first-section__article-image, .first-section__article:nth-child(4) .first-section__article-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    clip-path: polygon(1.825% 17.904%, 1.825% 17.904%, 1.994% 15.597%, 2.383% 13.412%, 2.975% 11.375%, 3.753% 9.513%, 4.697% 7.853%, 5.791% 6.423%, 7.016% 5.25%, 8.355% 4.36%, 9.789% 3.782%, 11.301% 3.541%, 88.738% 0.395%, 88.738% 0.395%, 90.319% 0.525%, 91.826% 1.026%, 93.237% 1.869%, 94.533% 3.024%, 95.693% 4.461%, 96.697% 6.15%, 97.523% 8.063%, 98.152% 10.168%, 98.562% 12.437%, 98.734% 14.84%, 100% 83.145%, 100% 83.145%, 99.915% 85.587%, 99.581% 87.912%, 99.019% 90.088%, 98.249% 92.082%, 97.291% 93.863%, 96.165% 95.398%, 94.891% 96.655%, 93.49% 97.601%, 91.982% 98.206%, 90.388% 98.436%, 10.205% 100%, 10.205% 100%, 8.573% 99.825%, 7.027% 99.257%, 5.589% 98.33%, 4.279% 97.078%, 3.121% 95.534%, 2.134% 93.733%, 1.342% 91.708%, 0.765% 89.492%, 0.426% 87.121%, 0.345% 84.627%, 1.825% 17.904%);
  }
  .first-section__article:nth-child(2) .first-section__article-image picture,
  .first-section__article:nth-child(2) .first-section__article-image img, .first-section__article:nth-child(3) .first-section__article-image picture,
  .first-section__article:nth-child(3) .first-section__article-image img, .first-section__article:nth-child(4) .first-section__article-image picture,
  .first-section__article:nth-child(4) .first-section__article-image img {
    -webkit-box-shadow: 0 17px 33px 0 rgba(50, 50, 71, 0.04), 0 8px 17px 0 rgba(50, 50, 71, 0.04);
    box-shadow: 0 17px 33px 0 rgba(50, 50, 71, 0.04), 0 8px 17px 0 rgba(50, 50, 71, 0.04);
    border-radius: 32px;
  }
  .first-section__article:nth-child(2) .first-section__article-info, .first-section__article:nth-child(3) .first-section__article-info, .first-section__article:nth-child(4) .first-section__article-info {
    margin: 0;
    padding: 0 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    clip-path: none;
    background: none;
  }
  .first-section__article:nth-child(2) .first-section__article-heading, .first-section__article:nth-child(3) .first-section__article-heading, .first-section__article:nth-child(4) .first-section__article-heading {
    display: block;
    margin-bottom: 4px;
    font-family: var(--font-primary);
    font-size: clamp(24px, 2.5vw, 36px);
    line-height: 133%;
    font-weight: 600;
  }
  .first-section__article:nth-child(2) .first-section__article-text, .first-section__article:nth-child(3) .first-section__article-text, .first-section__article:nth-child(4) .first-section__article-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .first-section__article:nth-child(2) .first-section__article-details, .first-section__article:nth-child(3) .first-section__article-details, .first-section__article:nth-child(4) .first-section__article-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .first-section__article:nth-child(2):hover .first-section__article-picture::before, .first-section__article:nth-child(3):hover .first-section__article-picture::before, .first-section__article:nth-child(4):hover .first-section__article-picture::before {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}

.usefull-section {
  padding: 60px 0;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.usefull-section__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.usefull-section__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}
.usefull-section__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .usefull-section__controls {
    display: none;
  }
}
.usefull-section__control {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(var(--bg-d), 1);
  border: 2px solid rgba(var(--bg-d), 1);
  border-radius: 100px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__control svg {
  stroke: currentColor;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__control:hover {
  background-color: #EFE7DD;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  color: #006354;
}
.usefull-section__control:active {
  background-color: rgba(var(#efe7dd), 0.75);
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  color: #006354;
}
.usefull-section__control:disabled {
  width: 44px;
  height: 44px;
  color: rgba(var(--bg-c), 0.5);
  border: 2px solid rgba(var(--bg-c), 0.5);
  pointer-events: none;
}
.usefull-section__slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-top: -16px;
  padding-top: 16px;
}
@media (max-width: 767px) {
  .usefull-section__slider {
    width: 100vw;
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.usefull-section__card {
  position: relative;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.usefull-section__card-bg picture,
.usefull-section__card-bg img {
  width: 100%;
  height: 100%;
}
.usefull-section__card-info {
  position: relative;
  padding: 24px 24px 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  z-index: 2;
}
.usefull-section__card-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
.usefull-section__card-image picture,
.usefull-section__card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.usefull-section__card-title {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-primary);
  font-size: clamp(20px, 1.667vw, 24px);
  line-height: 133%;
  font-weight: 700;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__card-download {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__card-download svg {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  stroke: rgba(var(--cl-d), 1);
}
.usefull-section__card-download:hover {
  background-color: rgba(var(--bg-d), 1);
}
.usefull-section__card-download:hover svg {
  stroke: rgba(var(--cl-a), 1);
}
.usefull-section__card:hover {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__card:hover span {
  color: rgba(var(--cl-d), 1);
}
.usefull-section__pagination {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
}
.usefull-section__pagination span {
  width: 6px;
  height: 6px;
  background: rgba(var(--bg-c), 1);
}
.usefull-section__pagination span.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: rgba(var(--bg-d), 1);
}
@media (max-width: 1024px) {
  .usefull-section__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.usefull-section__material {
  position: relative;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 24px 24px 62px;
}
.usefull-section__material::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: white;
  z-index: -1;
  -webkit-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  transform: skewY(2deg);
  border-radius: 24px;
}
.usefull-section__material-card {
  display: block;
}
.usefull-section__material-top {
  margin-bottom: 24px;
}
.usefull-section__material-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
.usefull-section__material-image picture,
.usefull-section__material-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.usefull-section__material-title {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-primary);
  font-size: clamp(20px, 1.667vw, 24px);
  line-height: 133%;
  font-weight: 700;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__material-download {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__material-download svg {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  stroke: rgba(var(--cl-d), 1);
}
.usefull-section__material-download:hover {
  background-color: rgba(var(--bg-d), 1);
}
.usefull-section__material-download:hover svg {
  stroke: rgba(var(--cl-a), 1);
}
.usefull-section__material:hover {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.usefull-section__material:hover span {
  color: rgba(var(--cl-d), 1);
}
.usefull-section__material:hover picture,
.usefull-section__material:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.usefull-section__material:hover .usefull-section__material-download {
  background-color: rgba(var(--bg-d), 1);
}
.usefull-section__material:hover .usefull-section__material-download svg {
  stroke: #fff;
}

.interesting-section {
  position: relative;
  max-width: 1488px;
  width: 100%;
  margin: 0 auto;
  padding: clamp(40px, 4.167vw, 60px) 0;
  background: #fafafa;
  border-radius: clamp(32px, 4.444vw, 64px);
  -webkit-box-shadow: 16px 30px 76px 0 rgba(0, 0, 0, 0.05), 64px 122px 137px 0 rgba(0, 0, 0, 0.04), 144px 274px 186px 0 rgba(0, 0, 0, 0.03), 256px 486px 220px 0 rgba(0, 0, 0, 0.01), 400px 760px 240px 0 rgba(0, 0, 0, 0);
  box-shadow: 16px 30px 76px 0 rgba(0, 0, 0, 0.05), 64px 122px 137px 0 rgba(0, 0, 0, 0.04), 144px 274px 186px 0 rgba(0, 0, 0, 0.03), 256px 486px 220px 0 rgba(0, 0, 0, 0.01), 400px 760px 240px 0 rgba(0, 0, 0, 0);
}
@media (max-width: 767px) {
  .interesting-section {
    display: none;
  }
}
.interesting-section::before {
  content: "";
  position: absolute;
  left: -2.5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("../img/interestion-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 105%;
  height: 80%;
  z-index: -1;
}
@media (max-width: 1440px) {
  .interesting-section::before {
    display: none;
  }
}
.interesting-section__wrapp {
  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: 32px;
}
.interesting-section__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.interesting-section__tabs-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(8px, 1.667vw, 24px);
}
.interesting-section__tab {
  position: relative;
  cursor: pointer;
}
.interesting-section__tab::before {
  content: "";
  position: absolute;
  bottom: -8px;
  height: 4px;
  width: 100%;
  border-radius: 6px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.interesting-section__tab button {
  position: relative;
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 167%;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: currentColor;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  pointer-events: none;
}
.interesting-section__tab:hover::before {
  background-color: rgba(var(--cl-b), 0.4);
}
.interesting-section__tab.active {
  color: rgba(var(--cl-d), 1);
}
.interesting-section__tab.active::before {
  background-color: rgba(var(--bg-d), 1);
}
@media (max-width: 1024px) {
  .interesting-section__tab:before {
    display: none;
  }
  .interesting-section__tab button {
    background: rgba(var(--cl-b), 0.4);
    border-radius: clamp(4px, 0.781vw, 8px);
    padding: clamp(2px, 1.302vw, 10px) clamp(6px, 1.302vw, 10px) clamp(4px, 1.302vw, 10px);
    font-size: clamp(16px, 1.953vw, 20px);
    line-height: 114%;
    text-transform: initial;
    color: rgba(var(--cl-a), 1);
  }
  .interesting-section__tab:hover, .interesting-section__tab.active {
    border-radius: clamp(4px, 0.781vw, 8px);
    background: rgba(var(--bg-d), 1);
  }
}

.new-section {
  padding: clamp(44px, 9.579vw, 100px) 0;
}
.new-section__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.new-section__wrapp.changelog-block {
  padding: clamp(32px, 4.167vw, 80px) clamp(24px, 6.51vw, 125px);
  background-color: #fafafa;
  border-radius: clamp(32px, 5.208vw, 40px);
  -webkit-box-shadow: 16px 30px 76px 0 rgba(0, 0, 0, 0.05), 64px 122px 137px 0 rgba(0, 0, 0, 0.04), 144px 274px 186px 0 rgba(0, 0, 0, 0.03), 256px 486px 220px 0 rgba(0, 0, 0, 0.01), 400px 760px 240px 0 rgba(0, 0, 0, 0);
  box-shadow: 16px 30px 76px 0 rgba(0, 0, 0, 0.05), 64px 122px 137px 0 rgba(0, 0, 0, 0.04), 144px 274px 186px 0 rgba(0, 0, 0, 0.03), 256px 486px 220px 0 rgba(0, 0, 0, 0.01), 400px 760px 240px 0 rgba(0, 0, 0, 0);
}
.new-section__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 767px) {
  .new-section__top {
    display: contents;
  }
}
.new-section__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.new-section__more svg {
  stroke: currentColor;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.new-section__more:hover {
  color: rgba(var(--cl-g), 1);
}
.new-section__more:hover svg {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
@media (max-width: 767px) {
  .new-section__more {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
  }
}
.new-section__articles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .new-section__articles {
    grid-template-columns: 100%;
  }
}
.new-section__article {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 0 clamp(24px, 2.222vw, 32px);
  border-right: 1px solid rgba(var(--bg-b), 0.2);
}
.new-section__article:first-child {
  padding-left: 0;
}
.new-section__article:last-child {
  padding-right: 0;
  border-right: none;
}
.new-section__article-title {
  font-family: var(--font-primary);
  font-size: 24px;
  font-size: clamp(20px, 1.667vw, 24px);
  line-height: 133%;
  font-weight: 700;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.new-section__article-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  line-height: 150%;
  color: rgba(var(--cl-d), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.new-section__article-link svg {
  stroke: currentColor;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.new-section__article:hover .new-section__article-title {
  color: rgba(var(--cl-d), 1);
}
.new-section__article:hover .new-section__article-link svg {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.new-section__article:active .new-section__article-title {
  color: rgba(var(--cl-g), 1);
}
.new-section__article:active .new-section__article-link svg {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
@media (max-width: 767px) {
  .new-section__article {
    padding: 24px 0;
    border-right: none;
    border-bottom: 1px solid rgba(var(--bg-b), 0.2);
  }
  .new-section__article:first-child {
    padding-top: 0;
  }
  .new-section__article:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
}

.quiz-section {
  padding: clamp(80px, 17.578vw, 180px) 0 clamp(30px, 5.859vw, 60px);
}
.quiz-section__wrapp {
  position: relative;
  padding: clamp(80px, 9.375vw, 96px) clamp(40px, 5.729vw, 110px) clamp(80px, 14.063vw, 144px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6e2b7), to(#fade97));
  background: linear-gradient(180deg, #f6e2b7 0%, #fade97 100%);
  border-radius: 64px;
  -webkit-box-shadow: 16px 30px 76px 0 rgba(0, 0, 0, 0.05), 64px 122px 137px 0 rgba(0, 0, 0, 0.04), 144px 274px 186px 0 rgba(0, 0, 0, 0.03), 256px 486px 220px 0 rgba(0, 0, 0, 0.01), 400px 760px 240px 0 rgba(0, 0, 0, 0);
  box-shadow: 16px 30px 76px 0 rgba(0, 0, 0, 0.05), 64px 122px 137px 0 rgba(0, 0, 0, 0.04), 144px 274px 186px 0 rgba(0, 0, 0, 0.03), 256px 486px 220px 0 rgba(0, 0, 0, 0.01), 400px 760px 240px 0 rgba(0, 0, 0, 0);
}
.quiz-section__wrapp::before {
  content: "";
  position: absolute;
  background-image: var(--mount-right);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: clamp(66px, 11.198vw, 86px);
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 64px;
  border-bottom-left-radius: 64px;
}
.quiz-section__wrapp::after {
  content: "";
  position: absolute;
  background-image: var(--mount-left);
  background-position: left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1231px;
  height: 778px;
  width: clamp(343px, 64.115vw, 1231px);
  height: clamp(247px, 40.521vw, 778px);
  left: 0;
  bottom: 0;
  border-bottom-left-radius: 64px;
  border-bottom-right-radius: 64px;
}
.quiz-section__frame {
  position: absolute;
  top: -140px;
  right: clamp(40px, 5.365vw, 103px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .quiz-section__frame {
    right: initial;
    left: 30px;
    top: -65px;
  }
  .quiz-section__frame img {
    width: clamp(245px, 41.667vw, 320px);
    height: clamp(200px, 28.646vw, 220px);
  }
}
.quiz-section__text {
  font-family: var(--font-primary);
  font-size: 26px;
  line-height: 154%;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .quiz-section__text {
    display: none;
  }
}
.quiz-section__variants {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 32px;
}
@media (max-width: 1024px) {
  .quiz-section__variants {
    grid-template-columns: 100%;
  }
}
.quiz-section__more {
  position: relative;
  z-index: 5;
  margin: 0 auto;
  padding: 14px 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-e), 1);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
  background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
  border-radius: 100px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.quiz-section__more svg {
  stroke: currentColor;
}
.quiz-section__more:hover {
  padding: 14px 66px;
}
.quiz-section__more:active {
  background-color: rgba(var(--bg-g), 1);
}
@media (max-width: 767px) {
  .quiz-section__more {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .quiz-section__load {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .quiz-section__load {
    position: relative;
    z-index: 5;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 167%;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: rgba(var(--cl-c), 1);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .quiz-section__load svg {
    stroke: currentColor;
  }
}

.feedbacks-section {
  position: relative;
  padding: clamp(30px, 4.839vw, 60px) 0;
  overflow: hidden;
}
.feedbacks-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: var(--feedbacks-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 491px;
}
.feedbacks-section__top {
  margin-bottom: clamp(24px, 4.839vw, 60px);
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.feedbacks-section__slider {
  width: 100%;
  height: 100%;
}
.feedbacks-section__pagination {
  position: relative;
  top: initial !important;
  bottom: initial !important;
  margin: 32px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}
.feedbacks-section__pagination span {
  margin: 0 !important;
  opacity: 1 !important;
  width: 6px;
  height: 6px;
  background: rgba(var(--bg-a), 1);
}
.feedbacks-section__pagination span.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: rgba(var(--bg-d), 1);
}
.feedbacks-section__pagination .swiper-pagination-bullet {
  padding: 0;
}
@media (max-width: 767px) {
  .feedbacks-section__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.feedbacks-section__progressbar {
  position: relative;
  margin: 60px auto 0;
  max-width: 489px;
  width: 100%;
  background: #e8e0d6;
  border-radius: 450px;
  padding: 8px;
}
@media (max-width: 767px) {
  .feedbacks-section__progressbar {
    display: none;
  }
}
.feedbacks-section__scrollbar {
  position: relative !important;
  height: 16px !important;
  bottom: initial !important;
  background: #dbd3c9;
  border-radius: 50px;
}
.feedbacks-section__scrollbar .swiper-scrollbar-drag {
  background: rgba(var(--cl-a), 1);
  cursor: pointer;
}

.info-section {
  padding: clamp(40px, 6.944vw, 100px) 0 clamp(50px, 6.944vw, 100px);
}
.info-section__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: clamp(32px, 4.444vw, 64px);
}
.info-section__logo svg {
  width: clamp(196px, 20.417vw, 294px);
  height: clamp(40px, 4.167vw, 60px);
}
.info-section__wrapp {
  margin: 0 auto;
  max-width: 1100px;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.info-section__heading {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 160%;
  font-weight: 700;
  color: rgba(var(--cl-d), 1);
}
.info-section__btn {
  padding: 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background-color: rgba(var(--bg-d), 1);
  border-radius: 100px;
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-a), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.info-section__btn:hover, .info-section__btn:active {
  background-color: rgba(var(--cl-g), 1);
}

.filters-section {
  position: relative;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .filters-section {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding: 30px 0 60px;
  }
}
.filters-section__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(16px, 2.222vw, 32px);
}
.filters-section__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 767px) {
  .filters-section__top {
    display: contents;
  }
}
.filters-section__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.filters-section__link svg {
  stroke: currentColor;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.filters-section__link:hover, .filters-section__link:active {
  color: rgba(var(--cl-g), 1);
}
.filters-section__link:hover svg, .filters-section__link:active svg {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
@media (max-width: 1024px) {
  .filters-section__link {
    display: none;
  }
}
.filters-section__btn {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  font-family: var(--font-second);
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
}
@media (max-width: 1024px) {
  .filters-section__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
  }
}
.filters-section__btn svg {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.filters-section__btn:hover svg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.filters-section__controls {
  margin-bottom: 32px;
  display: grid;
  grid-gap: 15px clamp(16px, 2.222vw, 32px);
  width: 100%;
}
@media (min-width: 1240px) {
  .filters-section__controls {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1240px) and (min-width: 1024px) {
  .filters-section__controls {
    grid-template-columns: repeat(2, 1.15fr) repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .filters-section__controls .search {
    grid-column: 3/5;
    justify-self: end;
  }
}
@media (max-width: 1024px) {
  .filters-section__controls .search {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .filters-section__controls .search {
    display: none;
  }
}
@media (max-width: 1024px) {
  .filters-section__controls {
    grid-template-columns: repeat(2, 1fr);
  }
}
.filters-section__controls-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: -0.02em;
}
.filters-section__controls-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 4px;
}
@media (max-width: 1024px) {
  .filters-section__controls {
    display: none;
  }
}
@media (min-width: 1024px) {
  .filters-section__controls.category-page .search {
    grid-column: 4/5;
    justify-self: end;
  }
}
.filters-section__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 2.222vw, 32px);
}
@media (max-width: 1024px) {
  .filters-section__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .filters-section__items {
    grid-template-columns: 100%;
  }
}
.filters-section__item {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px;
}
.filters-section__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: white;
  z-index: -1;
  -webkit-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  transform: skewY(2deg);
  border-radius: 24px;
}
.filters-section__item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filters-section__item-image picture,
.filters-section__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filters-section__item-tags {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}
.filters-section__item-tags a {
  padding: 2px 6px 4px 6px;
  background: rgba(var(--bg-b), 0.4);
  border-radius: 4px;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 114%;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-a), 1);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.filters-section__item-tags a:hover, .filters-section__item-tags a:active {
  background: rgba(var(--bg-b), 1);
}
@media (max-width: 767px) {
  .filters-section__item-tags {
    display: none;
  }
}
.filters-section__item-details {
  margin-bottom: 8px;
}
.filters-section__item-title {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-primary);
  font-size: clamp(20px, 1.667vw, 24px);
  line-height: 133%;
  font-weight: 700;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.filters-section__item-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  margin-left: auto;
  color: rgba(var(--cl-d), 1);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.filters-section__item-link svg {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  stroke: currentColor;
}
.filters-section__item:hover .filters-section__item-title {
  color: rgba(var(--cl-d), 1);
}
.filters-section__item:hover picture,
.filters-section__item:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.filters-section__item:hover .filters-section__item-link svg {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.filters-section__item:active .filters-section__item-title {
  color: rgba(var(--cl-g), 1);
}
.filters-section__item:active picture,
.filters-section__item:active img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.filters-section__item:active .filters-section__item-link {
  color: rgba(var(--cl-g), 1);
}
.filters-section__item:active .filters-section__item-link svg {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.filters-section__head {
  position: relative;
  margin-bottom: 24px;
}
.filters-section__pagination {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .filters-section__pagination {
    display: none;
  }
}
.filters-section__more {
  margin: clamp(24px, 5.469vw, 56px) auto 0;
  padding: 14px 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
  background: transparent;
  border: 2px solid rgba(var(--cl-d), 1);
  border-radius: 100px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.filters-section__more svg {
  stroke: currentColor;
}
.filters-section__more:hover {
  padding: 14px 66px;
}
.filters-section__more:active {
  background-color: rgba(var(--bg-g), 1);
}

.filter-menu {
  position: fixed !important;
  z-index: 50;
  left: 0;
  max-width: 100%;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(var(--bg-a), 1);
  padding: 38px 16px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  height: 100dvh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  grid-gap: 32px;
  -webkit-transform: translate(120%);
  -ms-transform: translate(120%);
  transform: translate(120%);
}
.filter-menu.active {
  -webkit-transform: translate(0%);
  -ms-transform: translate(0%);
  transform: translate(0%);
}
@media (max-width: 576px) {
  .filter-menu {
    max-width: 100%;
  }
}
.filter-menu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 8px;
  width: 100%;
}
.filter-menu__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 10px;
}
.filter-menu__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 20px;
  border: 1px solid rgba(var(--br-a), 1);
  border-radius: 4px;
  padding: 16px 12px 18px;
}
.filter-menu__close {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  z-index: 20;
}
.filter-menu__close svg {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.filter-menu__close:hover svg {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.filter-menu__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 10px;
  width: 100%;
}
@media (max-width: 1024px) and (min-width: 576px) {
  .filter-menu__bottom {
    grid-column: 1/-1;
  }
}
@media (max-width: 1024px) and (min-width: 576px) {
  .filter-menu .search {
    grid-column: 1/-1;
  }
}
.filter-menu__clear {
  font-weight: 500;
  font-size: 18px;
  line-height: 167%;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: var(--font-second);
}
.filter-menu__clear:hover {
  color: rgba(var(--cl-d), 1);
}
@media (max-width: 1024px) and (min-width: 576px) {
  .filter-menu__box {
    display: grid;
    grid-gap: 32px clamp(15px, 2.4242vw, 32px);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .filter-menu__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.filter-menu__title {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 30px;
  line-height: 133%;
}

.subscribe-section {
  position: relative;
  padding: clamp(30px, 4.839vw, 60px) 0;
  z-index: 5;
}
.subscribe-section__wrapp {
  width: 100%;
  padding: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 48px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6e2b7), to(#fade97));
  background: linear-gradient(180deg, #f6e2b7 0%, #fade97 100%);
  border-radius: 64px;
}
@media (max-width: 992px) {
  .subscribe-section__wrapp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .subscribe-section__wrapp {
    position: relative;
    padding: 32px 24px;
    border-radius: 32px;
    background: transparent;
    color: rgba(var(--cl-a), 1);
  }
}
.subscribe-section__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 454px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  clip-path: polygon(2.554% 14.783%, 2.554% 14.783%, 2.792% 12.745%, 3.35% 10.814%, 4.204% 9.012%, 5.327% 7.363%, 6.693% 5.893%, 8.277% 4.624%, 10.052% 3.581%, 11.993% 2.787%, 14.074% 2.267%, 16.269% 2.045%, 85.388% 0.024%, 85.388% 0.024%, 87.771% 0.139%, 90.034% 0.604%, 92.147% 1.391%, 94.076% 2.47%, 95.79% 3.812%, 97.257% 5.386%, 98.443% 7.163%, 99.318% 9.114%, 99.847% 11.209%, 100% 13.418%, 98.486% 87.104%, 98.486% 87.104%, 98.256% 89.235%, 97.677% 91.249%, 96.778% 93.121%, 95.59% 94.824%, 94.141% 96.331%, 92.462% 97.616%, 90.582% 98.652%, 88.531% 99.412%, 86.34% 99.87%, 84.037% 100%, 14.098% 98.704%, 14.098% 98.704%, 11.787% 98.487%, 9.604% 97.941%, 7.578% 97.095%, 5.737% 95.978%, 4.111% 94.617%, 2.729% 93.041%, 1.62% 91.278%, 0.813% 89.357%, 0.336% 87.306%, 0.219% 85.153%, 2.554% 14.783%);
}
.subscribe-section__image picture,
.subscribe-section__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 48px;
}
@media (max-width: 767px) {
  .subscribe-section__image {
    max-width: 100%;
    position: absolute;
    inset: 0;
    clip-path: none;
    z-index: -1;
  }
  .subscribe-section__image picture,
  .subscribe-section__image img {
    border-radius: 32px;
  }
  .subscribe-section__image::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.subscribe-section__info {
  max-width: 660px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.subscribe-section__heading {
  font-family: var(--font-primary);
  font-size: clamp(24px, 1.806vw, 26px);
  line-height: 154%;
  font-weight: 600;
}
.subscribe-section__heading .brown {
  color: #d36c40;
}
.subscribe-section__heading .green {
  color: #0d7768;
}
@media (max-width: 767px) {
  .subscribe-section__heading {
    color: rgba(var(--cl-a), 1);
  }
}
.subscribe-section__text {
  font-size: clamp(14px, 1.111vw, 16px);
  font-weight: 300;
  line-height: 169%;
  letter-spacing: -0.02em;
}
.subscribe-section__text a {
  font-weight: 400;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
@media (max-width: 767px) {
  .subscribe-section__text {
    color: rgba(var(--cl-a), 1);
  }
}
.subscribe-section__form {
  padding: 16px 0;
}
.subscribe-section__form label {
  height: 54px;
  width: 100%;
  position: relative;
  border-radius: 100px;
  padding: 14px 24px;
  background: rgba(var(--bg-a), 1);
  -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.12);
}
.subscribe-section__form input {
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
.subscribe-section__form input::-webkit-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.subscribe-section__form input::-moz-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.subscribe-section__form input:-ms-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.subscribe-section__form input::-ms-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.subscribe-section__form input::placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.subscribe-section__form button {
  position: absolute;
  height: 50px;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e594aa), to(#c069d8)), -webkit-gradient(linear, left top, left bottom, color-stop(0, #5caced), to(#2f50b0));
  background: linear-gradient(180deg, #e594aa 0, #c069d8 100%), linear-gradient(180deg, #5caced 0, #2f50b0 100%);
  border-radius: 100px;
  color: rgba(var(--cl-a), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.subscribe-section__form button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #dd8bb4;
  opacity: 0;
  border-radius: 100px;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.subscribe-section__form button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #c56fd3;
  opacity: 0;
  border-radius: 100px;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.subscribe-section__form button:hover::before {
  opacity: 1;
}
.subscribe-section__form button:active::before {
  opacity: 0;
}
.subscribe-section__form button:active::after {
  opacity: 1;
}
.subscribe-section__form button svg {
  stroke: currentColor;
}
@media (max-width: 767px) {
  .subscribe-section__form label {
    padding: 0;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    background-color: transparent;
  }
  .subscribe-section__form input {
    padding: 10px 16px;
    background-color: rgba(var(--bg-a), 1);
    border-radius: 100px;
  }
  .subscribe-section__form button {
    position: relative;
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: var(--font-second);
    font-size: 18px;
    line-height: 167%;
    letter-spacing: -0.02em;
  }
}
.subscribe-section form:invalid button {
  cursor: not-allowed;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a5a5a5), to(#707070)), -webkit-gradient(linear, left top, left bottom, color-stop(0, #5caced), to(#2f50b0));
  background: linear-gradient(180deg, #a5a5a5 0, #707070 100%), linear-gradient(180deg, #5caced 0, #2f50b0 100%);
}
.subscribe-section form:invalid button:hover::before {
  opacity: 0;
}
.subscribe-section form:invalid button:active::after {
  opacity: 0;
}

.article {
  padding-top: clamp(24px, 3.333vw, 48px);
  padding-bottom: clamp(60px, 7.158vw, 136px);
}
.article__wrapp {
  position: relative;
  display: grid;
  grid-template-columns: 1fr clamp(70px, 7.639vw, 110px);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .article__wrapp {
    grid-template-columns: 100%;
  }
}
.article__right-sticky {
  position: sticky;
  top: 120px;
}
@media (max-width: 1024px) {
  .article__right-sticky {
    top: 90px;
  }
}
@media (max-width: 767px) {
  .article__right-sticky {
    display: none;
  }
}
.article__top {
  display: grid;
  grid-template-columns: 1fr 45%;
  grid-gap: 64px 42px;
}
@media (max-width: 1024px) {
  .article__top {
    grid-template-columns: 100%;
  }
}
.article__top.changelog-article {
  grid-template-columns: 100%;
}
.article__top.case-study-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px 32px;
}
.article__top.case-study-article .article__picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 188px;
}
.article__top.case-study-article .article__image {
  -webkit-box-shadow: none;
  box-shadow: none;
  clip-path: polygon(6.505% 6.754%, 6.505% 6.754%, 6.628% 5.881%, 6.865% 5.058%, 7.207% 4.294%, 7.644% 3.599%, 8.168% 2.982%, 8.768% 2.453%, 9.435% 2.022%, 10.159% 1.698%, 10.932% 1.49%, 11.744% 1.41%, 89.731% 0.087%, 89.731% 0.087%, 90.572% 0.144%, 91.375% 0.337%, 92.128% 0.656%, 92.821% 1.09%, 93.444% 1.628%, 93.987% 2.261%, 94.439% 2.977%, 94.789% 3.767%, 95.027% 4.619%, 95.143% 5.523%, 100% 93.876%, 100% 93.876%, 99.978% 94.855%, 99.811% 95.789%, 99.51% 96.664%, 99.088% 97.467%, 98.557% 98.184%, 97.927% 98.801%, 97.213% 99.305%, 96.424% 99.682%, 95.573% 99.918%, 94.673% 100%, 5.756% 100%, 5.756% 100%, 4.845% 99.917%, 3.987% 99.676%, 3.192% 99.291%, 2.473% 98.778%, 1.842% 98.15%, 1.311% 97.421%, 0.893% 96.606%, 0.599% 95.719%, 0.442% 94.774%, 0.434% 93.784%, 6.505% 6.754%);
  border-radius: 10px;
}
.article__top.case-study-article .article__image picture,
.article__top.case-study-article .article__image img {
  border-radius: 10px;
}
.article__top.case-study-article .article__info {
  max-width: 738px;
}
.article__top.case-study-article .article__info h1 {
  font-family: var(--font-primary);
  font-size: clamp(32px, 4.688vw, 36px);
  line-height: 133%;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .article__top.case-study-article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .article__top.case-study-article .article__picture {
    width: 100%;
  }
}
.article__picture.article-page {
  position: relative;
}
.article__picture.article-page::before {
  content: "";
  position: absolute;
  top: -20px;
  right: 35px;
  clip-path: polygon(0.267% 15.349%, 0.267% 15.349%, 0.299% 14.156%, 0.477% 13.013%, 0.79% 11.938%, 1.226% 10.944%, 1.776% 10.048%, 2.426% 9.266%, 3.167% 8.612%, 3.988% 8.103%, 4.876% 7.753%, 5.822% 7.579%, 83.893% 1.023%, 83.893% 1.023%, 85.876% 1.057%, 87.777% 1.479%, 89.569% 2.257%, 91.225% 3.364%, 92.718% 4.768%, 94.023% 6.442%, 95.11% 8.354%, 95.955% 10.476%, 96.529% 12.778%, 96.807% 15.231%, 100% 82.194%, 100% 82.194%, 99.953% 84.725%, 99.584% 87.143%, 98.919% 89.413%, 97.983% 91.501%, 96.802% 93.371%, 95.403% 94.988%, 93.811% 96.318%, 92.051% 97.325%, 90.151% 97.975%, 88.135% 98.233%, 15.183% 100%, 15.183% 100%, 13.249% 99.856%, 11.405% 99.346%, 9.676% 98.499%, 8.086% 97.345%, 6.66% 95.911%, 5.421% 94.226%, 4.396% 92.319%, 3.607% 90.219%, 3.08% 87.954%, 2.838% 85.553%, 0.267% 15.349%);
  background-color: rgba(var(--cl-d), 1);
  width: 80%;
  height: 230px;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.article__image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clip-path: polygon(1.873% 15.71%, 1.873% 15.71%, 2.033% 13.764%, 2.415% 11.919%, 3% 10.198%, 3.771% 8.624%, 4.71% 7.219%, 5.799% 6.006%, 7.02% 5.009%, 8.355% 4.251%, 9.787% 3.753%, 11.298% 3.541%, 88.607% 0.399%, 88.607% 0.399%, 90.198% 0.5%, 91.714% 0.918%, 93.135% 1.628%, 94.439% 2.604%, 95.606% 3.821%, 96.614% 5.253%, 97.444% 6.875%, 98.073% 8.662%, 98.481% 10.587%, 98.648% 12.626%, 100% 85.604%, 100% 85.604%, 99.909% 87.652%, 99.572% 89.601%, 99.009% 91.425%, 98.239% 93.097%, 97.284% 94.589%, 96.163% 95.877%, 94.895% 96.931%, 93.501% 97.727%, 92.001% 98.236%, 90.414% 98.433%, 10.17% 100%, 10.17% 100%, 8.542% 99.858%, 6.999% 99.386%, 5.561% 98.612%, 4.252% 97.564%, 3.092% 96.271%, 2.103% 94.761%, 1.307% 93.062%, 0.725% 91.201%, 0.379% 89.209%, 0.29% 87.111%, 1.873% 15.71%);
  -webkit-box-shadow: 0 26px 53px 0 rgba(50, 50, 71, 0.04), 0 13px 26px 0 rgba(50, 50, 71, 0.04);
  box-shadow: 0 26px 53px 0 rgba(50, 50, 71, 0.04), 0 13px 26px 0 rgba(50, 50, 71, 0.04);
}
.article__image picture,
.article__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.article__quiz-picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
.article__title {
  font-size: clamp(42px, 3.333vw, 64px);
  line-height: 125%;
  font-weight: 700;
}
.article__excerpt {
  font-family: var(--font-primary);
  font-size: clamp(24px, 1.875vw, 36px);
  line-height: 133%;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.article__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
.article__tags span {
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.article__tags a {
  padding: 2px 6px 4px 6px;
  background: rgba(var(--bg-b), 0.4);
  border-radius: 4px;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 114%;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-a), 1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.article__tags a:hover, .article__tags a:active {
  background: rgba(var(--bg-b), 1);
}
.article__share-mob {
  display: none;
}
@media (max-width: 767px) {
  .article__share-mob {
    width: 100%;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
  }
  .article__share-mob span {
    font-size: 12px;
    line-height: 133%;
    letter-spacing: -0.02em;
    font-weight: 500;
  }
  .article__share-mob ul {
    width: 100%;
    -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: 4px;
  }
  .article__share-mob ul li {
    width: 100%;
  }
  .article__share-mob ul a {
    width: 100%;
    padding: 10px 0;
  }
}
.article__box {
  margin-top: clamp(40px, 5.833vw, 112px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 1024px) {
  .article__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 48px;
  }
}
.article__box.quiz-box {
  margin-top: clamp(40px, 4.688vw, 48px);
}
.article__box.quiz-box .article__content {
  padding: 0 clamp(12px, 3.229vw, 62px);
}
.article__box.quiz-box .share {
  margin-top: 0;
}
@media (max-width: 767px) {
  .article__box.quiz-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    grid-gap: 40px;
  }
}
.article__aside {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: sticky;
  top: 122px;
  max-width: 314px;
  width: 100%;
  padding: 40px 32px 96px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6e2b7), to(#fade97));
  background: linear-gradient(180deg, #f6e2b7 0%, #fade97 100%);
  -webkit-box-shadow: 16px 30px 76px 0 rgba(0, 0, 0, 0.05), 64px 122px 137px 0 rgba(0, 0, 0, 0.04), 144px 274px 186px 0 rgba(0, 0, 0, 0.03), 256px 486px 220px 0 rgba(0, 0, 0, 0.01), 400px 760px 240px 0 rgba(0, 0, 0, 0);
  box-shadow: 16px 30px 76px 0 rgba(0, 0, 0, 0.05), 64px 122px 137px 0 rgba(0, 0, 0, 0.04), 144px 274px 186px 0 rgba(0, 0, 0, 0.03), 256px 486px 220px 0 rgba(0, 0, 0, 0.01), 400px 760px 240px 0 rgba(0, 0, 0, 0);
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.article__aside::before {
  content: "";
  position: absolute;
  background-image: url("../img/mountains.svg");
  background-position: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 144px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  overflow: hidden;
}
.article__aside-heading {
  font-family: var(--font-primary);
  font-size: 30px;
  font-weight: 600;
  line-height: 133%;
}
.article__aside-descr {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: -0.02em;
}
.article__aside-descr span {
  color: rgba(var(--cl-f), 1);
}
.article__aside-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 64px;
  padding: 14px 20px;
  background-color: rgba(var(--bg-a), 1);
  border-radius: 100px;
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.article__aside-link:hover {
  color: rgba(var(--cl-g), 1);
  background-color: #f5f5f5;
}
.article__aside-link:active {
  color: rgba(var(--cl-g), 1);
  background-color: #f5f5f5;
  opacity: 0.75;
}
.article__aside-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 20px;
  background-color: rgba(var(--bg-a), 1);
  border-radius: 100px;
  font-family: var(--font-second);
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.article__aside-download:hover {
  color: rgba(var(--cl-g), 1);
  background-color: #f5f5f5;
}
.article__aside-download:active {
  color: rgba(var(--cl-g), 1);
  background-color: #f5f5f5;
  opacity: 0.75;
}
.article__aside-download svg {
  stroke: currentColor;
}
.article__aside-ps {
  font-family: var(--font-second);
  font-size: 14px;
  line-height: 129%;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 0.5);
}
@media (max-width: 1024px) {
  .article__aside {
    position: relative;
    top: initial;
    max-width: 100%;
  }
}
.article__content {
  width: 100%;
  padding: 0 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .article__content {
    padding: 0;
  }
}
.article__content-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: 24px;
}
.article__content-block h2 {
  font-family: var(--font-primary);
  font-size: clamp(32px, 4.688vw, 36px);
  line-height: 133%;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.article__content-block p {
  font-family: var(--font-second);
  font-size: clamp(18px, 2.604vw, 20px);
  line-height: 160%;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.article__content-block a {
  display: inline;
  font-family: var(--font-second);
  font-size: clamp(18px, 2.604vw, 20px);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  word-break: break-all;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.article__content-block a:hover {
  color: rgba(var(--cl-g), 1);
}
.article__content-block a:active {
  color: rgba(var(--cl-g), 0.75);
}
.article__content-block ul li {
  list-style-type: disc;
  list-style-position: inside;
  font-family: var(--font-second);
  font-size: clamp(18px, 2.604vw, 20px);
  line-height: 160%;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.article__content-block i {
  padding: 40px 32px;
  border-left: 4px solid #0d7768;
  background-color: rgba(var(--bg-d), 0.1);
  border-radius: 8px;
  font-family: var(--font-second);
  font-style: italic;
  font-size: 20px;
  line-height: 160%;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.article__content-block .download {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 14px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background-color: rgba(var(--bg-a), 1);
  border-radius: 100px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: rgba(var(--cl-d), 1);
}
.article__content-block .download svg {
  stroke: currentColor;
}
.article__explore {
  width: 100%;
  padding-top: 48px;
  border-top: 1px solid rgba(var(--cl-c), 0.2);
}
.article__feedback {
  padding: clamp(32px, 6.25vw, 64px);
  position: relative;
  -webkit-perspective: 100px;
  perspective: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(24px, 3.125vw, 32px);
}
.article__feedback::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -1;
  -webkit-transform: rotateX(2deg) rotateY(0deg);
  transform: rotateX(1deg) rotateY(1deg) translateX(35px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  border-radius: 18px;
  -webkit-box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.05), 0 39px 39px 0 rgba(0, 0, 0, 0.04), 0 88px 53px 0 rgba(0, 0, 0, 0.03), 0 157px 63px 0 rgba(0, 0, 0, 0.01), 0 246px 69px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.05), 0 39px 39px 0 rgba(0, 0, 0, 0.04), 0 88px 53px 0 rgba(0, 0, 0, 0.03), 0 157px 63px 0 rgba(0, 0, 0, 0.01), 0 246px 69px 0 rgba(0, 0, 0, 0);
}
@media (max-width: 767px) {
  .article__feedback::before {
    -webkit-transform: rotateX(1deg) rotateY(1deg) translateX(5px);
    transform: rotateX(1deg) rotateY(1deg) translateX(5px);
  }
}
.article__feedback-text {
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 300;
  font-style: italic;
  letter-spacing: -0.02em;
}
.article__feedback-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .article__feedback-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 8px;
  }
}
.article__feedback-info.without-image {
  margin-left: auto;
}
.article__feedback-info.without-image span {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 767px) {
  .article__feedback-info.without-image {
    margin: initial;
  }
  .article__feedback-info.without-image span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.article__feedback-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.article__feedback-details p {
  font-family: var(--font-primary);
  font-size: clamp(16px, 2.344vw, 18px);
  line-height: 133%;
  font-weight: 500;
}
.article__feedback-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-block {
  position: relative;
  padding: 160px 0;
  padding: clamp(120px, 8.421vw, 160px) 0 clamp(140px, 11.458vw, 220px);
  overflow: hidden;
}
.middle-block .container {
  position: relative;
  z-index: 1;
}
.middle-block .container::before {
  content: "";
  position: absolute;
  top: clamp(60px, 9.474vw, 100px);
  bottom: clamp(80px, 6.25vw, 120px);
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FAFAFA;
  z-index: -1;
}
.middle-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/middle-frame-top.png");
  background-position: top left;
  background-size: cover;
  width: 100%;
  height: clamp(220px, 17.053vw, 324px);
  z-index: -1;
}
@media (max-width: 767px) {
  .middle-block::before {
    background-position: center;
  }
}
.middle-block::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../img/middle-frame-bot.png");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: clamp(240px, 17.813vw, 342px);
  z-index: -1;
}
.middle-block__wrapp {
  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: clamp(64px, 6.458vw, 124px);
  z-index: 1;
}

.related {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.related__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}
.related__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .related__controls {
    display: none;
  }
}
.related__control {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(var(--bg-d), 1);
  border: 2px solid rgba(var(--bg-d), 1);
  border-radius: 100px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.related__control svg {
  stroke: currentColor;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.related__control:hover {
  background-color: #EFE7DD;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  color: #006354;
}
.related__control:active {
  background-color: rgba(var(#efe7dd), 0.75);
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  color: #006354;
}
.related__control:disabled {
  width: 44px;
  height: 44px;
  color: rgba(var(--bg-c), 0.5);
  border: 2px solid rgba(var(--bg-c), 0.5);
  pointer-events: none;
}
.related__slider {
  height: 100%;
  overflow: hidden;
  margin: -20px;
  padding: 20px;
}
@media (max-width: 767px) {
  .related__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 64px;
  }
}

.downloading {
  display: grid;
  grid-template-columns: repeat(2, clamp(345px, 35.972vw, 518px));
  grid-gap: 32px clamp(24px, 2.222vw, 32px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .downloading {
    grid-template-columns: 100%;
  }
}
.downloading__logo {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .downloading__info {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}
.downloading__title {
  margin-bottom: 8px;
  font-family: var(--font-primary);
  font-size: clamp(32px, 3.056vw, 44px);
  line-height: 127%;
  font-weight: 700;
}
.downloading__descr {
  display: block;
  margin-bottom: 32px;
  font-family: var(--font-primary);
  font-size: clamp(24px, 2.222vw, 32px);
  line-height: 144%;
  font-weight: 600;
}
.downloading__links span {
  display: block;
  margin-bottom: 10px;
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.form-quiz {
  padding: clamp(40px, 5.664vw, 58px) clamp(32px, 4.688vw, 48px);
  border-radius: 48px;
  background-color: rgba(var(--bg-a), 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(24px, 3.125vw, 32px);
}
@media (max-width: 576px) {
  .form-quiz {
    width: 100vw;
    margin-left: -28px;
    border-radius: 0;
  }
}
.form-quiz__heading {
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 133%;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
}
.form-quiz__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-quiz__list:not(:first-of-type) {
  display: none;
}
.form-quiz__card {
  width: 100%;
}
.form-quiz__title {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.form-quiz__question {
  display: block;
  margin-bottom: 16px;
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 160%;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.form-quiz__map {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 150%;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.form-quiz__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form-quiz__btn {
  border: 2px solid rgba(var(--bg-d), 1);
  border-radius: 100px;
  padding: 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-d), 1);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.form-quiz__btn svg {
  stroke: currentColor;
}
.form-quiz__btn:hover {
  background-color: #F5F5F5;
}
.form-quiz__btn:active {
  background: #f5f5f5;
  opacity: 0.75;
}
.form-quiz__btn--prev {
  border: none;
  padding: 0;
  gap: 12px;
  color: rgba(var(--cl-c), 1);
}
.form-quiz__btn--prev p {
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: currentColor;
}
.form-quiz__btn--prev svg {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}
.form-quiz__btn--prev.form-quiz__btn--disable {
  border: none;
}
.form-quiz__btn--prev:hover {
  color: rgba(var(--cl-d), 1);
  background-color: transparent;
}
.form-quiz__btn--prev:active {
  background: transparent;
  color: rgba(var(--cl-d), 1);
  opacity: 0.75;
}
.form-quiz__btn--disable {
  opacity: 0.5 !important;
  pointer-events: none;
  border: 2px solid #333;
  color: #333;
}
.form-quiz__btn.hide {
  display: none;
}
.form-quiz__items {
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 12px;
}
@media (max-width: 1240px) {
  .form-quiz__items {
    grid-template-columns: repeat(5, 1fr);
  }
}
.form-quiz__item:first-child input:checked + span {
  border: 2px solid #7fb446;
  color: #7fb446;
}
.form-quiz__item:first-child span:hover {
  border: 2px solid #7fb446;
}
.form-quiz__item:nth-child(2) input:checked + span {
  border: 2px solid #92b441;
  color: #92b441;
}
.form-quiz__item:nth-child(2) span:hover {
  border: 2px solid #92b441;
}
.form-quiz__item:nth-child(3) input:checked + span {
  border: 2px solid #b1b43c;
  color: #b1b43c;
}
.form-quiz__item:nth-child(3) span:hover {
  border: 2px solid #b1b43c;
}
.form-quiz__item:nth-child(4) input:checked + span {
  border: 2px solid #cfb134;
  color: #cfb134;
}
.form-quiz__item:nth-child(4) span:hover {
  border: 2px solid #cfb134;
}
.form-quiz__item:nth-child(5) input:checked + span {
  border: 2px solid #e8a72c;
  color: #e8a72c;
}
.form-quiz__item:nth-child(5) span:hover {
  border: 2px solid #e8a72c;
}
.form-quiz__item:nth-child(6) input:checked + span {
  border: 2px solid #f98e21;
  color: #f98e21;
}
.form-quiz__item:nth-child(6) span:hover {
  border: 2px solid #f98e21;
}
.form-quiz__item:nth-child(7) input:checked + span {
  border: 2px solid #fe711a;
  color: #fe711a;
}
.form-quiz__item:nth-child(7) span:hover {
  border: 2px solid #fe711a;
}
.form-quiz__item:nth-child(8) input:checked + span {
  border: 2px solid #ff5315;
  color: #ff5315;
}
.form-quiz__item:nth-child(8) span:hover {
  border: 2px solid #ff5315;
}
.form-quiz__item:nth-child(9) input:checked + span {
  border: 2px solid #ff3912;
  color: #ff3912;
}
.form-quiz__item:nth-child(9) span:hover {
  border: 2px solid #ff3912;
}
.form-quiz__item:last-child input:checked + span {
  border: 2px solid #ff2310;
  color: #ff2310;
}
.form-quiz__item:last-child span:hover {
  border: 2px solid #ff2310;
}
.form-quiz__checkbox {
  position: relative;
  width: 100%;
}
.form-quiz__input {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
}
.form-quiz__mark {
  width: 100%;
  padding: clamp(12px, 2.344vw, 24px) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid #dcdcdc;
  border-radius: 12px;
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 133%;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #2f2f2f;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.form-quiz__mark:hover {
  background-color: #fafafa;
}
.form-quiz__results {
  width: 100%;
  position: relative;
}
.form-quiz__results input {
  padding: 14px 24px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  border-radius: 100px;
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
}
.form-quiz__results input::-webkit-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.form-quiz__results input::-moz-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.form-quiz__results input:-ms-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.form-quiz__results input::-ms-input-placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.form-quiz__results input::placeholder {
  color: rgba(var(--cl-c), 0.75);
}
.form-quiz__results input:invalid ~ button {
  cursor: not-allowed;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a5a5a5), to(#707070)), -webkit-gradient(linear, left top, left bottom, color-stop(0, #5caced), to(#2f50b0));
  background: linear-gradient(180deg, #a5a5a5 0, #707070 100%), linear-gradient(180deg, #5caced 0, #2f50b0 100%);
}
.form-quiz__results input:invalid ~ button:hover::before {
  opacity: 0;
}
.form-quiz__results input:invalid ~ button:active::after {
  opacity: 0;
}
.form-quiz__results button {
  position: absolute;
  height: 50px;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e594aa), to(#c069d8)), -webkit-gradient(linear, left top, left bottom, color-stop(0, #5caced), to(#2f50b0));
  background: linear-gradient(180deg, #e594aa 0, #c069d8 100%), linear-gradient(180deg, #5caced 0, #2f50b0 100%);
  border-radius: 100px;
  color: rgba(var(--cl-a), 1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.form-quiz__results button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #dd8bb4;
  opacity: 0;
  border-radius: 100px;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-quiz__results button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #c56fd3;
  opacity: 0;
  border-radius: 100px;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-quiz__results button:hover::before {
  opacity: 1;
}
.form-quiz__results button:active::before {
  opacity: 0;
}
.form-quiz__results button:active::after {
  opacity: 1;
}
.form-quiz__results button svg {
  stroke: currentColor;
}
@media (max-width: 767px) {
  .form-quiz__results {
    padding: 0;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    background-color: transparent;
  }
  .form-quiz__results input {
    padding: 10px 16px;
    background-color: rgba(var(--bg-a), 1);
    border-radius: 100px;
  }
  .form-quiz__results button {
    position: relative;
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: var(--font-second);
    font-size: 18px;
    line-height: 167%;
    letter-spacing: -0.02em;
  }
}
.form-quiz__restart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  font-family: var(--font-second);
  font-size: 18px;
  line-height: 167%;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(var(--cl-c), 1);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.form-quiz__restart svg {
  stroke: currentColor;
}
.form-quiz__restart:hover {
  color: rgba(var(--cl-d), 1);
}
.form-quiz__restart:active {
  color: rgba(var(--cl-d), 1);
  opacity: 0.75;
}

.changelog-category {
  position: relative;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .changelog-category {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding: 30px 0 60px;
  }
}
.changelog-category__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(16px, 2.222vw, 32px);
}
.changelog-category__list {
  grid-template-columns: 100%;
  gap: 32px;
}
.changelog-category__list a {
  padding: 0;
  border-right: none;
}
@media (max-width: 767px) {
  .changelog-category__list a {
    border-bottom: none;
  }
}
/*# sourceMappingURL=style.css.map */