@charset "UTF-8";
* {
  overflow-anchor: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
::after,
::before {
  box-sizing: border-box
}
a {
  text-decoration: none
}
::-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: Raleway,sans-serif
}
body {
  width: 100%;
  height: 100%;
  min-width: 360px;
  font-style: normal;
  line-height: 1.15
}
[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: Inter;
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: local("Inter"),url(../fonts/Inter/Inter-Medium.woff2) format("woff2")
}
@font-face {
  font-family: Inter;
  font-weight: 600;
  font-display: swap;
  font-style: normal;
  src: local("Inter"),url(../fonts/Inter/Inter-SemiBold.woff2) format("woff2")
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: local("Inter"),url(../fonts/Inter/Inter-Bold.woff2) format("woff2")
}
@font-face {
  font-family: Raleway;
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: local("Raleway"),url(../fonts/Raleway/Raleway-Regular.woff2) format("woff2")
}
@font-face {
  font-family: Raleway;
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: local("Raleway"),url(../fonts/Raleway/Raleway-Medium.woff2) format("woff2")
}
@font-face {
  font-family: Raleway;
  font-weight: 600;
  font-display: swap;
  font-style: normal;
  src: local("Raleway"),url(../fonts/Raleway/Raleway-SemiBold.woff2) format("woff2")
}
@font-face {
  font-family: Raleway;
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: local("Raleway"),url(../fonts/Raleway/Raleway-Bold.woff2) format("woff2")
}
@font-face {
  font-family: Designosaur;
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: local("Designosaur"),url(../fonts/Designosaur/Designosaur-Italic.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;
  overflow: clip;
  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-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-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-cards {
  overflow: visible
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto!important;
  height: auto!important;
  z-index: 0
}
.simplebar-offset {
  direction: inherit!important;
  box-sizing: inherit!important;
  resize: none!important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box!important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0
}
.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit!important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden
}
[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px
}
.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity .2s .5s linear
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition-delay: 0s;
  transition-duration: 0s
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}
.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}
.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar!important
}
.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.html {
  height: 100%;
  font-size: 10px
}
.body {
  position: relative;
  width: 100%;
  font-family: Raleway,sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  color: #28283b;
  background: #fff
}
.site {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 100%
}
.main {
  flex-grow: 1
}
a {
  -webkit-tap-highlight-color: transparent
}
.custom-input {
  width: 100%
}
.custom-input__line {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(0,41,68,.5)
}
.custom-input__label {
  padding-left: 4px;
  flex: 0 1 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: rgba(0,41,68,.5);
  white-space: nowrap
}
@media (max-width:743.5px) {
  .custom-input__label {
    font-size: 14px
  }
}
.custom-input__input,
.custom-input__textarea {
  flex: 1 1 0;
  border: none;
  padding-right: 50px;
  height: 49px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #000;
  background-color: transparent;
  outline: 0;
  font-variant-numeric: lining-nums
}
@media (max-width:1249.5px) {
  .custom-input__input,
  .custom-input__textarea {
    height: 45px;
    font-size: 16px
  }
}
@media (max-width:743.5px) {
  .custom-input__input,
  .custom-input__textarea {
    height: 40px;
    font-size: 14px
  }
}
.custom-input__input::-moz-placeholder,
.custom-input__textarea::-moz-placeholder {
  color: rgba(0,41,68,.2)
}
.custom-input__input::placeholder,
.custom-input__textarea::placeholder {
  color: rgba(0,41,68,.2)
}
.custom-input__textarea {
  padding: 12px 0;
  resize: none
}
@media (max-width:1249.5px) {
  .custom-input__textarea {
    padding: 11px 0
  }
}
@media (max-width:743.5px) {
  .custom-input__textarea {
    padding: 10px 0
  }
}
.custom-input__info {
  padding-top: 5px;
  width: 100%
}
.custom-input__info-rules {
  padding-top: 3px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .01em;
  color: #002944
}
@media (max-width:1249.5px) {
  .custom-input__info-rules {
    padding-top: 2px;
    font-size: 14px
  }
}
@media (max-width:743.5px) {
  .custom-input__info-rules {
    font-size: 12px
  }
}
.custom-input__info-green {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .01em;
  color: #039b00
}
.custom-input_err .custom-input__line {
  border-color: #ff2f3b
}
.custom-input_err .custom-input__label {
  color: #ff2f3b
}
.custom-input_suc .custom-input__icon-suc {
  display: block
}
.custom-input_suc .custom-input__line {
  border-color: #039b00
}
.custom-input__pass-vis {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 4px;
  bottom: 11px;
  display: none;
  width: 24px;
  height: 24px;
  font-size: 0;
  background-color: transparent;
  background-image: url(../img/icon-eye.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
.custom-input__pass-vis_alternate {
  background-image: url(../img/icon-eye-cross.svg)
}
.custom-input__info-restore {
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #ff2f3b
}
@media (max-width:743.5px) {
  .custom-input__info-restore {
    font-size: 12px
  }
}
.custom-input__icon-suc {
  position: absolute;
  display: none;
  right: 0;
  top: 14px;
  width: 24px;
  aspect-ratio: 1
}
.custom-input__icon-suc svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}
.custom-input__send-code {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 11px;
  display: none;
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #039b00;
  background-color: transparent
}
.custom-input__send-code:disabled {
  color: rgba(41,204,57,.3)
}
@media (max-width:1249.5px) {
  .custom-input_contacts .custom-input__input,
  .custom-input_contacts .custom-input__textarea {
    font-size: 14px
  }
  .custom-input_contacts .custom-input__label {
    font-size: 14px
  }
}
.custom-input_phone-entered .custom-input__input {
  padding-right: 250px
}
.custom-input_phone-entered .custom-input__send-code {
  display: block
}
.custom-input_password .custom-input__pass-vis {
  display: block
}
.custom-input_password .custom-input__line {
  padding-right: 40px
}
.custom-checkbox__input {
  position: fixed;
  transform: scale(0)
}
.custom-checkbox__input:checked + .custom-checkbox__fake::before {
  background-color: #002944;
  background-image: url(../img/custom-checkbox-check.svg)
}
.custom-checkbox__fake {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 33px;
  padding-left: 36px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944
}
@media (max-width:743.5px) {
  .custom-checkbox__fake {
    font-size: 14px;
    letter-spacing: normal
  }
}
.custom-checkbox__fake::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  border: 1px solid #002944;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: 16px 13px;
  background-repeat: no-repeat;
  cursor: pointer
}
.btn {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer
}
.btn-wrapper {
  text-align: center
}
.btn-default {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  border-radius: 100px;
  padding: 15px 16px;
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  background: #ff2f3b
}
@media (max-width:1249.5px) {
  .btn-default {
    font-family: Raleway,sans-serif;
    padding: 11px 16px;
    font-size: 14px
  }
}
@media (max-width:991.5px) {
  .btn-default {
    font-family: Inter,sans-serif;
    padding: 15px 21px;
    font-size: 16px
  }
}
@media (max-width:743.5px) {
  .btn-default {
    padding: 11px 16px;
    font-size: 14px
  }
}
.btn-default:hover {
  background-position: 0 100%
}
.btn-default:disabled {
  background: rgba(255,47,59,.1)
}
.btn-dark {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  border-radius: 100px;
  padding: 17px 21px;
  min-width: 210px;
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  background: #002944
}
@media (max-width:743.5px) {
  .btn-dark {
    padding: 13px 23px;
    font-size: 14px
  }
}
.btn-dark:disabled {
  background: rgba(0,41,68,.1)
}
.btn-submit {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  border-radius: 100px;
  padding: 17px 62px;
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  background: #ff2f3b
}
@media (max-width:1249.5px) {
  .btn-submit {
    padding: 17px 62px
  }
}
@media (max-width:743.5px) {
  .btn-submit {
    padding: 13px 43px
  }
}
.btn-submit:hover {
  background-position: 0 100%
}
.btn-submit:disabled {
  background: rgba(255,47,59,.1)
}
.btn-close {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  width: 48px;
  aspect-ratio: 1;
  font-size: 0;
  background-color: transparent;
  background-image: url(../img/icon-close.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1249.5px) {
  .btn-close {
    width: 24px
  }
}
.btn-close:hover {
  background-position: 0 100%
}
.btn-search {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  width: 46px;
  aspect-ratio: 1;
  font-size: 0;
  background-color: transparent;
  background-image: url(../img/search.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1249.5px) {
  .btn-search {
    width: 24px
  }
}
.btn-clear {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  width: 48px;
  aspect-ratio: 1;
  font-size: 0;
  background-color: transparent;
  background-image: url(../img/clear.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1249.5px) {
  .btn-clear {
    width: 24px
  }
}
.visually-hidden {
  position: fixed;
  transform: scale(0)
}
.title-main {
  font-weight: 400;
  font-size: 36px;
  text-align: center;
  color: #002944
}
@media (max-width:1249.5px) {
  .title-main {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: .02em
  }
}
@media (max-width:991.5px) {
  .title-main {
    font-size: 24px;
    letter-spacing: normal
  }
}
@media (max-width:743.5px) {
  .title-main {
    font-weight: 400;
    font-size: 14px
  }
}
.title-main b {
  font-weight: 700
}
.title-main u {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
.title-main__highlight {
  font-size: 50px;
  line-height: 53px;
  color: #ff2f3b
}
@media (max-width:1249.5px) {
  .title-main__highlight {
    letter-spacing: normal;
    font-size: 32px;
    line-height: 39px
  }
}
@media (max-width:991.5px) {
  .title-main__highlight {
    font-size: 36px
  }
}
@media (max-width:743.5px) {
  .title-main__highlight {
    font-size: 20px;
    line-height: 22px
  }
}
.open-menu {
  overflow: hidden
}
.logo {
  display: inline-block
}
.logo__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}
.site {
  position: relative;
  z-index: 1;
  font-variant-numeric: lining-nums
}
.container {
  margin: 0 auto;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1342px
}
@media (max-width:1249.5px) {
  .container {
    max-width: 960px
  }
}
@media (max-width:991.5px) {
  .container {
    max-width: 744px
  }
}
@media (max-width:743.5px) {
  .container {
    padding-right: 16px;
    padding-left: 16px;
    max-width: 549px
  }
}
@media (max-width:575.5px) {
  .container {
    max-width: 100%
  }
}
.container_wide {
  max-width: 1772px
}
.header {
  padding-top: 13px;
  padding-bottom: 16px
}
@media (max-width:1249.5px) {
  .header {
    padding-top: 6px;
    padding-bottom: 6px
  }
}
@media (max-width:991.5px) {
  .header {
    padding-top: 9px;
    padding-bottom: 9px
  }
}
@media (max-width:743.5px) {
  .header {
    padding-top: 5px;
    padding-bottom: 0;
    border-bottom: .5px solid rgba(0,41,68,.2)
  }
}
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between
}
@media (max-width:991.5px) {
  .header__container {
    justify-content: flex-start
  }
}
@media (max-width:743.5px) {
  .header__container {
    flex-wrap: wrap
  }
}
.header__logo {
  width: 270px;
  transform: translateY(3px)
}
@media (max-width:1249.5px) {
  .header__logo {
    width: 199px
  }
}
@media (max-width:991.5px) {
  .header__logo {
    width: 140px;
    margin-right: 30px
  }
}
@media (max-width:743.5px) {
  .header__logo {
    margin-right: auto
  }
}
.header__menu {
  padding-left: 5px
}
@media (max-width:991.5px) {
  .header__menu {
    padding-left: 0;
    margin-right: auto
  }
}
@media (max-width:743.5px) {
  .header__menu {
    overflow-x: auto;
    order: 2;
    margin-top: 10px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% + 32px);
    text-align: center
  }
}
@media (max-width:743.5px) {
  .header__menu_desk {
    display: none
  }
}
.header__menu_mob {
  display: none
}
@media (max-width:743.5px) {
  .header__menu_mob {
    display: block
  }
}
.header__menu .simplebar-track.simplebar-horizontal {
  display: none
}
.header__menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 40px
}
@media (max-width:1249.5px) {
  .header__menu-list {
    gap: 20px
  }
}
@media (max-width:991.5px) {
  .header__menu-list {
    gap: 20px
  }
}
@media (max-width:743.5px) {
  .header__menu-list {
    gap: 16px;
    padding-right: 16px;
    display: inline-flex
  }
}
.header__menu-link {
  display: inline-block;
  width: 106px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .025em;
  color: #002944;
  opacity: .5;
  text-align: center
}
@media (max-width:1249.5px) {
  .header__menu-link {
    width: 76px;
    font-size: 14px;
    letter-spacing: .005em
  }
}
@media (max-width:743.5px) {
  .header__menu-link {
    font-weight: 400
  }
}
.header__menu-link_active {
  padding-bottom: 2px;
  border-bottom: 2px solid #002944;
  font-weight: 700;
  opacity: 1;
  letter-spacing: .07em
}
@media (max-width:1249.5px) {
  .header__menu-link_active {
    padding-bottom: 4px;
    font-weight: 600;
    transform: translateY(-2px);
    letter-spacing: .005em
  }
}
@media (max-width:743.5px) {
  .header__menu-link_active {
    padding-bottom: 4px;
    transform: none;
    line-height: 1.2;
    letter-spacing: normal
  }
}
.header__account {
  display: flex;
  align-items: center;
  gap: 20px
}
.header__account-link {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .025em;
  color: #002944;
  opacity: .5
}
@media (max-width:1249.5px) {
  .header__account-link {
    font-size: 14px;
    letter-spacing: .001em
  }
}
@media (max-width:991.5px) {
  .header__account-link {
    font-size: 0;
    width: 24px;
    height: 24px;
    opacity: 1;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
  }
}
@media (max-width:991.5px) {
  .header__account-link_reg {
    background-image: url(../img/icon-login.svg)
  }
}
@media (max-width:991.5px) {
  .header__account-link_login {
    background-image: url(../img/icon-user.svg)
  }
}
.footer {
  padding-top: 30px;
  padding-bottom: 30px
}
@media (max-width:1249.5px) {
  .footer {
    padding-bottom: 26px
  }
}
@media (max-width:991.5px) {
  .footer {
    padding-top: 20px;
    padding-bottom: 16px
  }
}
@media (max-width:743.5px) {
  .footer {
    padding-bottom: 8px
  }
}
.footer__container {
  display: flex;
  justify-content: space-between;
  align-items: center
}
@media (max-width:991.5px) {
  .footer__container {
    flex-direction: column
  }
}
@media (max-width:1249.5px) {
  .footer__left {
    max-width: 161px
  }
}
@media (max-width:991.5px) {
  .footer__left {
    max-width: 100%;
    order: 3;
    display: flex;
    gap: 8px
  }
}
@media (max-width:743.5px) {
  .footer__left {
    flex-direction: column;
    align-items: center
  }
}
.footer__politic {
  margin-bottom: 7px;
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0,41,68,.6)
}
@media (max-width:1249.5px) {
  .footer__politic {
    font-size: 10px
  }
}
@media (max-width:991.5px) {
  .footer__politic {
    margin-bottom: 0;
    font-size: 12px
  }
}
@media (max-width:743.5px) {
  .footer__politic {
    font-size: 10px
  }
}
.footer__politic a {
  color: inherit;
  text-decoration: underline
}
.footer__copyright {
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0,41,68,.6)
}
@media (max-width:1249.5px) {
  .footer__copyright {
    font-size: 10px
  }
}
@media (max-width:991.5px) {
  .footer__copyright {
    font-size: 12px
  }
}
@media (max-width:743.5px) {
  .footer__copyright {
    font-size: 10px
  }
}
.footer__copyright a {
  color: inherit;
  font-weight: 600
}
@media (max-width:1249.5px) {
  .footer__copyright a {
    font-weight: 700
  }
}
@media (max-width:743.5px) {
  .footer__copyright a {
    font-weight: 600
  }
}
.footer__created {
  margin-left: -105px;
  font-weight: 600;
  font-size: 24px;
  text-align: center
}
@media (max-width:1249.5px) {
  .footer__created {
    margin-left: -19px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .02em
  }
}
@media (max-width:991.5px) {
  .footer__created {
    order: 1;
    margin-bottom: 20px;
    margin-left: 0
  }
}
@media (max-width:743.5px) {
  .footer__created {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: .02em
  }
}
.footer__created-highlight {
  color: #ff2f3b
}
@media (max-width:991.5px) {
  .footer__personal {
    order: 2;
    margin-bottom: 36px
  }
}
@media (max-width:743.5px) {
  .footer__personal {
    margin-bottom: 21px
  }
}
.footer__personal_short {
  display: none
}
@media (max-width:1249.5px) {
  .footer__personal_short {
    display: inline-block
  }
}
@media (max-width:991.5px) {
  .footer__personal_short {
    display: none
  }
}
@media (max-width:743.5px) {
  .footer__personal_short {
    display: inline-block
  }
}
@media (max-width:1249.5px) {
  .footer__personal_full {
    display: none
  }
}
@media (max-width:991.5px) {
  .footer__personal_full {
    display: inline-block
  }
}
@media (max-width:743.5px) {
  .footer__personal_full {
    display: none
  }
}
.search {
  position: relative;
  border-bottom: 1px solid #fff;
  height: 70px
}
@media (max-width:1249.5px) {
  .search {
    height: 54px
  }
}
@media (max-width:575.5px) {
  .search {
    height: 40px
  }
}
.search__input {
  border: none;
  padding-left: 54px;
  padding-right: 112px;
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: 36px;
  color: #ff2f3b;
  background-color: transparent;
  outline: 0
}
@media (max-width:1249.5px) {
  .search__input {
    font-size: 18px
  }
}
@media (max-width:991.5px) {
  .search__input {
    padding-left: 32px
  }
}
@media (max-width:575.5px) {
  .search__input {
    padding-left: 35px;
    font-size: 14px
  }
}
.search__input::-moz-placeholder {
  color: rgba(245,245,245,.5)
}
.search__input::placeholder {
  color: rgba(245,245,245,.5)
}
.search__btn {
  position: absolute;
  left: 0;
  top: 12px
}
@media (max-width:1249.5px) {
  .search__btn {
    top: 15px
  }
}
@media (max-width:575.5px) {
  .search__btn {
    left: 3px;
    top: 10px
  }
}
.search__clear {
  display: none;
  position: absolute;
  left: 0;
  top: 12px
}
@media (max-width:1249.5px) {
  .search__clear {
    top: 15px
  }
}
@media (max-width:575.5px) {
  .search__clear {
    top: 9px;
    left: 3px
  }
}
.search__views {
  position: absolute;
  right: -6px;
  top: 9px;
  display: flex;
  border: 1px solid #e8eff4;
  border-radius: 12px;
  overflow: hidden
}
@media (max-width:1249.5px) {
  .search__views {
    border-radius: 8px
  }
}
@media (max-width:991.5px) {
  .search__views {
    right: -1px;
    top: 6px
  }
}
@media (max-width:575.5px) {
  .search__views {
    right: 9px;
    top: 8px;
    padding-right: 10px;
    flex-direction: column;
    background-color: transparent;
    border: none
  }
}
.search__views::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 12px;
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #fff transparent transparent transparent
}
@media (max-width:575.5px) {
  .search__views::after {
    display: block
  }
}
.search__views_mob-hover {
  border: 1px solid #e8eff4;
  background-color: rgba(255,255,255,.3)
}
.search__views_mob-hover .search__view {
  display: block
}
.search__view {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 42px;
  background-color: transparent
}
@media (max-width:1249.5px) {
  .search__view {
    width: 43px;
    height: 36px
  }
}
@media (max-width:575.5px) {
  .search__view {
    display: none;
    width: 30px;
    height: 30px
  }
}
.search__view svg {
  width: 22px;
  height: 18px;
  opacity: .3
}
.search__view svg path {
  fill: #002944
}
.search__view_active {
  background: rgba(255,255,255,.3)
}
@media (max-width:575.5px) {
  .search__view_active {
    display: block;
    background-color: transparent
  }
}
.search__view_active svg {
  opacity: 1
}
.search__view_active svg path[fill="#002944"] {
  fill: #ff2f3b
}
@media (max-width:575.5px) {
  .search__view_active svg path[fill="#002944"] {
    fill: #fff
  }
}
@media (max-width:575.5px) {
  .search__view_active.search__view_list {
    order: -1
  }
}
.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%;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: rgba(0,41,68,.3)
}
.fixed-menu__content {
  position: absolute;
  right: 0;
  top: 0;
  overflow-y: auto;
  padding: 119px 40px 33px;
  width: 740px;
  max-width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0 4px 24px -2px rgba(0,0,0,.2);
  background: linear-gradient(137deg,rgba(255,255,255,.66) 0,rgba(255,255,255,.67) 100%,rgba(255,255,255,.27) 100%);
  transform: translateX(100%);
  transition: transform .2s ease-in
}
@media (max-width:1249.5px) {
  .fixed-menu__content {
    padding: 78px 24px 20px;
    width: 700px
  }
}
@media (max-width:991.5px) {
  .fixed-menu__content {
    padding: 82px 24px 20px;
    width: 100%
  }
}
@media (max-width:575.5px) {
  .fixed-menu__content {
    padding: 74px 16px 18px
  }
}
.fixed-menu__close {
  position: absolute;
  left: 39px;
  top: 17px;
  z-index: 3
}
@media (max-width:1249.5px) {
  .fixed-menu__close {
    left: 21px;
    top: 19px
  }
}
@media (max-width:743.5px) {
  .fixed-menu__close {
    left: 18px;
    top: 13px
  }
}
.fixed-menu__top {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 82px;
  padding-left: 100px;
  padding-right: 100px
}
@media (max-width:1249.5px) {
  .fixed-menu__top {
    height: 60px
  }
}
@media (max-width:575.5px) {
  .fixed-menu__top {
    height: 50px;
    padding-left: 56px;
    padding-right: 56px
  }
}
.fixed-menu__tabs {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding-right: 10px
}
@media (max-width:1249.5px) {
  .fixed-menu__tabs {
    padding-right: 0;
    padding-left: 19px;
    gap: 8px
  }
}
.fixed-menu__tab {
  border: none;
  padding: 0 2px;
  width: 122px;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944;
  background-color: transparent
}
@media (max-width:1249.5px) {
  .fixed-menu__tab {
    width: 120px;
    line-height: 1.8
  }
}
@media (max-width:743.5px) {
  .fixed-menu__tab {
    width: 92px;
    font-size: 14px;
    letter-spacing: unset
  }
}
.fixed-menu__tab_active {
  font-weight: 700;
  border-bottom: 2px solid #002944
}
.fixed-menu__lk-title {
  font-weight: 400;
  font-size: 24px;
  color: #002944
}
@media (max-width:1249.5px) {
  .fixed-menu__lk-title {
    font-size: 20px
  }
}
@media (max-width:743.5px) {
  .fixed-menu__lk-title {
    font-size: 14px
  }
}
.fixed-menu__lk-exit {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 42px;
  top: 30px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944;
  background-color: transparent
}
@media (max-width:1249.5px) {
  .fixed-menu__lk-exit {
    top: 18px;
    right: 28px
  }
}
@media (max-width:743.5px) {
  .fixed-menu__lk-exit {
    top: 14px;
    right: 16px;
    font-size: 14px
  }
}
.fixed-menu__form {
  display: none;
  flex-direction: column;
  align-items: center;
  height: 100%
}
.fixed-menu__form_active {
  display: flex
}
.fixed-menu__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 27px
}
@media (max-width:1249.5px) {
  .fixed-menu__form-inputs {
    gap: 23px
  }
}
@media (max-width:991.5px) {
  .fixed-menu__form-inputs {
    gap: 27px
  }
}
@media (max-width:575.5px) {
  .fixed-menu__form-inputs {
    gap: 23px
  }
}
.fixed-menu__form-groups {
  display: flex;
  flex-direction: column;
  gap: 38px;
  margin-bottom: auto;
  width: 100%
}
@media (max-width:1249.5px) {
  .fixed-menu__form-groups {
    gap: 26px
  }
}
@media (max-width:991.5px) {
  .fixed-menu__form-groups {
    gap: 29px
  }
}
.fixed-menu__form-group-title {
  margin-bottom: 23px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(0,41,68,.3)
}
@media (max-width:1249.5px) {
  .fixed-menu__form-group-title {
    margin-bottom: 21px
  }
}
@media (max-width:991.5px) {
  .fixed-menu__form-group-title {
    padding-left: 4px
  }
}
@media (max-width:743.5px) {
  .fixed-menu__form-group-title {
    font-size: 12px
  }
}
.fixed-menu__avatar {
  margin-bottom: 40px;
  border-radius: 50%;
  width: 124px;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
@media (max-width:743.5px) {
  .fixed-menu__avatar {
    width: 80px
  }
}
.fixed-menu__title {
  text-align: center;
  width: 100%;
  font-weight: 400;
  font-size: 24px;
  color: #002944
}
@media (max-width:575.5px) {
  .fixed-menu__title {
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: .02em
  }
}
.fixed-menu__btn-block {
  margin-top: 20px
}
.fixed-menu__bottom-mess {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  min-height: 110px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  text-align: center;
  color: #ff2f3b;
  background: #fcbec2
}
.fixed-menu__form-btn {
  margin-top: 20px
}
.open-menu .fixed-menu {
  opacity: 1;
  pointer-events: all
}
.open-menu_login .fixed-menu__content_login {
  transform: translateX(0)
}
.open-menu_registration .fixed-menu__content_registration {
  transform: translateX(0)
}
.open-menu_lk .fixed-menu__content_lk {
  transform: translateX(0)
}
.open-menu_contact .fixed-menu__content_contact {
  transform: translateX(0)
}
.open-menu_consult .fixed-menu__content_consult {
  transform: translateX(0)
}
.bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #a2bfd2
}
.bg__item {
  position: absolute;
  mix-blend-mode: lighten
}
@media (max-width:743.5px) {
  .bg__item {
    display: none
  }
}
.bg__item_1 {
  left: -360px;
  top: -124px;
  width: 791px;
  aspect-ratio: 789/791;
  background-image: url(../img/bg/1.png)
}
.bg__item_2 {
  right: -283px;
  top: -168px;
  width: 672px;
  aspect-ratio: 647/672;
  background-image: url(../img/bg/2.png)
}
.bg__item_3 {
  left: -250px;
  bottom: -270px;
  width: 682px;
  aspect-ratio: 702/682;
  background-image: url(../img/bg/3.png)
}
.bg__item_4 {
  right: -261px;
  bottom: -404px;
  width: 796px;
  aspect-ratio: 769/796;
  background-image: url(../img/bg/4.png)
}
.hero {
  padding-top: 27px
}
@media (max-width:991.5px) {
  .hero {
    padding-top: 33px
  }
}
@media (max-width:743.5px) {
  .hero {
    padding-top: 20px
  }
}
.hero__title {
  margin-bottom: 31px
}
@media (max-width:1249.5px) {
  .hero__title {
    margin-bottom: 7px
  }
}
@media (max-width:991.5px) {
  .hero__title {
    margin-bottom: 16px
  }
}
@media (max-width:743.5px) {
  .hero__title {
    margin-bottom: 10px
  }
}
.hero__desc {
  position: relative;
  display: inline-block;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 56px;
  width: 495px;
  height: 68px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .017em;
  text-align: center;
  color: #fff
}
@media (max-width:1249.5px) {
  .hero__desc {
    margin-bottom: 41px;
    width: 400px;
    height: 61px;
    font-size: 14px
  }
}
@media (max-width:991.5px) {
  .hero__desc {
    font-weight: 600;
    margin-bottom: 108px;
    letter-spacing: normal;
    letter-spacing: normal;
    transform: translateX(-22px)
  }
}
@media (max-width:743.5px) {
  .hero__desc {
    width: 228px;
    height: 54px;
    padding: 10px 21px;
    margin-bottom: 33px;
    font-size: 12px;
    line-height: 1.4;
    transform: translateX(-6px)
  }
}
.hero__desc::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  background-image: url(../img/smear.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%,-50%);
  mix-blend-mode: lighten
}
@media (max-width:991.5px) {
  .hero__desc::after {
    background-image: url(../img/smear-md.png)
  }
}
@media (max-width:743.5px) {
  .hero__desc::after {
    background-image: url(../img/smear-sm.png)
  }
}
.hero__items {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 1102px;
  height: 469px
}
@media (max-width:1249.5px) {
  .hero__items {
    width: 825px;
    height: 359px
  }
}
@media (max-width:991.5px) {
  .hero__items {
    margin-bottom: 150px;
    width: 644px;
    height: 463px
  }
}
@media (max-width:743.5px) {
  .hero__items {
    margin-bottom: 20px;
    width: 332px;
    height: 231px
  }
}
.hero__items-bg-main {
  position: absolute;
  left: 46%;
  top: 56%;
  width: 1100px;
  height: 1072px;
  background-image: url(../img/bg/0.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%,-50%);
  pointer-events: none
}
@media (max-width:1249.5px) {
  .hero__items-bg-main {
    left: 49%;
    top: 50%;
    width: 791px;
    height: 764px
  }
}
@media (max-width:991.5px) {
  .hero__items-bg-main {
    width: 909px;
    height: 878px
  }
}
@media (max-width:743.5px) {
  .hero__items-bg-main {
    left: 55%;
    top: 55%;
    width: 521px;
    height: 504px
  }
}
.hero__items-bg-circle-1 {
  position: absolute;
  left: 290px;
  top: 38px;
  z-index: -1;
  width: 76px;
  aspect-ratio: 1;
  background-image: url(../img/bg/el1.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:743.5px) {
  .hero__items-bg-circle-1 {
    left: 99px;
    top: 25px;
    width: 35px
  }
}
.hero__items-bg-circle-2 {
  position: absolute;
  left: 311px;
  bottom: 64px;
  width: 78px;
  aspect-ratio: 1;
  background-image: url(../img/bg/el2.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:743.5px) {
  .hero__items-bg-circle-2 {
    left: 89px;
    bottom: 28px;
    width: 36px
  }
}
.hero__items-bg-circle-3 {
  position: absolute;
  z-index: -1;
  right: 261px;
  bottom: 30px;
  width: 164px;
  aspect-ratio: 1;
  background-image: url(../img/bg/el3.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1249.5px) {
  .hero__items-bg-circle-3 {
    right: 188px;
    bottom: 42px;
    width: 116px
  }
}
@media (max-width:743.5px) {
  .hero__items-bg-circle-3 {
    right: 5px;
    bottom: 23px;
    width: 67px
  }
}
.hero__item {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 18px;
  padding: 25px 20px 15px;
  box-shadow: 0 4px 24px -2px rgba(0,0,0,.2);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1249.5px) {
  .hero__item {
    padding: 20px 16px 16px
  }
}
@media (max-width:991.5px) {
  .hero__item {
    padding: 20px 19px 16px
  }
}
@media (max-width:743.5px) {
  .hero__item {
    justify-content: center;
    align-items: center;
    border-radius: 14px
  }
}
.hero__item:nth-child(1) {
  z-index: 3;
  top: -2px;
  left: 50%;
  padding: 26px 30px 20px;
  width: 380px;
  height: 309px;
  margin-left: 10px;
  background-image: url(../img/main/main-1.png);
  transform: translateX(-50%)
}
@media (max-width:1249.5px) {
  .hero__item:nth-child(1) {
    margin-left: 17px;
    padding: 19px 16px 13px;
    width: 275px;
    height: 218px;
    background-image: url(../img/main/main-1-lg.png)
  }
}
@media (max-width:991.5px) {
  .hero__item:nth-child(1) {
    top: 39px;
    margin-left: -12px;
    padding: 23px 19px 13px;
    width: 307px;
    height: 250px;
    background-image: url(../img/main/main-1-md.png)
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(1) {
    top: 0;
    border-radius: 18px;
    padding: 19px 19px 15px;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: -1px;
    width: 191px;
    height: 178px;
    background-image: url(../img/main/main-1-sm.png)
  }
}
.hero__item:nth-child(1) .hero__item-value {
  color: #194769
}
.hero__item:nth-child(2) {
  z-index: 2;
  top: 48px;
  left: 144px;
  width: 248px;
  height: 198px;
  background-image: url(../img/main/main-2.png)
}
@media (max-width:1249.5px) {
  .hero__item:nth-child(2) {
    left: 118px;
    top: 14px;
    width: 191px;
    height: 160px;
    background-image: url(../img/main/main-2-lg.png)
  }
}
@media (max-width:991.5px) {
  .hero__item:nth-child(2) {
    left: 19px;
    top: 12px;
    width: 214px;
    height: 173px;
    background-image: url(../img/main/main-2-md.png)
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(2) {
    left: -2px;
    top: 16px;
    width: 92px;
    height: 79px;
    background-image: url(../img/main/main-2-sm.png)
  }
}
.hero__item:nth-child(2) .hero__item-value {
  color: #f99f83
}
@media (max-width:991.5px) {
  .hero__item:nth-child(2) .hero__item-value {
    color: #e7c3a3
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(2) .hero__item-value {
    color: #f4a285
  }
}
.hero__item:nth-child(3) {
  z-index: 2;
  top: 25px;
  right: 102px;
  width: 256px;
  height: 204px;
  background-image: url(../img/main/main-3.png)
}
@media (max-width:1249.5px) {
  .hero__item:nth-child(3) {
    top: 14px;
    right: 74px;
    width: 192px;
    height: 160px;
    background-image: url(../img/main/main-3-lg.png)
  }
}
@media (max-width:991.5px) {
  .hero__item:nth-child(3) {
    top: 0;
    right: 38px;
    width: 210px;
    height: 180px;
    background-image: url(../img/main/main-3-md.png)
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(3) {
    top: 16px;
    right: 2px;
    width: 91px;
    height: 79px;
    background-image: url(../img/main/main-3-sm.png)
  }
}
.hero__item:nth-child(3) .hero__item-value {
  color: #eca5a0
}
@media (max-width:743.5px) {
  .hero__item:nth-child(3) .hero__item-value {
    color: #f76d66
  }
}
.hero__item:nth-child(4) {
  z-index: 1;
  top: 189px;
  left: 13px;
  width: 211px;
  height: 174px;
  background-image: url(../img/main/main-4.png)
}
@media (max-width:1249.5px) {
  .hero__item:nth-child(4) {
    top: 130px;
    left: 26px;
    width: 188px;
    height: 152px;
    background-image: url(../img/main/main-4-lg.png)
  }
}
@media (max-width:991.5px) {
  .hero__item:nth-child(4) {
    top: 184px;
    left: 3px;
    width: 216px;
    height: 152px;
    background-image: url(../img/main/main-4-md.png)
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(4) {
    top: 95px;
    width: 99px;
    height: 74px;
    background-image: url(../img/main/main-4-sm.png)
  }
}
.hero__item:nth-child(4) .hero__item-value {
  color: #80b5d0
}
@media (max-width:991.5px) {
  .hero__item:nth-child(4) .hero__item-value {
    color: #bf8793
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(4) .hero__item-value {
    color: #ae8599
  }
}
.hero__item:nth-child(5) {
  z-index: 1;
  top: 265px;
  left: 245px;
  width: 264px;
  height: 201px;
  background-image: url(../img/main/main-5.png)
}
@media (max-width:1249.5px) {
  .hero__item:nth-child(5) {
    top: 192px;
    left: 213px;
    width: 216px;
    height: 163px;
    background-image: url(../img/main/main-5-lg.png)
  }
}
@media (max-width:991.5px) {
  .hero__item:nth-child(5) {
    z-index: 2;
    top: 269px;
    left: 136px;
    width: 235px;
    height: 194px;
    background-image: url(../img/main/main-5-md.png)
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(5) {
    top: 161px;
    left: 47px;
    width: 91px;
    height: 73px;
    background-image: url(../img/main/main-5-sm.png)
  }
}
.hero__item:nth-child(5) .hero__item-value {
  color: #cf8c85
}
@media (max-width:743.5px) {
  .hero__item:nth-child(5) .hero__item-value {
    color: #a9929b
  }
}
.hero__item:nth-child(6) {
  z-index: 1;
  top: 289px;
  left: 582px;
  width: 187px;
  height: 154px;
  background-image: url(../img/main/main-6.png)
}
@media (max-width:1249.5px) {
  .hero__item:nth-child(6) {
    left: 462px;
    top: 204px;
    width: 160px;
    height: 135px;
    background-image: url(../img/main/main-6-lg.png)
  }
}
@media (max-width:991.5px) {
  .hero__item:nth-child(6) {
    left: 358px;
    top: 282px;
    width: 188px;
    height: 155px;
    background-image: url(../img/main/main-6-md.png)
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(6) {
    border-radius: 12px;
    left: 213px;
    top: 160px;
    width: 68px;
    height: 60px;
    background-image: url(../img/main/main-6-sm.png)
  }
}
.hero__item:nth-child(6) .hero__item-value {
  color: #f29d62
}
@media (max-width:743.5px) {
  .hero__item:nth-child(6) .hero__item-value {
    color: #ecbf97
  }
}
.hero__item:nth-child(7) {
  z-index: 1;
  top: 214px;
  right: -11px;
  width: 242px;
  height: 187px;
  background-image: url(../img/main/main-7.png)
}
@media (max-width:1249.5px) {
  .hero__item:nth-child(7) {
    top: 161px;
    right: -28px;
    width: 202px;
    height: 156px;
    background-image: url(../img/main/main-7-lg.png)
  }
}
@media (max-width:991.5px) {
  .hero__item:nth-child(7) {
    top: 177px;
    right: -5px;
    width: 209px;
    height: 188px;
    background-image: url(../img/main/main-7-md.png)
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(7) {
    top: 91px;
    right: 7px;
    width: 77px;
    height: 68px;
    background-image: url(../img/main/main-7-sm.png)
  }
}
.hero__item:nth-child(7) .hero__item-value {
  color: #84b5cc
}
@media (max-width:991.5px) {
  .hero__item:nth-child(7) .hero__item-value {
    color: #ee8259
  }
}
@media (max-width:743.5px) {
  .hero__item:nth-child(7) .hero__item-value {
    color: #f69878
  }
}
.hero__item-big-value {
  font-family: Inter,sans-serif;
  font-weight: 700;
  font-size: 96px;
  color: rgba(0,41,68,.9)
}
@media (max-width:1249.5px) {
  .hero__item-big-value {
    font-size: 44px
  }
}
@media (max-width:991.5px) {
  .hero__item-big-value {
    font-size: 50px
  }
}
@media (max-width:743.5px) {
  .hero__item-big-value {
    font-size: 32px
  }
}
.hero__item-big-text {
  font-size: 22px;
  line-height: 1.4;
  opacity: .9
}
@media (max-width:1249.5px) {
  .hero__item-big-text {
    font-size: 16px
  }
}
@media (max-width:991.5px) {
  .hero__item-big-text {
    font-size: 18px
  }
}
@media (max-width:743.5px) {
  .hero__item-big-text {
    font-size: 14px
  }
}
.hero__item-big-text b {
  font-weight: 700
}
.hero__item-value {
  font-family: Inter,sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: rgba(0,41,68,.9)
}
@media (max-width:1249.5px) {
  .hero__item-value {
    font-size: 32px
  }
}
@media (max-width:743.5px) {
  .hero__item-value {
    font-size: 24px
  }
}
.hero__item-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  opacity: .9
}
@media (max-width:1249.5px) {
  .hero__item-text {
    font-size: 12px;
    line-height: 1.4
  }
}
@media (max-width:991.5px) {
  .hero__item-text {
    font-size: 14px
  }
}
@media (max-width:743.5px) {
  .hero__item-text {
    display: none
  }
}
.terms {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 38px;
  padding-bottom: 32px;
  background: #a2bfd1
}
@media (max-width:1249.5px) {
  .terms {
    padding-top: 18px
  }
}
@media (max-width:991.5px) {
  .terms {
    padding-top: 40px
  }
}
.terms__container {
  margin: 0 auto;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 976px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 38px);
  height: 100%
}
@media (max-width:1249.5px) {
  .terms__container {
    max-width: 772px
  }
}
@media (max-width:991.5px) {
  .terms__container {
    padding-top: 10px;
    max-width: 742px
  }
}
@media (max-width:743.5px) {
  .terms__container {
    padding-top: 7px;
    padding-right: 16px;
    padding-left: 16px
  }
}
.terms__container::after {
  content: "";
  display: none;
  border-top: 1px solid rgba(255,255,255,.4);
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 0
}
@media (max-width:991.5px) {
  .terms__container::after {
    display: block
  }
}
.terms__title {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 50px;
  color: rgba(0,41,68,.9);
  transition: color .2s ease-in-out,margin .2s ease-in-out,font-size .2s ease-in-out
}
@media (max-width:1249.5px) {
  .terms__title {
    margin-bottom: 19px;
    font-size: 32px
  }
}
@media (max-width:991.5px) {
  .terms__title {
    margin-bottom: 16px;
    font-size: 24px
  }
}
@media (max-width:743.5px) {
  .terms__title {
    margin-bottom: 12px;
    line-height: 1.22
  }
}
.terms__title_active {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 24px;
  color: #fff
}
@media (max-width:991.5px) {
  .terms__title_active {
    margin-left: 39px;
    margin-top: -40px;
    font-weight: 700;
    font-size: 20px
  }
}
@media (max-width:743.5px) {
  .terms__title_active {
    margin-bottom: 9px;
    margin-top: -36px;
    font-size: 16px
  }
}
.terms_active {
  display: block
}
.terms__close {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  position: fixed;
  top: 34px;
  left: 51px;
  width: 46px;
  aspect-ratio: 1;
  font-size: 0;
  background-color: transparent;
  background-image: url(../img/icom-terms-back.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1249.5px) {
  .terms__close {
    left: 24px;
    top: 24px;
    width: 23px
  }
}
@media (max-width:991.5px) {
  .terms__close {
    top: 10px;
    left: 25px
  }
}
@media (max-width:743.5px) {
  .terms__close {
    top: 9px;
    left: 16px
  }
}
.terms__scroll {
  padding-right: 40px;
  padding-right: 27px;
  padding-bottom: 30px;
  max-height: 100%;
  overflow-y: auto;
  border-top: 1px solid rgba(0,41,68,0)
}
@media (max-width:991.5px) {
  .terms__scroll {
    padding-right: 13px;
    width: calc(100% + 13px)
  }
}
.terms__scroll_active {
  border-top: 1px solid rgba(0,41,68,.3)
}
@media (max-width:991.5px) {
  .terms__scroll_active {
    border: none
  }
}
.terms__scroll .simplebar-track.simplebar-vertical {
  top: 60px;
  bottom: 26px;
  border-radius: 3px;
  background: linear-gradient(to bottom,rgba(0,41,68,.26),rgba(0,41,68,.13));
  width: 5px
}
@media (max-width:991.5px) {
  .terms__scroll .simplebar-track.simplebar-vertical {
    width: 4px
  }
}
.terms__scroll .simplebar-scrollbar:before {
  border-radius: 3px;
  left: 1px;
  right: 1px;
  background: rgba(0,41,68,.5);
  opacity: 1
}
.terms__content {
  display: inline-flex;
  flex-direction: column;
  gap: 28px
}
.terms__group-title {
  font-weight: 600;
  font-size: 24px;
  color: #002944
}
@media (max-width:1249.5px) {
  .terms__group-title {
    font-size: 20px;
    letter-spacing: .02em
  }
}
.terms__group-subtitle {
  margin-top: 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944
}
@media (max-width:743.5px) {
  .terms__group-subtitle {
    margin-top: 0;
    font-weight: 700;
    font-size: 16px
  }
}
.terms__group-list-title {
  margin-top: 5px;
  margin-bottom: 7px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: .026em
}
@media (max-width:743.5px) {
  .terms__group-list-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
  }
}
.terms__group-list-title b {
  font-weight: 700
}
.terms__group-desc {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944
}
@media (max-width:1249.5px) {
  .terms__group-desc {
    font-weight: 400;
    font-size: 16px
  }
}
.terms__list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 5px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: .02em
}
@media (max-width:1249.5px) {
  .terms__list {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.37
  }
}
.terms__list li {
  position: relative;
  padding-left: 27px
}
@media (max-width:1249.5px) {
  .terms__list li {
    padding-left: 25px
  }
}
.terms__list li::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 11px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #002944
}
@media (max-width:1249.5px) {
  .terms__list li::before {
    top: 8px;
    left: 10px
  }
}
.terms__list b {
  font-weight: 700
}
.contacts {
  padding-top: 109px
}
@media (max-width:1249.5px) {
  .contacts {
    padding-top: 30px
  }
}
@media (max-width:991.5px) {
  .contacts {
    padding-top: 159px;
    margin-bottom: 190px
  }
}
@media (max-width:743.5px) {
  .contacts {
    padding-top: 99px;
    margin-bottom: 130px
  }
}
.contacts__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: 1353px;
  aspect-ratio: 1353/1275;
  background-image: url(../img/contacts.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%,-50%);
  opacity: .8;
  pointer-events: none
}
@media (max-width:1249.5px) {
  .contacts__bg {
    width: 911px
  }
}
@media (max-width:991.5px) {
  .contacts__bg {
    width: 969px
  }
}
@media (max-width:743.5px) {
  .contacts__bg {
    width: 521px
  }
}
.contacts__container {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center
}
.contacts__content {
  position: relative;
  display: inline-block
}
.contacts__tg {
  position: absolute;
  left: -13px;
  top: 234px;
  z-index: 1;
  padding: 32px 40px;
  width: 335px;
  height: 259px;
  border-radius: 18px;
  overflow: hidden;
  background-image: url(../img/contacts-tg.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 4px 24px -2px rgba(0,0,0,.2);
  transform: translateX(-100%)
}
@media (max-width:1249.5px) {
  .contacts__tg {
    top: 211px;
    padding: 20px;
    width: 220px;
    height: 157px;
    background-image: url(../img/contacts-tg-lg.png)
  }
}
@media (max-width:991.5px) {
  .contacts__tg {
    left: -100px;
    top: 498px;
    width: 220px;
    height: 157px;
    background-image: url(../img/contacts-tg-md.png);
    transform: none
  }
}
@media (max-width:743.5px) {
  .contacts__tg {
    top: 144px;
    left: -53px;
    padding: 16px;
    width: 152px;
    height: 108px;
    background-image: url(../img/contacts-tg-sm.png)
  }
}
.contacts__tg-icon {
  margin-bottom: 14px;
  width: 86px;
  aspect-ratio: 1
}
@media (max-width:1249.5px) {
  .contacts__tg-icon {
    width: 48px
  }
}
@media (max-width:743.5px) {
  .contacts__tg-icon {
    position: absolute;
    left: 15px;
    top: 29px;
    width: 28px
  }
}
.contacts__tg-title {
  margin-bottom: 7px;
  font-family: Inter,sans-serif;
  font-weight: 700;
  font-size: 40px;
  text-transform: uppercase;
  color: #002944;
  mix-blend-mode: overlay
}
@media (max-width:1249.5px) {
  .contacts__tg-title {
    margin-bottom: -3px;
    font-size: 20px
  }
}
@media (max-width:743.5px) {
  .contacts__tg-title {
    margin-top: 17px;
    margin-bottom: 3px;
    padding-left: 30px;
    font-size: 16px
  }
}
.contacts__tg-text {
  font-weight: 600;
  font-size: 24px;
  color: #002944
}
@media (max-width:1249.5px) {
  .contacts__tg-text {
    font-size: 16px
  }
}
@media (max-width:743.5px) {
  .contacts__tg-text {
    margin-top: 11px;
    font-size: 12px
  }
}
.contacts__form {
  position: relative;
  z-index: 1;
  padding: 40px;
  width: 579px;
  border-radius: 18px;
  overflow: hidden;
  background-image: url(../img/contacts-form.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 4px 24px -2px rgba(0,0,0,.2)
}
@media (max-width:1249.5px) {
  .contacts__form {
    width: 415px;
    padding: 20px;
    padding-bottom: 37px;
    background-image: url(../img/contacts-form-lg.png)
  }
}
@media (max-width:991.5px) {
  .contacts__form {
    padding: 25px 20px 20px;
    width: 433px;
    height: 552px;
    background-image: url(../img/contacts-form-md.png)
  }
}
@media (max-width:743.5px) {
  .contacts__form {
    z-index: 2;
    border-radius: 14px;
    padding: 16px;
    width: 223px;
    height: 180px;
    background-image: url(../img/contacts-form-sm.png)
  }
}
.contacts__form_success .contacts__form-success {
  display: flex
}
.contacts__form-inputs {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 22px
}
@media (max-width:1249.5px) {
  .contacts__form-inputs {
    gap: 14px;
    margin-bottom: 47px
  }
}
.contacts__title {
  margin-bottom: 14px;
  font-family: Inter,sans-serif;
  font-weight: 700;
  font-size: 40px;
  text-transform: uppercase;
  color: #002944;
  mix-blend-mode: overlay
}
@media (max-width:1249.5px) {
  .contacts__title {
    margin-bottom: 17px;
    font-size: 24px
  }
}
@media (max-width:743.5px) {
  .contacts__title {
    margin-bottom: 8px;
    font-size: 16px
  }
}
.contacts__form-desc {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
  height: 57px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0,41,68,.9)
}
.contacts__phone {
  position: absolute;
  top: 170px;
  right: -16px;
  z-index: 1;
  padding: 40px;
  width: 358px;
  height: 277px;
  border-radius: 18px;
  overflow: hidden;
  background-image: url(../img/contacts-phone.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 4px 24px -2px rgba(0,0,0,.2);
  transform: translateX(100%)
}
@media (max-width:1249.5px) {
  .contacts__phone {
    top: 152px;
    padding: 20px;
    width: 220px;
    height: 160px;
    background-image: url(../img/contacts-phone-lg.png)
  }
}
@media (max-width:991.5px) {
  .contacts__phone {
    top: 500px;
    right: -106px;
    width: 220px;
    height: 160px;
    background-image: url(../img/contacts-phone-md.png);
    transform: none
  }
}
@media (max-width:743.5px) {
  .contacts__phone {
    top: 153px;
    right: -61px;
    padding: 16px;
    width: 152px;
    height: 108px;
    background-image: url(../img/contacts-phone-sm.png)
  }
}
.contacts__phone-icon {
  margin-bottom: 14px;
  width: 86px;
  aspect-ratio: 1
}
@media (max-width:1249.5px) {
  .contacts__phone-icon {
    width: 48px
  }
}
@media (max-width:743.5px) {
  .contacts__phone-icon {
    position: absolute;
    left: 14px;
    top: 28px;
    width: 28px
  }
}
.contacts__phone-title {
  margin-bottom: 7px;
  font-family: Inter,sans-serif;
  font-weight: 700;
  font-size: 40px;
  text-transform: uppercase;
  color: #002944;
  mix-blend-mode: overlay
}
@media (max-width:1249.5px) {
  .contacts__phone-title {
    margin-bottom: -3px;
    font-size: 20px
  }
}
@media (max-width:743.5px) {
  .contacts__phone-title {
    margin-bottom: 3px;
    margin-top: 15px;
    padding-left: 32px;
    font-size: 16px
  }
}
.contacts__phone-text {
  font-weight: 600;
  font-size: 24px;
  color: #002944
}
@media (max-width:1249.5px) {
  .contacts__phone-text {
    font-size: 16px
  }
}
@media (max-width:743.5px) {
  .contacts__phone-text {
    margin-top: 11px;
    font-size: 12px
  }
}
.contacts__form-success {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
  flex-direction: column;
  align-items: center;
  padding-top: 350px;
  width: 100%;
  height: 100%;
  background-image: url(../img/contacts-success.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1249.5px) {
  .contacts__form-success {
    background-image: url(../img/contacts-success-lg.png)
  }
}
@media (max-width:991.5px) {
  .contacts__form-success {
    background-image: url(../img/contacts-success-md.png)
  }
}
@media (max-width:743.5px) {
  .contacts__form-success {
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    background-image: url(../img/contacts-form-sm.png)
  }
}
.contacts__form-success-text {
  margin-bottom: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 182px;
  font-family: Raleway,sans-serif;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: rgba(0,41,68,.9)
}
@media (max-width:991.5px) {
  .contacts__form-success-text {
    font-size: 20px
  }
}
@media (max-width:743.5px) {
  .contacts__form-success-text {
    height: auto;
    margin-bottom: 20px;
    font-size: 16px
  }
}
.contacts__form-success-btn {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  padding: 20px;
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  background: linear-gradient(158deg,rgba(255,255,255,.4) 0,#fb4621 32.81%,#ff0e90 60.94%,#dc04ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
@media (max-width:743.5px) {
  .contacts__form-success-btn {
    padding: 0
  }
}
@media (max-width:743.5px) {
  .contacts__btn {
    width: 100%
  }
}
.blog {
  padding-top: 30px
}
@media (max-width:1249.5px) {
  .blog {
    padding-top: 38px
  }
}
@media (max-width:991.5px) {
  .blog {
    padding-top: 56px
  }
}
@media (max-width:743.5px) {
  .blog {
    padding-top: 20px
  }
}
.blog__title {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 36px;
  text-align: center;
  color: #002944
}
@media (max-width:1249.5px) {
  .blog__title {
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 24px
  }
}
@media (max-width:991.5px) {
  .blog__title {
    margin-bottom: 52px;
    font-size: 24px;
    letter-spacing: normal
  }
}
@media (max-width:743.5px) {
  .blog__title {
    margin-bottom: 22px;
    font-weight: 400;
    font-size: 24px
  }
}
@media (max-width:575.5px) {
  .blog__title {
    font-size: 14px
  }
}
.blog__title b {
  font-weight: 700
}
.blog__title u {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
.blog__title-highlight {
  display: inline-block;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 50px;
  line-height: 53px;
  color: #ff2f3b;
  transform: translateY(-7px)
}
@media (max-width:1249.5px) {
  .blog__title-highlight {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 36px;
    line-height: 39px;
    transform: translateY(-3px)
  }
}
@media (max-width:991.5px) {
  .blog__title-highlight {
    font-size: 36px;
    line-height: 47px;
    display: block;
    transform: translateY(-1px)
  }
}
@media (max-width:743.5px) {
  .blog__title-highlight {
    line-height: 22px
  }
}
@media (max-width:575.5px) {
  .blog__title-highlight {
    font-size: 20px
  }
}
.blog__items {
  position: relative;
  margin-top: 32px;
  margin-bottom: 40px;
  height: 743px
}
@media (max-width:1249.5px) {
  .blog__items {
    height: 645px
  }
}
@media (max-width:991.5px) {
  .blog__items {
    margin-top: 45px
  }
}
@media (max-width:743.5px) {
  .blog__items {
    margin-top: 32px;
    height: auto
  }
}
.blog__items .swiper {
  height: 100%;
  overflow: visible
}
.blog__items .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.blog__items .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(1)
}
.blog__items .swiper-slide {
  height: calc((100% - 30px)/ 2)
}
@media (max-width:991.5px) {
  .blog__items .swiper-slide {
    height: calc((100% - 20px)/ 2)
  }
}
@media (max-width:743.5px) {
  .blog__items .swiper-slide {
    height: auto;
    width: 335px
  }
}
@media (max-width:575.5px) {
  .blog__items .swiper-slide {
    width: 235px
  }
}
.blog__items .swiper-pagination {
  bottom: -40px
}
.blog__items .swiper-pagination-bullet {
  border: 1px solid #fff;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  opacity: 1;
  background-color: transparent
}
@media (max-width:1249.5px) {
  .blog__items .swiper-pagination-bullet {
    width: 8px;
    height: 8px
  }
}
@media (max-width:743.5px) {
  .blog__items .swiper-pagination-bullet {
    width: 4px;
    height: 4px
  }
}
.blog__items .swiper-pagination-bullet-active {
  background-color: #fff
}
.blog__items .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px
}
@media (max-width:1249.5px) {
  .blog__items .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
  }
}
@media (max-width:743.5px) {
  .blog__items .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
  }
}
.blog__items_list {
  height: 598px;
  padding-right: 46px
}
@media (max-width:1249.5px) {
  .blog__items_list {
    height: 463px
  }
}
@media (max-width:991.5px) {
  .blog__items_list {
    height: 593px;
    padding-right: 60px
  }
}
@media (max-width:743.5px) {
  .blog__items_list {
    height: 549px
  }
}
@media (max-width:575.5px) {
  .blog__items_list {
    height: auto
  }
}
.blog__items_list .swiper-slide {
  height: calc((100% - 48px)/ 4)
}
@media (max-width:1249.5px) {
  .blog__items_list .swiper-slide {
    height: calc((100% - 32px)/ 3)
  }
}
@media (max-width:991.5px) {
  .blog__items_list .swiper-slide {
    height: calc((100% - 48px)/ 4)
  }
}
@media (max-width:743.5px) {
  .blog__items_list .swiper-slide {
    height: auto
  }
}
.blog__items_list .blog__item-inner {
  display: flex;
  align-items: flex-start
}
.blog__items_list .blog__image {
  width: 158px;
  margin-bottom: 0;
  margin-right: 20px
}
@media (max-width:575.5px) {
  .blog__items_list .blog__image {
    display: none
  }
}
.blog__items_list .blog__name {
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.blog__item {
  display: block;
  border-radius: 18px;
  padding: 1px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0 4px 24px -2px rgba(0,0,0,.2);
  background: linear-gradient(153deg,rgba(255,255,255,.4),rgba(250,68,166,.9215686275) 35%,#23f1cc 60%,#61e3ff 90%,#7c42f7 95%,#790fff 100%)
}
@media (max-width:575.5px) {
  .blog__item {
    width: 100%
  }
}
.blog__item-inner {
  border-radius: 18px;
  padding: 20px;
  height: 100%;
  width: 100%;
  background: linear-gradient(137deg,#d0dfe8 0,#f4c5b7 50%,#d3e1e9 100%)
}
@media (max-width:743.5px) {
  .blog__item-inner {
    padding: 15px
  }
}
.blog__image {
  border-radius: 12px;
  margin-bottom: 20px;
  width: 100%;
  aspect-ratio: 246/144;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.blog__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944;
  opacity: .9
}
@media (max-width:575.5px) {
  .blog__name {
    font-size: 14px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
  }
}
.blog__text {
  display: none
}
.blog__info {
  display: none
}
.detail {
  width: 100%;
  height: 100vh;
  background: #a2bfd1;
  overflow: hidden
}
.detail__container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  max-width: 928px
}
@media (max-width:1800px) {
  .detail__container {
    width: 694px
  }
}
@media (max-width:1249.5px) {
  .detail__container {
    transform: translateX(-15px)
  }
}
@media (max-width:1100px) {
  .detail__container {
    transform: translateX(-81px);
    width: 650px
  }
}
@media (max-width:991.5px) {
  .detail__container {
    transform: none
  }
}
@media (max-width:743.5px) {
  .detail__container {
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px
  }
}
.detail__top {
  position: relative;
  padding-top: 41px;
  padding-bottom: 28px;
  margin-bottom: auto;
  transition: padding .2s ease-in-out,max-height .2s ease-in-out
}
@media (max-width:1249.5px) {
  .detail__top {
    padding-top: 20px;
    padding-bottom: 20px
  }
}
@media (max-width:991.5px) {
  .detail__top {
    padding-top: 8px
  }
}
.detail__top_active {
  padding-top: 11px;
  padding-bottom: 13px
}
@media (max-width:991.5px) {
  .detail__top_active {
    padding-top: 8px;
    padding-bottom: 8px
  }
}
@media (max-width:991.5px) {
  .detail__top_active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200%;
    height: 0;
    left: 50%;
    border-bottom: 1px solid rgba(0,41,68,.3);
    transform: translateX(-50%)
  }
}
.detail__top_active .detail__title {
  font-weight: 600;
  font-size: 24px;
  color: #fff
}
@media (max-width:991.5px) {
  .detail__top_active .detail__title {
    font-weight: 700;
    font-size: 20px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
  }
}
@media (max-width:743.5px) {
  .detail__top_active .detail__title {
    font-size: 16px
  }
}
@media (max-width:991.5px) {
  .detail__top_active .detail__title br {
    display: none
  }
}
.detail__search {
  position: absolute;
  left: 0;
  top: 34px;
  font-size: 0;
  margin-left: -77px
}
@media (max-width:1249.5px) {
  .detail__search {
    top: 24px;
    margin-left: -48px
  }
}
@media (max-width:1100px) {
  .detail__search {
    margin-left: -37px
  }
}
@media (max-width:991.5px) {
  .detail__search {
    position: relative;
    top: 0;
    right: 0;
    margin-left: auto
  }
}
@media (max-width:1249.5px) {
  .detail__search svg {
    width: 25px;
    height: auto;
    aspect-ratio: 1
  }
}
.detail__center {
  width: 100%;
  display: flex;
  flex-direction: column
}
.detail__center::after {
  content: "";
  display: none;
  border-top: 1px solid rgba(255,255,255,.4);
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 0
}
@media (max-width:991.5px) {
  .detail__center::after {
    display: block
  }
}
.detail__middle {
  flex: 1 1 0;
  transition: max-height .2s ease-in-out
}
.detail__middle_active {
  border-top: 1px solid rgba(0,41,68,.3)
}
@media (max-width:991.5px) {
  .detail__middle_active {
    border: none
  }
}
.detail__right {
  position: absolute;
  left: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  padding-left: 51px;
  padding-bottom: 39px;
  width: 395px;
  height: 100%
}
@media (max-width:1520px) {
  .detail__right {
    width: 275px;
    padding-left: 30px
  }
}
@media (max-width:1249.5px) {
  .detail__right {
    padding-top: 25px;
    padding-bottom: 18px;
    width: 214px
  }
}
@media (max-width:991.5px) {
  .detail__right {
    position: fixed;
    z-index: 1;
    left: 0;
    top: auto;
    bottom: 0;
    border-top: 1px solid rgba(0,41,68,.3);
    padding-left: 0;
    padding-top: 16px;
    width: 100%;
    height: 80px;
    background: #a2bfd1
  }
}
@media (max-width:575.5px) {
  .detail__right {
    padding: 8px;
    height: 52px
  }
}
.detail__right-title {
  margin-bottom: 19px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944
}
@media (max-width:1249.5px) {
  .detail__right-title {
    font-size: 16px
  }
}
@media (max-width:991.5px) {
  .detail__right-title {
    display: none
  }
}
.detail__author {
  position: relative;
  margin-bottom: auto;
  padding-left: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 79px
}
@media (max-width:1520px) {
  .detail__author {
    padding-left: 0
  }
}
@media (max-width:991.5px) {
  .detail__author {
    display: none
  }
}
.detail__author-img {
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 12px;
  border-radius: 100%;
  width: 79px;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
@media (max-width:1520px) {
  .detail__author-img {
    position: relative;
    margin-right: 0;
    margin-bottom: 12px
  }
}
@media (max-width:1249.5px) {
  .detail__author-img {
    width: 52px
  }
}
.detail__author-name {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #fff
}
@media (max-width:1249.5px) {
  .detail__author-name {
    font-size: 16px
  }
}
.detail__author-pos {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #fff
}
@media (max-width:1249.5px) {
  .detail__author-pos {
    font-size: 12px
  }
}
.detail__title {
  font-weight: 700;
  font-size: 50px;
  color: rgba(0,41,68,.9);
  letter-spacing: .01em;
  line-height: 1.2;
  transition: color .2s ease-in-out,margin .2s ease-in-out,font-size .2s ease-in-out
}
@media (max-width:1249.5px) {
  .detail__title {
    font-size: 32px
  }
}
@media (max-width:743.5px) {
  .detail__title {
    font-size: 24px
  }
}
.detail__back {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  position: fixed;
  top: 34px;
  left: 51px;
  width: 46px;
  aspect-ratio: 1;
  font-size: 0;
  background-color: transparent;
  background-image: url(../img/icom-terms-back.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1249.5px) {
  .detail__back {
    left: 24px;
    top: 24px;
    width: 23px
  }
}
@media (max-width:991.5px) {
  .detail__back {
    top: 10px;
    left: 25px
  }
}
@media (max-width:743.5px) {
  .detail__back {
    display: none
  }
}
.detail__back-mob {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  display: none;
  margin-right: -13px;
  width: 23px;
  aspect-ratio: 1;
  font-size: 0;
  background-color: transparent;
  background-image: url(../img/icom-terms-back.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:743.5px) {
  .detail__back-mob {
    display: block
  }
}
.detail__scroll {
  padding-right: 40px;
  padding-right: 27px;
  padding-bottom: 30px;
  max-height: 100%;
  border-top: 1px solid rgba(0,41,68,0)
}
@media (max-width:991.5px) {
  .detail__scroll {
    padding-right: 13px;
    width: calc(100% + 13px)
  }
}
.detail__scroll .simplebar-track.simplebar-vertical {
  top: 60px;
  right: 6px;
  bottom: 26px;
  border-radius: 3px;
  background: linear-gradient(to bottom,rgba(0,41,68,.26),rgba(0,41,68,.13));
  width: 5px
}
@media (max-width:991.5px) {
  .detail__scroll .simplebar-track.simplebar-vertical {
    width: 4px
  }
}
.detail__scroll .simplebar-scrollbar:before {
  border-radius: 3px;
  left: 1px;
  right: 1px;
  background: rgba(0,41,68,.5);
  opacity: 1
}
.detail__content {
  display: inline-flex;
  flex-direction: column;
  gap: 28px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944
}
@media (max-width:1249.5px) {
  .detail__content {
    font-size: 16px
  }
}
@media (max-width:575.5px) {
  .detail__content {
    gap: 18px
  }
}
.detail__content h3 {
  margin-bottom: 21px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: normal;
  color: #002944
}
@media (max-width:1249.5px) {
  .detail__content h3 {
    font-size: 20px
  }
}
.detail__content ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: detail-list
}
.detail__content ol li {
  position: relative;
  padding-left: 27px
}
.detail__content ol li::before {
  counter-increment: detail-list;
  content: counter(detail-list) ". ";
  position: absolute;
  left: 8px;
  top: 0
}
.detail__content-img {
  width: calc(100% - 15px);
  border-radius: 12px
}
.detail__content-desc {
  font-weight: 400;
  font-size: 24px;
  color: #002944;
  letter-spacing: normal
}
@media (max-width:1249.5px) {
  .detail__content-desc {
    font-size: 20px
  }
}
@media (max-width:575.5px) {
  .detail__content-desc {
    font-size: 16px
  }
}
.detail__content-quote {
  font-family: Designosaur,sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944
}
@media (max-width:1249.5px) {
  .detail__content-quote {
    font-size: 18px
  }
}
@media (max-width:575.5px) {
  .detail__content-quote {
    font-size: 16px
  }
}
.detail__info {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 10px
}
.detail__date {
  padding-left: 28px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  background-image: url(../img/icon-date.svg);
  background-position: left center;
  background-size: 24px;
  background-repeat: no-repeat
}
.detail__views {
  padding-left: 28px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  background-image: url(../img/icon-views.svg);
  background-position: left center;
  background-size: 24px;
  background-repeat: no-repeat
}
.detail__tag {
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 100px;
  padding: 6px 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #ff2f3b
}
@media (max-width:575.5px) {
  .detail__tag {
    display: none
  }
}
.detail__tools {
  display: flex;
  align-items: center;
  gap: 23px
}
@media (max-width:1249.5px) {
  .detail__tools {
    gap: 19px
  }
}
@media (max-width:991.5px) {
  .detail__tools {
    width: 100%;
    max-width: 650px;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 auto
  }
}
@media (max-width:575.5px) {
  .detail__tools {
    gap: 16px
  }
}
.detail__tools-download {
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 15px 16px;
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #ff2f3b
}
@media (max-width:1520px) {
  .detail__tools-download {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    aspect-ratio: 1;
    padding: 0;
    font-size: 0
  }
}
@media (max-width:1249.5px) {
  .detail__tools-download {
    width: 42px
  }
}
@media (max-width:991.5px) {
  .detail__tools-download {
    margin-right: auto;
    padding: 12px 14px;
    width: auto;
    aspect-ratio: unset;
    font-size: 14px
  }
}
@media (max-width:575.5px) {
  .detail__tools-download {
    padding: 8px 12px;
    font-size: 14px
  }
}
.detail__tools-download svg {
  margin-right: 8px
}
@media (max-width:1520px) {
  .detail__tools-download svg {
    margin-right: 0
  }
}
@media (max-width:991.5px) {
  .detail__tools-download svg {
    margin-right: 8px
  }
}
@media (max-width:575.5px) {
  .detail__tools-download svg {
    width: 20px;
    height: 20px
  }
}
.detail__social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  aspect-ratio: 1;
  border: 1px solid #fff;
  border-radius: 100%
}
@media (max-width:1249.5px) {
  .detail__social {
    width: 42px
  }
}
@media (max-width:575.5px) {
  .detail__social {
    width: 32px
  }
}
@media (max-width:1249.5px) {
  .detail__social svg {
    width: calc(100% - 18px);
    aspect-ratio: 1;
    font-size: 0
  }
}
.detail__content-person {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center
}
.detail__content-person-img {
  margin-bottom: 12px;
  border-radius: 100%;
  width: 129px;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
@media (max-width:743.5px) {
  .detail__content-person-img {
    width: 52px
  }
}
.detail__content-person-name {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #fff
}
@media (max-width:743.5px) {
  .detail__content-person-name {
    font-size: 16px
  }
}
.detail__content-person-pos {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #fff
}
@media (max-width:743.5px) {
  .detail__content-person-pos {
    font-size: 12px
  }
}
.detail__content-links {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 12px;
  padding: 24px;
  background: rgba(255,255,255,.15)
}
@media (max-width:575.5px) {
  .detail__content-links {
    padding: 16px
  }
}
.detail__content-links-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
  padding-left: 40px;
  font-weight: 600;
  font-size: 20px;
  text-decoration: underline;
  color: #ff2f3b
}
@media (max-width:991.5px) {
  .detail__content-links-link {
    padding-left: 32px;
    font-size: 16px;
    min-height: 25px
  }
}
.detail__content-links-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  aspect-ratio: 1;
  background-image: url(../img/icon-link.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:991.5px) {
  .detail__content-links-link::before {
    width: 25px
  }
}
.detail__mob-author {
  display: none
}
@media (max-width:991.5px) {
  .detail__mob-author {
    display: block
  }
}
.detail__mob-author-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 60px
}
.detail__mob-author-title {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944
}
.detail__mob-author-img {
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 12px;
  border-radius: 100%;
  width: 48px;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.detail__mob-author-name {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #fff
}
.detail__mob-author-pos {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #fff
}
.library {
  padding-top: 34px
}
@media (max-width:1249.5px) {
  .library {
    padding-top: 38px
  }
}
@media (max-width:991.5px) {
  .library {
    padding-top: 33px
  }
}
@media (max-width:743.5px) {
  .library {
    padding-top: 20px
  }
}
.library__title {
  margin-bottom: 31px;
  font-weight: 400;
  font-size: 36px;
  text-align: center;
  color: #002944
}
@media (max-width:1249.5px) {
  .library__title {
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 24px
  }
}
@media (max-width:991.5px) {
  .library__title {
    margin-bottom: 47px;
    font-size: 24px;
    letter-spacing: normal
  }
}
@media (max-width:743.5px) {
  .library__title {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 24px
  }
}
@media (max-width:575.5px) {
  .library__title {
    font-size: 14px
  }
}
.library__title b {
  font-weight: 700
}
.library__title u {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
.library__title-highlight {
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
  font-size: 50px;
  line-height: 53px;
  color: #ff2f3b;
  transform: translateY(-5px)
}
@media (max-width:1249.5px) {
  .library__title-highlight {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 36px;
    line-height: 39px;
    transform: translateY(-3px)
  }
}
@media (max-width:991.5px) {
  .library__title-highlight {
    font-size: 36px;
    line-height: 47px;
    display: block;
    transform: translateY(-1px)
  }
}
@media (max-width:743.5px) {
  .library__title-highlight {
    line-height: 22px
  }
}
@media (max-width:575.5px) {
  .library__title-highlight {
    font-size: 20px
  }
}
.library__items {
  position: relative;
  margin-top: 54px;
  margin-bottom: 40px
}
@media (max-width:991.5px) {
  .library__items {
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 70px;
    width: 320px;
    height: 300px
  }
}
@media (max-width:743.5px) {
  .library__items {
    margin-top: 32px
  }
}
.library__items .swiper {
  height: 100%;
  overflow: visible
}
.library__items .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.library__items .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(1)
}
.library__items .swiper-pagination {
  bottom: -40px
}
.library__items .swiper-pagination-bullet {
  border: 1px solid #fff;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  opacity: 1;
  background-color: transparent
}
@media (max-width:1249.5px) {
  .library__items .swiper-pagination-bullet {
    width: 8px;
    height: 8px
  }
}
@media (max-width:743.5px) {
  .library__items .swiper-pagination-bullet {
    width: 4px;
    height: 4px
  }
}
.library__items .swiper-pagination-bullet-active {
  background-color: #fff
}
.library__items .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px
}
@media (max-width:1249.5px) {
  .library__items .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
  }
}
@media (max-width:743.5px) {
  .library__items .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
  }
}
.library__items .swiper-creative .swiper-slide {
  overflow: visible
}
.library__items .swiper-slide {
  visibility: hidden
}
.library__items .swiper-slide-visible {
  visibility: visible
}
.library__items .swiper-slide-next {
  visibility: visible
}
.library__items .swiper-slide-next + .swiper-slide {
  visibility: visible
}
.library__items_list {
  position: relative;
  height: 698px;
  margin-top: 30px;
  padding-right: 44px
}
@media (max-width:1249.5px) {
  .library__items_list {
    height: 550px
  }
}
@media (max-width:991.5px) {
  .library__items_list {
    margin-top: 44px;
    padding-right: 60px;
    height: 593px;
    width: 100%
  }
}
@media (max-width:743.5px) {
  .library__items_list {
    margin-top: 19px;
    height: 549px
  }
}
@media (max-width:575.5px) {
  .library__items_list {
    height: 367px
  }
}
.library__items_list .swiper-slide {
  height: calc((100% - 64px)/ 5)
}
@media (max-width:1249.5px) {
  .library__items_list .swiper-slide {
    height: calc((100% - 32px)/ 3)
  }
}
@media (max-width:991.5px) {
  .library__items_list .swiper-slide {
    height: calc((100% - 48px)/ 4);
    width: 500px
  }
}
@media (max-width:575.5px) {
  .library__items_list .swiper-slide {
    width: 300px
  }
}
.library__items_list .swiper-slide {
  visibility: visible
}
.library__items_list .library__item {
  position: relative;
  left: 0!important;
  top: 0!important;
  bottom: 0!important;
  right: 0!important;
  width: 100%!important;
  height: 100%!important;
  transform: none!important
}
@media (max-width:991.5px) {
  .library__items_list .library__item {
    margin-top: 0;
    margin-bottom: 0
  }
}
.library__items_list .library__item-inner {
  display: flex;
  align-items: center;
  flex-direction: row
}
.library__items_list .library__item-image {
  width: 68px!important;
  height: 100%!important;
  margin-bottom: 0;
  margin-right: 20px;
  -o-object-position: center;
  object-position: center
}
@media (max-width:575.5px) {
  .library__items_list .library__item-image {
    width: 56px!important
  }
}
.library__items_list .library__item-name {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.library__items_list .library__item-name br {
  display: none
}
.library__items_list .library__item-link {
  margin-top: 0;
  margin-left: auto;
  align-self: center
}
.library__group {
  position: relative;
  width: 100%;
  height: 600px
}
.library__item {
  position: absolute;
  display: block;
  border-radius: 18px;
  padding: 1px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0 4px 24px -2px rgba(0,0,0,.2);
  background: linear-gradient(153deg,rgba(255,255,255,.4),rgba(250,68,166,.9215686275) 35%,#23f1cc 60%,#61e3ff 90%,#7c42f7 95%,#790fff 100%)
}
@media (max-width:991.5px) {
  .library__item {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px
  }
}
@media (max-width:575.5px) {
  .library__item {
    width: 100%
  }
}
.library__item:nth-child(1) {
  z-index: 1;
  left: 49.4%;
  top: 0;
  width: 320px;
  height: 300px;
  transform: translateX(-50%)
}
@media (max-width:991.5px) {
  .library__item:nth-child(1) {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transform: none
  }
}
.library__item:nth-child(1) .library__item-image {
  width: 153px;
  height: 147px
}
.library__item:nth-child(2) {
  left: 16.8%;
  top: 40px;
  width: 250px;
  height: 235px
}
@media (max-width:1249.5px) {
  .library__item:nth-child(2) {
    left: 0
  }
}
.library__item:nth-child(2) .library__item-image {
  width: 121px;
  height: 116px
}
.library__item:nth-child(3) {
  right: 18%;
  top: 8px;
  width: 250px;
  height: 235px
}
@media (max-width:1249.5px) {
  .library__item:nth-child(3) {
    right: 0
  }
}
.library__item:nth-child(3) .library__item-image {
  width: 121px;
  height: 116px
}
.library__item:nth-child(4) {
  z-index: 1;
  left: 50.4%;
  bottom: 0;
  width: 307px;
  height: 276px;
  transform: translateX(-50%)
}
.library__item:nth-child(4) .library__item-image {
  width: 153px;
  height: 147px
}
.library__item:nth-child(5) {
  left: 18%;
  bottom: 70px;
  width: 250px;
  height: 235px
}
@media (max-width:1249.5px) {
  .library__item:nth-child(5) {
    left: 0
  }
}
.library__item:nth-child(5) .library__item-image {
  width: 121px;
  height: 116px
}
.library__item:nth-child(6) {
  right: 17.6%;
  bottom: 110px;
  width: 250px;
  height: 235px
}
@media (max-width:1249.5px) {
  .library__item:nth-child(6) {
    right: 0
  }
}
.library__item:nth-child(6) .library__item-image {
  width: 121px;
  height: 116px
}
.library__item:nth-child(7) {
  left: 0;
  top: 90px;
  width: 200px;
  height: 186px
}
.library__item:nth-child(7) .library__item-image {
  width: 75px;
  height: 72px
}
.library__item:nth-child(8) {
  right: 14px;
  top: 62px;
  width: 200px;
  height: 186px
}
.library__item:nth-child(8) .library__item-image {
  width: 75px;
  height: 72px
}
.library__item:nth-child(9) {
  left: 19px;
  bottom: 120px;
  width: 200px;
  height: 186px
}
.library__item:nth-child(9) .library__item-image {
  width: 75px;
  height: 72px
}
.library__item:nth-child(10) {
  right: 17px;
  bottom: 150px;
  width: 200px;
  height: 186px
}
.library__item:nth-child(10) .library__item-image {
  width: 75px;
  height: 72px
}
.library__item:nth-child(11) {
  right: -70px;
  top: 180px;
  width: 73px;
  height: 69px
}
.library__item:nth-child(12) {
  right: -72px;
  bottom: 250px;
  width: 73px;
  height: 69px
}
.library__item-inner {
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  padding: 20px;
  height: 100%;
  width: 100%;
  background: linear-gradient(137deg,#d0dfe8 0,#f4c5b7 50%,#d3e1e9 100%)
}
@media (max-width:743.5px) {
  .library__item-inner {
    padding: 15px
  }
}
.library__item-image {
  margin-bottom: auto;
  width: 100%;
  aspect-ratio: 246/144;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center
}
.library__item-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #002944;
  opacity: .9;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}
@media (max-width:743.5px) {
  .library__item-name {
    font-size: 16px
  }
}
.library__item-link {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  margin-top: auto;
  align-self: flex-start;
  border-radius: 100px;
  padding: 17px 25px;
  font-family: Inter,sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #ff2f3b;
  background: #ffbfae
}
@media (max-width:575.5px) {
  .library__item-link {
    padding: 0;
    background-color: transparent
  }
}
.library__404 {
  margin: 0 auto;
  width: 488px;
  aspect-ratio: 488/422;
  max-width: 100%;
  padding: 292px 30px 30px;
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: rgba(0,41,68,.9);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0 4px 24px -2px rgba(0,0,0,.2);
  background-image: url(../img/404.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:575.5px) {
  .library__404 {
    padding-top: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    font-size: 18px
  }
}
@media (max-width:1369.5px) {
  .from-xl {
    display: none
  }
}
@media (max-width:1249.5px) {
  .from-lg {
    display: none
  }
}
@media (max-width:991.5px) {
  .from-md {
    display: none
  }
}
@media (max-width:743.5px) {
  .from-sm {
    display: none
  }
}
@media (max-width:575.5px) {
  .from-xs {
    display: none
  }
}
@media (min-width:1370px) {
  .to-xl {
    display: none
  }
}
@media (min-width:1250px) {
  .to-lg {
    display: none
  }
}
@media (min-width:992px) {
  .to-md {
    display: none
  }
}
@media (min-width:744px) {
  .to-sm {
    display: none
  }
}
@media (min-width:576px) {
  .to-xs {
    display: none
  }
}