@charset "UTF-8";
* {
  overflow-anchor: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
::after,
::before {
  box-sizing: border-box
}
a {
  text-decoration: none
}
[role=button],
a,
button,
input,
label,
select,
textarea {
  -webkit-tap-highlight-color: transparent
}
::-moz-placeholder {
  color: #666
}
::placeholder {
  color: #666
}
::-moz-selection {
  text-shadow: none;
  color: #fff;
  background-color: #3390ff
}
::selection {
  text-shadow: none;
  color: #fff;
  background-color: #3390ff
}
b,
strong {
  font-weight: 700
}
ol.rst,
ul.rst {
  list-style: none
}
input,
textarea {
  border: #666 1px solid;
  font-family: Geometria,sans-serif
}
body {
  width: 100%;
  height: 100%;
  min-width: 375px;
  font-style: normal;
  line-height: 1.15;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%
}
[hidden] {
  display: none
}
textarea {
  vertical-align: top;
  overflow: auto;
  resize: vertical
}
audio:not([controls]) {
  display: none;
  height: 0
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer
}
button[disabled],
input[disabled] {
  cursor: default
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
button {
  font-family: inherit;
  font-weight: inherit
}
@font-face {
  font-family: Geometria;
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: local("Geometria"),url(../fonts/Geometria/Geometria-Regular.woff2) format("woff2")
}
@font-face {
  font-family: Geometria;
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: local("Geometria"),url(../fonts/Geometria/Geometria-Medium.woff2) format("woff2")
}
@font-face {
  font-family: Geometria;
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: local("Geometria"),url(../fonts/Geometria/Geometria-Bold.woff2) format("woff2")
}
@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 {
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0,0,0)
}
.swiper-horizontal {
  touch-action: pan-y
}
.swiper-vertical {
  touch-action: pan-x
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}
.swiper-3d {
  perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  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 {
  scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  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: "";
  flex-shrink: 0;
  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 {
  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 {
  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,.15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  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 {
  animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  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: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-next.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;
  transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  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;
  transition: .3s opacity;
  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 {
  transform: scale(.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -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%;
  transform: translate3d(0,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit)
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color,rgba(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,.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: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move;
  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 {
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper.swiper-cube {
  overflow: visible
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
  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: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  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;
  backface-visibility: hidden
}
.swiper.swiper-flip {
  overflow: visible
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  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;
  backface-visibility: hidden
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height
}
.swiper.swiper-cards {
  overflow: visible
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden
}
.html {
  height: 100%;
  font-size: 10px
}
.body {
  position: relative;
  width: 100%;
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #0a0c0f;
  background: #edeef6
}
.site {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  overflow-x: hidden;
  min-height: 100%
}
.input-custom {
  position: relative;
  --input-custom-border-color: #5f6db2
}
.input-custom_light {
  --input-custom-border-color: #fff
}
.input-custom__input {
  border: 2px solid var(--input-custom-border-color);
  border-radius: 10px;
  padding: 14px 25px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #5f6db2
}
.input-custom__input::-moz-placeholder {
  color: #b8b8c2
}
.input-custom__input::placeholder {
  color: #b8b8c2
}
textarea.input-custom__input {
  height: 100%;
  resize: none
}
@media (max-width:575.5px) {
  .input-custom__input {
    border-radius: 10px
  }
}
.input-custom__err {
  position: absolute;
  left: 25px;
  top: 50%;
  display: none;
  font-weight: 400;
  font-size: 14px;
  color: #ff2727;
  transform: translateY(-50%);
  pointer-events: none
}
.input-custom_err .input-custom__input {
  border-color: #ff2727
}
.input-custom_err .input-custom__err {
  display: block
}
.check-custom {
  --check-custom-color: #0a0c0f;
  position: relative;
  padding-left: 35px;
  display: flex;
  align-items: center;
  min-height: 25px
}
.check-custom_light {
  --check-custom-color: #fff
}
.check-custom__input {
  position: fixed;
  transform: scale(0)
}
.check-custom__input:checked + .check-custom__fake::after {
  opacity: 1
}
.check-custom__fake {
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 25px;
  aspect-ratio: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer
}
.check-custom__fake::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 16/12;
  background-image: url(../img/icon-check.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .1s
}
.check-custom__text {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: var(--check-custom-color)
}
@media (max-width:575.5px) {
  .check-custom__text {
    font-size: 10px
  }
}
.check-custom__text a {
  color: inherit;
  text-decoration: underline
}
.check-custom_err .check-custom__fake {
  border: 1px solid red
}
.icon {
  display: inline-block;
  width: var(--icon-width,24px);
  aspect-ratio: var(--icon-ratio,1);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background-color: var(--icon-color,#fff)
}
.btn {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent
}
.btn-wrapper {
  text-align: center
}
.btn-default {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: 2px solid #5f6db2;
  border-radius: 15px;
  padding: 13px 70px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
  color: #fff;
  background: #5f6db2;
  transition: border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out
}
@media (max-width:767.5px) {
  .btn-default {
    padding: 14px 58px;
    font-size: 14px
  }
}
@media (max-width:575.5px) {
  .btn-default {
    border-radius: 10px
  }
}
.btn-default_light {
  border-color: #fff;
  color: #5f6db2;
  background: #fff
}
@media (any-hover:hover) {
  .btn-default_light:hover {
    border-color: #dddfed
  }
}
.btn-default_light:active {
  border-color: #dddfed;
  background: #dddfed
}
.btn-default_light:disabled {
  color: #bababa;
  border-color: #e8e9eb;
  background-color: #e8e9eb
}
.btn-close {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  width: 34px;
  aspect-ratio: 1;
  font-size: 0;
  background-color: transparent
}
.btn-close::after,
.btn-close::before {
  content: "";
  position: absolute;
  border-radius: 5px;
  width: 100%;
  height: 2.62px;
  background-color: #fff
}
.btn-close::after {
  transform: translateX(-50%) rotate(45deg)
}
.btn-close::before {
  transform: translateX(-50%) rotate(-45deg)
}
.btn-burger {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  position: relative;
  width: 40px;
  aspect-ratio: 40/25;
  font-size: 0;
  background: 0 0
}
.btn-burger::after,
.btn-burger::before,
.btn-burger__inner {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 3px;
  background: #fff;
  transform-origin: center;
  transform: translate(-50%,-50%);
  transition: top .3s,transform .3s
}
.btn-burger::before {
  transform: translate(-50%,calc(-50% + 10px))
}
.btn-burger::after {
  transform: translate(-50%,calc(-50% - 10px))
}
.btn-burger__inner {
  transition: opacity .3s
}
.btn-slider {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 50%;
  border: 1px solid #5f6db2;
  width: 48px;
  height: auto;
  aspect-ratio: 1;
  background-color: rgba(95,109,178,.22);
  transition: border-color .2s ease-in-out,background-color .2s ease-in-out
}
.btn-slider::before {
  content: "";
  display: inline-block;
  width: 11px;
  aspect-ratio: 11/20;
  background-color: #5f6db2;
  -webkit-mask-image: url(../img/icon-slider-btn.svg);
  mask-image: url(../img/icon-slider-btn.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: background-color .2s ease-in-out
}
.btn-slider::after {
  display: none
}
.btn-slider_prev {
  transform: scale(-1,1)
}
.btn-slider.swiper-button-disabled {
  display: none
}
@media (any-hover:hover) {
  .btn-slider:hover {
    border-color: #5f6db2;
    background-color: #5f6db2
  }
  .btn-slider:hover::before {
    background-color: #fff
  }
}
.btn-slider_light {
  border-color: #fff;
  background-color: rgba(255,255,255,.22)
}
.btn-slider_light::before {
  background-color: #fff
}
.visually-hidden {
  position: fixed;
  transform: scale(0)
}
.title-main {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.2;
  color: #fff
}
@media (max-width:1023.5px) {
  .title-main {
    font-size: 38px
  }
}
@media (max-width:767.5px) {
  .title-main {
    font-size: 25px
  }
}
.title-main_offset {
  margin-bottom: 7px
}
@media (max-width:575.5px) {
  .title-main_offset {
    margin-bottom: 10px
  }
}
.title-default {
  font-weight: 700;
  font-size: 38px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .012em;
  color: #0a0c0f
}
@media (max-width:1023.5px) {
  .title-default {
    font-size: 32px
  }
}
@media (max-width:767.5px) {
  .title-default {
    font-size: 25px
  }
}
@media (max-width:575.5px) {
  .title-default {
    letter-spacing: .002em
  }
}
.title-default_offset {
  margin-bottom: 48px
}
@media (max-width:1023.5px) {
  .title-default_offset {
    margin-bottom: 25px
  }
}
@media (max-width:575.5px) {
  .title-default_offset {
    margin-bottom: 31px
  }
}
.text-common {
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #000
}
@media (max-width:1299.5px) {
  .text-common {
    font-size: 20px
  }
}
.open-menu {
  overflow: hidden
}
.logo {
  display: inline-block;
  font-size: 0
}
.container {
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  max-width: 1208px
}
@media (max-width:1299.5px) {
  .container {
    max-width: 992px
  }
}
@media (max-width:1023.5px) {
  .container {
    max-width: 742px
  }
}
@media (max-width:767.5px) {
  .container {
    max-width: 549px;
    padding-left: 16px;
    padding-right: 16px
  }
}
@media (max-width:575.5px) {
  .container {
    max-width: 100%
  }
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  transition: background-color .2s ease-in-out
}
.header_active {
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter: blur(4.5px);
  background: rgba(19,30,87,.7)
}
.header__container {
  display: flex;
  align-items: flex-end;
  padding-top: 72px;
  padding-bottom: 67px
}
@media (max-width:1299.5px) {
  .header__container {
    padding-top: 40px;
    padding-bottom: 40px
  }
}
@media (max-width:1023.5px) {
  .header__container {
    padding-top: 25px;
    padding-bottom: 25px;
    align-items: center
  }
}
@media (max-width:575.5px) {
  .header__container {
    padding-top: 30px
  }
}
.header__menu {
  margin-right: auto
}
@media (max-width:1023.5px) {
  .header__menu {
    display: none
  }
}
.header__menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 90px
}
@media (max-width:1299.5px) {
  .header__menu-list {
    gap: 60px
  }
}
.header__menu-link {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  transition: color .2s ease-in-out
}
@media (any-hover:hover) {
  .header__menu-link:hover {
    color: #8592cf
  }
}
.header__menu-link:active {
  color: #8592cf
}
.header__logo {
  display: inline-block;
  font-size: 0;
  width: 174px;
  aspect-ratio: 174/26;
  transform: translateY(-5px)
}
@media (max-width:1023.5px) {
  .header__logo {
    margin-right: auto;
    transform: none
  }
}
@media (max-width:575.5px) {
  .header__logo {
    width: 169px
  }
}
.header__logo-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(../img/logo.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
.header__burger {
  display: none
}
@media (max-width:1023.5px) {
  .header__burger {
    display: inline-block
  }
}
@media (max-width:575.5px) {
  .header__burger {
    margin-right: 8px
  }
}
.footer {
  padding-top: 54px;
  padding-bottom: 54px;
  background: #5f6db2
}
@media (max-width:575.5px) {
  .footer {
    padding-top: 65px;
    padding-bottom: 54px
  }
}
.footer__top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 39px
}
@media (max-width:575.5px) {
  .footer__top {
    flex-direction: column-reverse;
    gap: 26px;
    margin-bottom: 34px
  }
}
.footer__wa {
  position: relative;
  padding-left: 45px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
  color: #fff;
  transform: translateY(-4px)
}
@media (max-width:575.5px) {
  .footer__wa {
    font-size: 15px
  }
}
.footer__wa-icon {
  position: absolute;
  left: 0;
  top: 50%;
  border-radius: 5px;
  width: 35px;
  aspect-ratio: 1;
  background: url(../img/icon-wa.svg),linear-gradient(180deg,#4ac14b 0,#06853a 100%);
  background-position: center center,center center;
  background-size: 25px 25px,contain;
  background-repeat: no-repeat;
  transform: translateY(-50%)
}
.footer__logo {
  display: inline-block;
  font-size: 0;
  width: 235px;
  aspect-ratio: 235/35;
  font-size: 0;
  transform: translateY(-5px)
}
.footer__logo-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(../img/logo.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
.footer__center {
  display: flex;
  justify-content: space-between;
  margin-bottom: 55px
}
@media (max-width:1023.5px) {
  .footer__center {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px
  }
}
@media (max-width:575.5px) {
  .footer__center {
    margin-bottom: 30px;
    gap: 12px 20px
  }
}
.footer__addr,
.footer__mail,
.footer__phone {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.3;
  color: #fff
}
@media (max-width:1299.5px) {
  .footer__addr,
  .footer__mail,
  .footer__phone {
    font-size: 20px
  }
}
@media (max-width:1023.5px) {
  .footer__addr,
  .footer__mail,
  .footer__phone {
    text-align: center
  }
}
@media (max-width:575.5px) {
  .footer__addr,
  .footer__mail,
  .footer__phone {
    font-size: 15px
  }
}
.footer__copy {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  color: #fff
}
@media (max-width:575.5px) {
  .footer__copy {
    font-size: 15px
  }
}
.modals {
  z-index: 15
}
.modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-align: center
}
.modal_active {
  display: flex
}
.modal__inner {
  position: relative;
  display: inline-flex;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 20px;
  padding: 30px;
  width: 660px;
  max-width: calc(100% - 32px);
  white-space: normal;
  text-align: left;
  background-color: #fff
}
@media (max-width:1023.5px) {
  .modal__inner {
    max-width: calc(100% - 40px)
  }
}
@media (max-width:575.5px) {
  .modal__inner {
    max-width: calc(100% - 33px)
  }
}
.modal__overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7)
}
.modal__close {
  position: absolute;
  right: 23px;
  top: 23px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  font-size: 0;
  width: 30px;
  aspect-ratio: 1;
  background-color: transparent
}
@media (max-width:575.5px) {
  .modal__close {
    top: 19px;
    right: 19px
  }
}
.modal__close::after,
.modal__close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 14px);
  height: 0;
  border-bottom: 1.5px solid #fff;
  transform: translate(-50%,-50%) rotate(-45deg)
}
.modal__close::after {
  transform: translate(-50%,-50%) rotate(45deg)
}
.modal-order__inner {
  flex-direction: column;
  border: 2px solid #dddfed;
  border-radius: 15px;
  padding: 50px 57px;
  width: 670px;
  background: #5f6db2
}
@media (max-width:575.5px) {
  .modal-order__inner {
    padding: 50px 18px
  }
}
.modal-order__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-bottom: 53px
}
@media (max-width:575.5px) {
  .modal-order__top {
    margin-bottom: 32px
  }
}
.modal-order__top_offset-2 {
  margin-bottom: 51px
}
.modal-order__title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
  text-transform: uppercase;
  text-align: center;
  color: #fff
}
.modal-order__title_oversize {
  width: calc(100% + 10px)
}
@media (max-width:575.5px) {
  .modal-order__title {
    font-size: 22px
  }
}
.modal-order__title b {
  font-weight: 700
}
.modal-order__desc {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  color: #fff
}
@media (max-width:767.5px) {
  .modal-order__desc {
    font-size: 14px
  }
}
.modal-order__inputs {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 20px
}
@media (max-width:575.5px) {
  .modal-order__inputs {
    gap: 24px;
    margin-bottom: 19px
  }
}
.modal-order__form-input {
  width: 100%
}
.modal-order__form-input_solo {
  grid-column: 1/3
}
@media (max-width:575.5px) {
  .modal-order__form-input_solo {
    grid-column: unset
  }
}
.modal-order__form-input_textarea {
  height: 97px
}
@media (max-width:575.5px) {
  .modal-order__form-input_textarea {
    height: 50px
  }
}
.modal-order__form-checks {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 56px
}
@media (max-width:575.5px) {
  .modal-order__form-checks {
    margin-bottom: 64px
  }
}
.fixed-menu {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-in
}
.fixed-menu__overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%
}
.fixed-menu__content {
  position: absolute;
  right: 0;
  top: 0;
  overflow-y: auto;
  padding: 102px 20px 25px;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter: blur(4.5px);
  background: rgba(19,30,87,.7)
}
.fixed-menu__close {
  position: absolute;
  right: 22px;
  top: 27px
}
.fixed-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 26px;
  align-items: center
}
.fixed-menu__link {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.3;
  color: #fff
}
.open-menu .fixed-menu {
  opacity: 1;
  pointer-events: all
}
.hero {
  position: relative;
  z-index: 1;
  padding-top: 221px;
  padding-bottom: 221px
}
@media (max-width:1299.5px) {
  .hero {
    padding-top: 140px;
    padding-bottom: 140px
  }
}
@media (max-width:1023.5px) {
  .hero {
    padding-top: 140px;
    padding-bottom: 100px
  }
}
@media (max-width:575.5px) {
  .hero {
    padding-top: 91px;
    padding-bottom: 90px
  }
}
.hero__bg {
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
  z-index: -1;
  height: 100%;
  aspect-ratio: 2608/896;
  background-image: url(../img/upload/hero-bg.png);
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%)
}
@media (max-width:1299.5px) {
  .hero__bg {
    left: calc(50% + 60px)
  }
}
@media (max-width:767.5px) {
  .hero__bg {
    left: calc(50% - 10px)
  }
}
@media (max-width:575.5px) {
  .hero__bg {
    bottom: -21px;
    left: 50%;
    width: 731px;
    height: auto;
    aspect-ratio: 731/600;
    background-image: url(../img/upload/hero-bg_mob.png)
  }
}
.hero__title {
  width: 649px;
  max-width: 100%
}
.hero__desc {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
  color: #fff
}
@media (max-width:1023.5px) {
  .hero__desc {
    margin-bottom: 40px;
    font-size: 24px
  }
}
@media (max-width:767.5px) {
  .hero__desc {
    max-width: 280px;
    font-size: 18px
  }
}
@media (max-width:575.5px) {
  .hero__desc {
    margin-bottom: 32px;
    max-width: 190px
  }
}
.hero__date {
  margin-bottom: 19px;
  display: inline-block;
  border: .69px solid #fff;
  border-radius: 10px;
  padding: 14px 25px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: .05em;
  color: #fff;
  background: rgba(217,217,217,.22)
}
@media (max-width:575.5px) {
  .hero__date {
    margin-bottom: 6px;
    border-radius: 7px;
    padding: 9px 10px;
    font-size: 13px
  }
}
.hero__addr {
  margin-bottom: 61px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: .05em;
  color: #fff
}
@media (max-width:767.5px) {
  .hero__addr {
    font-size: 13px
  }
}
@media (max-width:575.5px) {
  .hero__addr {
    margin-bottom: 85px;
    max-width: 180px
  }
}
@media (max-width:575.5px) {
  .hero__btn-wrapper {
    text-align: center
  }
}
.advantages_offset {
  margin-top: 111px;
  margin-bottom: 46px
}
@media (max-width:1023.5px) {
  .advantages_offset {
    margin-top: 60px
  }
}
@media (max-width:575.5px) {
  .advantages_offset {
    margin-top: 20px;
    margin-bottom: 47px
  }
}
.advantages__items {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-gap: 24px
}
@media (max-width:1023.5px) {
  .advantages__items {
    grid-template-columns: repeat(2,1fr);
    width: 550px;
    max-width: 100%;
    margin: 0 auto
  }
}
@media (max-width:575.5px) {
  .advantages__items {
    grid-template-columns: 100%;
    grid-gap: 16px
  }
}
.advantages__item-image {
  display: flex;
  justify-content: center;
  margin-bottom: 19px;
  padding-top: 40px;
  border: 2px solid #dddfed;
  border-radius: 15px;
  width: 100%;
  aspect-ratio: 272/275;
  background: #fffefe
}
@media (max-width:575.5px) {
  .advantages__item-image {
    aspect-ratio: 342/200
  }
}
.advantages__item-img {
  width: 206px;
  aspect-ratio: 206/199;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}
.advantages__item-text {
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #000
}
@media (max-width:1299.5px) {
  .advantages__item-text {
    font-size: 20px
  }
}
@media (max-width:575.5px) {
  .advantages__item-text {
    font-size: 15px
  }
}
.photos_offset {
  margin-bottom: 108px
}
@media (max-width:1023.5px) {
  .photos_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .photos_offset {
    margin-bottom: 51px
  }
}
.photos__items {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 24px;
  width: 100%
}
@media (max-width:767.5px) {
  .photos__items {
    display: none
  }
}
.photos__slider {
  position: relative;
  display: none
}
@media (max-width:767.5px) {
  .photos__slider {
    display: block
  }
}
.photos__item {
  display: block;
  width: 100%;
  font-size: 0;
  aspect-ratio: 567/327
}
@media (max-width:575.5px) {
  .photos__item {
    aspect-ratio: 342/200
  }
}
.photos__item-img {
  border: 2px solid #dddfed;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.photos__slider-btn {
  position: absolute;
  top: auto;
  bottom: 20px
}
.photos__slider-btn_prev {
  left: 3px
}
.photos__slider-btn_next {
  left: auto;
  right: 3px
}
.participants_offset {
  margin-bottom: 111px
}
@media (max-width:1023.5px) {
  .participants_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .participants_offset {
    margin-bottom: 52px
  }
}
.participants__items {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 24px;
  margin-bottom: 60px
}
@media (max-width:1023.5px) {
  .participants__items {
    grid-template-columns: 100%
  }
}
@media (max-width:575.5px) {
  .participants__items {
    margin-bottom: 33px;
    grid-gap: 18px
  }
}
.participants__item {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  border: 2px solid #dddfed;
  border-radius: 15px;
  padding: 20px 23px;
  padding-right: 18px;
  background: #fff
}
@media (max-width:575.5px) {
  .participants__item {
    padding: 16px 16px;
    gap: 16px
  }
}
@media (max-width:575.5px) {
  .participants__item_oversize {
    padding-right: 10px
  }
}
.participants__item-img {
  border-radius: 10px;
  width: 228px;
  aspect-ratio: 228/166
}
@media (max-width:1299.5px) {
  .participants__item-img {
    width: 170px
  }
}
@media (max-width:575.5px) {
  .participants__item-img {
    width: 143px;
    border-radius: 10px
  }
}
.participants__item-text {
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #0a0c0f
}
@media (max-width:1299.5px) {
  .participants__item-text {
    font-size: 20px
  }
}
@media (max-width:575.5px) {
  .participants__item-text {
    font-size: 14px
  }
}
.participants__item-text b {
  font-weight: 500
}
.speakers_offset {
  margin-bottom: 110px
}
@media (max-width:1023.5px) {
  .speakers_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .speakers_offset {
    margin-bottom: 52px
  }
}
.speakers__items {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-gap: 19px 24px;
  margin-bottom: 56px
}
@media (max-width:1023.5px) {
  .speakers__items {
    display: none
  }
}
.speakers__slider {
  position: relative;
  display: none;
  margin-bottom: 56px
}
@media (max-width:1023.5px) {
  .speakers__slider {
    display: block
  }
}
@media (max-width:575.5px) {
  .speakers__slider {
    margin-bottom: 37px
  }
}
.speakers__slider .swiper {
  overflow: visible
}
.speakers__slider .swiper-slide {
  width: 350px
}
@media (max-width:767.5px) {
  .speakers__slider .swiper-slide {
    width: 300px
  }
}
@media (max-width:575.5px) {
  .speakers__slider .swiper-slide {
    width: 200px
  }
}
.speakers__item {
  position: relative
}
.speakers__item-image {
  position: relative;
  font-size: 0
}
@media (max-width:1023.5px) {
  .speakers__item-image {
    margin-bottom: 13px
  }
}
@media (max-width:1023.5px) {
  .speakers__item-image:hover .speakers__item-info {
    --speackers-info-opacity: 1;
    --speackers-info-visibility: visible;
    --speackers-info-events: all;
    background: red
  }
}
@media (max-width:1023.5px) {
  .speakers__item-image:hover .speakers__item-info-icon {
    background-color: #fff
  }
}
.speakers__item-img {
  margin-bottom: 13px;
  border-radius: 15px;
  width: 100%;
  aspect-ratio: 272/275;
  font-size: 0
}
@media (max-width:1023.5px) {
  .speakers__item-img {
    margin-bottom: 0
  }
}
.speakers__item-name {
  padding-right: 25px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #0a0c0f
}
@media (max-width:1299.5px) {
  .speakers__item-name {
    font-size: 20px
  }
}
@media (max-width:575.5px) {
  .speakers__item-name {
    font-size: 16px
  }
}
.speakers__item-name strong {
  font-weight: 500
}
.speakers__item-info {
  --speackers-info-opacity: 0;
  --speackers-info-visibility: hidden;
  --speackers-info-events: none
}
.speakers__item-info:hover {
  --speackers-info-opacity: 1;
  --speackers-info-visibility: visible;
  --speackers-info-events: all
}
.speakers__item-info-icon {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 22px;
  aspect-ratio: 22/20;
  background-image: url(../img/icon-info.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1023.5px) {
  .speakers__item-info-icon {
    z-index: 2;
    bottom: 1px;
    width: 55px;
    aspect-ratio: 55/54;
    background: 0 0;
    background: #5f6db2;
    -webkit-mask-image: url(../img/icon-info-click.svg);
    mask-image: url(../img/icon-info-click.svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
  }
}
.speakers__item-info-text {
  position: absolute;
  right: 32px;
  bottom: 13px;
  z-index: 1;
  width: calc(100% - 32px);
  padding: 10px;
  border-radius: 7px 0 7px 7px;
  min-height: 96px;
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  background-color: rgba(95,109,178,.72);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transform: translateY(100%);
  visibility: var(--speackers-info-visibility);
  opacity: var(--speackers-info-opacity);
  transition: opacity .2s ease-in-out
}
@media (max-width:1023.5px) {
  .speakers__item-info-text {
    bottom: 0;
    right: 0;
    border-radius: 15px;
    padding: 20px;
    width: 100%;
    height: 100%;
    font-size: 11px;
    transform: none
  }
}
.speakers__item-info-text::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 24px 0 0;
  border-color: rgba(95,109,178,.72) transparent transparent transparent;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transform: translateX(100%)
}
@media (max-width:1023.5px) {
  .speakers__item-info-text::after {
    display: none
  }
}
.speakers__slider-btn {
  position: absolute;
  top: auto;
  bottom: 75px
}
@media (max-width:1023.5px) {
  .speakers__slider-btn {
    display: none
  }
}
@media (max-width:575.5px) {
  .speakers__slider-btn {
    bottom: 60px
  }
}
.speakers__slider-btn_next {
  left: auto;
  right: 0
}
.program_offset {
  margin-bottom: 110px
}
@media (max-width:1023.5px) {
  .program_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .program_offset {
    margin-bottom: 52px
  }
}
.program__items {
  display: flex;
  flex-direction: column;
  gap: 23px;
  width: 100%
}
@media (max-width:767.5px) {
  .program__items {
    gap: 12px
  }
}
@media (max-width:575.5px) {
  .program__items {
    margin-bottom: 0;
    gap: 18px
  }
}
.program__item {
  --plus-transform: translateY(-50%);
  border-radius: 15px;
  padding: 17px 25px;
  width: 100%;
  background: #dddfed;
  transition: background .2s ease-in-out,padding .2s ease-in-out
}
@media (max-width:575.5px) {
  .program__item {
    padding: 19px 20px
  }
}
.program__item_active {
  --plus-transform: translateY(-50%) rotate(45deg)
}
.program__item-name {
  position: relative;
  padding-right: 60px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: #0a0c0f;
  cursor: pointer
}
@media (max-width:1023.5px) {
  .program__item-name {
    font-size: 18px
  }
}
@media (max-width:767.5px) {
  .program__item-name {
    font-size: 15px
  }
}
@media (max-width:575.5px) {
  .program__item-name {
    padding-right: 40px
  }
}
.program__item-plus {
  position: absolute;
  right: 0;
  top: 50%;
  border-radius: 50%;
  width: 18px;
  aspect-ratio: 1;
  transform: var(--plus-transform);
  background-color: transparent;
  transition: transform .2s ease-in-out
}
.program__item-plus::after,
.program__item-plus::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background-color: #0a0c0f;
  transform: translate(-50%,-50%);
  transition: background-color .2s ease-in-out,transform .2s ease-in-out
}
.program__item-plus::after {
  transform: translate(-50%,-50%) rotate(90deg)
}
.program__item-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s ease-in-out
}
.program__item-content-inner {
  padding-top: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #0a0c0f
}
@media (max-width:1023.5px) {
  .program__item-content-inner {
    font-size: 17px
  }
}
@media (max-width:767.5px) {
  .program__item-content-inner {
    font-size: 15px;
    line-height: 1.2
  }
}
.partners_offset {
  margin-bottom: 110px
}
@media (max-width:1023.5px) {
  .partners_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .partners_offset {
    margin-bottom: 52px
  }
}
.partners__top {
  display: flex;
  gap: 42px;
  margin-bottom: 48px
}
@media (max-width:1023.5px) {
  .partners__top {
    margin-bottom: 25px
  }
}
@media (max-width:575.5px) {
  .partners__top {
    margin-bottom: 31px
  }
}
.partners__controls {
  display: flex;
  gap: 12px
}
@media (max-width:767.5px) {
  .partners__controls {
    display: none
  }
}
.partners__control.swiper-button-disabled {
  display: inline-flex;
  opacity: 1
}
.partners__slider {
  margin-bottom: 56px
}
@media (max-width:575.5px) {
  .partners__slider {
    margin-bottom: 37px
  }
}
@media (max-width:1299.5px) {
  .partners__slider .swiper {
    overflow: visible
  }
}
@media (max-width:1299.5px) {
  .partners__slider .swiper-slide {
    width: auto
  }
}
.partners__item {
  display: block;
  width: 272px
}
@media (max-width:575.5px) {
  .partners__item {
    width: 198px
  }
}
.partners__item_add {
  cursor: pointer
}
.partners__item-img {
  margin-bottom: 13px;
  border-radius: 15px;
  border: 2px solid #dddfed;
  width: 100%;
  aspect-ratio: 272/275;
  font-size: 0
}
@media (max-width:575.5px) {
  .partners__item-img {
    margin-bottom: 15px
  }
}
.partners__item-name {
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #000
}
@media (max-width:1299.5px) {
  .partners__item-name {
    font-size: 20px
  }
}
@media (max-width:575.5px) {
  .partners__item-name {
    font-size: 15px
  }
}
.tickets_offset {
  margin-bottom: 120px
}
@media (max-width:1023.5px) {
  .tickets_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .tickets_offset {
    margin-bottom: 59px
  }
}
.tickets__items {
  position: relative
}
.tickets__items .swiper-slide {
  height: auto
}
.tickets__item {
  --tickets-item-bg: #fff;
  --tickets-item-color: #000;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  padding: 56px 25px 60px;
  height: 100%;
  color: var(--tickets-item-color);
  background: var(--tickets-item-bg)
}
@media (max-width:1299.5px) {
  .tickets__item {
    padding: 40px 20px
  }
}
.tickets__item_active {
  --tickets-item-bg: #5f6db2;
  --tickets-item-color: #fff
}
.tickets__item-name {
  margin-bottom: 33px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  text-align: center
}
@media (max-width:1299.5px) {
  .tickets__item-name {
    margin-bottom: 20px
  }
}
@media (max-width:575.5px) {
  .tickets__item-name {
    margin-bottom: 32px;
    font-size: 20px
  }
}
.tickets__item-text {
  margin-bottom: 19px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #0a0c0f
}
@media (max-width:1299.5px) {
  .tickets__item-text {
    margin-bottom: 15px;
    font-size: 20px
  }
}
@media (max-width:575.5px) {
  .tickets__item-text {
    font-size: 15px
  }
}
.tickets__item-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 19px;
  margin-bottom: auto
}
@media (max-width:1299.5px) {
  .tickets__item-list {
    gap: 14px
  }
}
@media (max-width:575.5px) {
  .tickets__item-list {
    gap: 11px
  }
}
.tickets__item-list_oversize {
  width: calc(100% + 10px)
}
.tickets__item-list-item {
  position: relative;
  padding-left: 30px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1
}
@media (max-width:1299.5px) {
  .tickets__item-list-item {
    padding-left: 22px;
    font-size: 20px
  }
}
@media (max-width:575.5px) {
  .tickets__item-list-item {
    font-size: 15px
  }
}
.tickets__item-list-item::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  aspect-ratio: 20/15;
  background: var(--tickets-item-color);
  -webkit-mask-image: url(../img/icon-check.svg);
  mask-image: url(../img/icon-check.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
@media (max-width:1299.5px) {
  .tickets__item-list-item::before {
    top: 3px;
    width: 16px
  }
}
.tickets__item-price {
  margin-top: 54px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  line-height: 1
}
@media (max-width:575.5px) {
  .tickets__item-price {
    margin-top: 40px;
    margin-bottom: 17px;
    font-size: 20px
  }
}
@media (max-width:1299.5px) {
  .tickets__item-btn {
    padding-left: 30px;
    padding-right: 30px
  }
}
@media (max-width:575.5px) {
  .tickets__item-btn {
    padding-left: 60px;
    padding-right: 60px
  }
}
.tickets__slider-btn {
  position: absolute;
  top: auto;
  bottom: 100px
}
.tickets__slider-btn_prev {
  left: 0
}
.tickets__slider-btn_next {
  left: auto;
  right: 0
}
.remainder_offset {
  margin-bottom: 111px
}
@media (max-width:1023.5px) {
  .remainder_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .remainder_offset {
    margin-bottom: 53px
  }
}
.remainder__content {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 25px;
  border-radius: 15px;
  padding: 34px 56px 32px;
  background: #5f6db2
}
@media (max-width:1299.5px) {
  .remainder__content {
    padding-left: 40px;
    padding-right: 40px
  }
}
@media (max-width:575.5px) {
  .remainder__content {
    padding: 21px 20px;
    justify-content: space-between;
    grid-gap: 10px
  }
}
.remainder__title {
  font-weight: 700;
  font-size: 38px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .012em;
  color: #fff
}
@media (max-width:1299.5px) {
  .remainder__title {
    font-size: 28px;
    line-height: 1.2
  }
}
@media (max-width:575.5px) {
  .remainder__title {
    font-size: 20px
  }
}
.remainder__value-block {
  display: flex;
  align-items: center;
  gap: 9px
}
@media (max-width:575.5px) {
  .remainder__value-block {
    gap: 6px
  }
}
.remainder__value-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 81px;
  background: #fff
}
@media (max-width:575.5px) {
  .remainder__value-item {
    width: 46px;
    height: 58px
  }
}
.remainder__value {
  font-weight: 700;
  font-size: 61px;
  line-height: 1;
  color: #5f6db2
}
@media (max-width:575.5px) {
  .remainder__value {
    font-size: 43px
  }
}
.feedback_offset {
  margin-bottom: 120px
}
@media (max-width:1023.5px) {
  .feedback_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .feedback_offset {
    margin-bottom: 57px
  }
}
.feedback__content {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 573px;
  grid-gap: 91px;
  padding-right: 40px
}
@media (max-width:1299.5px) {
  .feedback__content {
    grid-gap: 40px;
    padding-right: 0
  }
}
@media (max-width:1023.5px) {
  .feedback__content {
    grid-template-columns: 1fr 370px;
    grid-gap: 20px
  }
}
@media (max-width:767.5px) {
  .feedback__content {
    grid-template-columns: 100%;
    grid-gap: 40px
  }
}
@media (max-width:575.5px) {
  .feedback__content {
    grid-gap: 34px
  }
}
.feedback__form {
  width: 100%;
  padding-bottom: 25px
}
@media (max-width:1023.5px) {
  .feedback__form {
    padding-bottom: 0
  }
}
.feedback__form-title {
  display: none;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #0a0c0f
}
@media (max-width:767.5px) {
  .feedback__form-title {
    display: block
  }
}
@media (max-width:575.5px) {
  .feedback__form-title {
    margin-bottom: 33px
  }
}
.feedback__form-inputs {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 20px;
  margin-bottom: 17px
}
@media (max-width:1023.5px) {
  .feedback__form-inputs {
    grid-template-columns: 100%
  }
}
@media (max-width:575.5px) {
  .feedback__form-inputs {
    grid-gap: 21px;
    margin-bottom: 18px
  }
}
.feedback__form-input {
  width: 100%
}
.feedback__form-input_solo {
  grid-column: 1/3
}
@media (max-width:1023.5px) {
  .feedback__form-input_solo {
    grid-column: unset
  }
}
.feedback__form-input_textarea {
  height: 97px
}
@media (max-width:575.5px) {
  .feedback__form-input_textarea {
    height: 50px
  }
}
.feedback__form-agree {
  margin-bottom: 56px
}
@media (max-width:1023.5px) {
  .feedback__form-agree {
    margin-bottom: 37px
  }
}
.feedback__socials {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px solid #5f6db2;
  border-radius: 15px;
  padding: 17px 25px;
  width: 100%;
  height: 100%;
  background-color: #fff
}
@media (max-width:767.5px) {
  .feedback__socials {
    margin: 0 auto;
    width: 350px;
    max-width: 100%
  }
}
@media (max-width:575.5px) {
  .feedback__socials {
    padding: 13px 20px 18px
  }
}
.feedback__socials-title {
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 30px;
  color: #0a0c0f
}
@media (max-width:575.5px) {
  .feedback__socials-title {
    font-size: 20px
  }
}
.feedback__img {
  margin-bottom: 23px;
  width: 274px;
  aspect-ratio: 274/250
}
@media (max-width:767.5px) {
  .feedback__img {
    width: calc(100% - 97px)
  }
}
.feedback__socials-wa {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  border-radius: 15px;
  padding: 12px 20px;
  padding-right: 39px;
  width: 100%;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  background: #5f6db2
}
@media (max-width:575.5px) {
  .feedback__socials-wa {
    border-radius: 10px;
    padding: 12px 20px;
    gap: 10px;
    font-size: 14px
  }
}
.feedback__socials-wa-icon {
  display: block;
  width: 36px;
  aspect-ratio: 36/35;
  background-color: #fff;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
@media (max-width:575.5px) {
  .feedback__socials-wa-icon {
    width: 20px
  }
}
.faq_offset {
  margin-bottom: 110px
}
@media (max-width:1023.5px) {
  .faq_offset {
    margin-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .faq_offset {
    margin-bottom: 52px
  }
}
.faq__items {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%
}
@media (max-width:767.5px) {
  .faq__items {
    gap: 12px
  }
}
@media (max-width:575.5px) {
  .faq__items {
    margin-bottom: 0;
    gap: 16px
  }
}
.faq__item {
  --plus-transform: translateX(3px) translateY(-50%);
  border: 2px solid #dddfed;
  border-radius: 15px;
  padding: 12px 25px;
  width: 100%;
  background: #fff;
  transition: background .2s ease-in-out,padding .2s ease-in-out
}
@media (max-width:575.5px) {
  .faq__item {
    --plus-transform: translateY(-50%);
    padding: 17px 22px
  }
}
.faq__item_active {
  --plus-transform: translateX(3px) translateY(-50%) rotate(45deg)
}
@media (max-width:575.5px) {
  .faq__item_active {
    --plus-transform: translateY(-50%) rotate(45deg)
  }
}
.faq__item-name {
  position: relative;
  padding-right: 60px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: #0a0c0f;
  cursor: pointer
}
@media (max-width:1023.5px) {
  .faq__item-name {
    font-size: 18px
  }
}
@media (max-width:767.5px) {
  .faq__item-name {
    font-size: 15px
  }
}
@media (max-width:575.5px) {
  .faq__item-name {
    padding-right: 30px
  }
}
.faq__item-plus {
  position: absolute;
  right: 0;
  top: 50%;
  border-radius: 50%;
  width: 18px;
  aspect-ratio: 1;
  transform: var(--plus-transform);
  background-color: transparent;
  transition: transform .2s ease-in-out
}
.faq__item-plus::after,
.faq__item-plus::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background-color: #5f6db2;
  transform: translate(-50%,-50%);
  transition: background-color .2s ease-in-out,transform .2s ease-in-out
}
.faq__item-plus::after {
  transform: translate(-50%,-50%) rotate(90deg)
}
.faq__item-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s ease-in-out
}
.faq__item-content-inner {
  padding-top: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #0a0c0f
}
@media (max-width:1023.5px) {
  .faq__item-content-inner {
    font-size: 17px
  }
}
@media (max-width:767.5px) {
  .faq__item-content-inner {
    font-size: 15px;
    line-height: 1.2
  }
}
@media (max-width:1649.5px) {
  .from-xl {
    display: none
  }
}
@media (max-width:1299.5px) {
  .from-lg {
    display: none
  }
}
@media (max-width:1023.5px) {
  .from-md {
    display: none
  }
}
@media (max-width:767.5px) {
  .from-sm {
    display: none
  }
}
@media (max-width:575.5px) {
  .from-xs {
    display: none
  }
}
@media (min-width:1650px) {
  .to-xl {
    display: none
  }
}
@media (min-width:1300px) {
  .to-lg {
    display: none
  }
}
@media (min-width:1024px) {
  .to-md {
    display: none
  }
}
@media (min-width:768px) {
  .to-sm {
    display: none
  }
}
@media (min-width:576px) {
  .to-xs {
    display: none
  }
}