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

@font-face {
  font-family: 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;
}
@layer vendor {
  :root {
    --swiper-theme-color: #007aff ;
  }
  :host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
  }
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
  }
  .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 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, 0.15);
  }
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    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(0deg);
    }
    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: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
  }
  .swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    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: 0.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(0.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(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    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(0px, -50%, 0);
  }
  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    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: 0.2s transform, 0.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: 0.2s transform, 0.2s left;
  }
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.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, 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, 0.1));
  }
  .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
  }
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  .swiper-scrollbar-lock {
    display: none;
  }
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
  }
  .swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  .swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
  }
  .swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper.swiper-cube {
    overflow: visible;
  }
  .swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
  .swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
  }
  .swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
  }
  .swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
  }
  .swiper.swiper-flip {
    overflow: visible;
  }
  .swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
  }
  .swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
  }
  .swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
  .swiper.swiper-cards {
    overflow: visible;
  }
  .swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}
@layer base, vendor, components, layouts;
:root {
  --desktop-viewport: 1200px;
  --tablet-viewport: 768px;
}

@layer base {
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, menu, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  main, menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
  }
  
  article, aside, details, figcaption, figure,
  footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
    margin: 0;
  }
  
  *[hidden] {
    display: none;
  }
  body {
    line-height: 1;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  html {
    overflow-x: hidden;
    min-height: 100%;
    touch-action: manipulation;
  }
  body {
    height: 100%;
    width: 100%;
    font: 16px/1.5 Poppins, sans-serif;
    color: #212427;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "palt";
  }
  *, :after, :before {
    box-sizing: border-box;
  }
  input:focus, textarea:focus, select:focus {
    outline: 0;
  }
  button:focus {
    outline: 0;
  }
  ins {
    text-decoration: none;
  }
  del, s, strike {
    text-decoration: line-through;
  }
  a,
  a *,
  a:before,
  a:after {
    text-decoration: none;
  }
  picture {
    width: 100%;
    height: auto;
  }
  picture source {
    display: block;
  }
  b, strong {
    font-weight: bold;
  }
  ol, ul {
    list-style: none;
  }
  img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    image-rendering: auto;
  }
  a {
    text-decoration: none;
  }
  a:visited {
    text-decoration: underline;
  }
  ul, li {
    list-style: none;
    padding: 0;
  }
  img[data-src] {
    opacity: 0;
  }
  img[src] {
    opacity: 1;
  }
  button {
    cursor: pointer;
  }
  section {
    position: relative;
  }
  
  details summary {
    list-style: none;
  }
  
  details summary::-webkit-details-marker {
    display: none;
  }
  *:focus-visible {
    outline: 2px solid #F15A3B;
    border-radius: 2px;
  }
  body {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
  }
  .main {
    flex-grow: 1;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  .hidden {
    display: none;
  }
  @media screen and (min-width: 992px) {
    .show-md-up {
      display: block;
    }
  }
  .container {
    padding-inline: 20px;
    max-width: calc(1170px + 20px * 2);
    margin-left: auto;
    margin-right: auto;
  }
  .main {
    margin-top: 88px;
  }
  @media screen and (min-width: 768px) {
    .main {
      margin-top: 104px;
    }
  }
  .section {
    padding: 58px 0;
  }
  @media screen and (min-width: 1200px) {
    .section {
      padding: 80px 0;
    }
  }
  h2,
  .h2-title,
  h3,
  .h3-title,
  h4,
  .h4-title,
  h5,
  .h5-title,
  h6 {
    font-weight: 700;
  }
  h1 span,
  h1 em,
  h1 b,
  .h1-title span,
  .h1-title em,
  .h1-title b,
  h2 span,
  h2 em,
  h2 b,
  .h2-title span,
  .h2-title em,
  .h2-title b,
  h3 span,
  h3 em,
  h3 b,
  .h3-title span,
  .h3-title em,
  .h3-title b,
  h4 span,
  h4 em,
  h4 b,
  .h4-title span,
  .h4-title em,
  .h4-title b,
  h5 span,
  h5 em,
  h5 b,
  .h5-title span,
  .h5-title em,
  .h5-title b,
  h6 span,
  h6 em,
  h6 b {
    font-style: normal;
    color: #F15A3B;
  }
  h1,
  .h1-title {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.13;
  }
  @media screen and (min-width: 1200px) {
    h1,
    .h1-title {
      font-size: 78px;
      font-weight: 800;
    }
  }
  h2,
  .h2-title {
    font-size: 34px;
    line-height: 1.12;
  }
  @media screen and (min-width: 1200px) {
    h2,
    .h2-title {
      font-size: 52px;
    }
  }
  h3,
  .h3-title {
    font-size: 24px;
    line-height: 1.13;
  }
  @media screen and (min-width: 1200px) {
    h3,
    .h3-title {
      font-size: 28px;
    }
  }
  h4,
  .h4-title {
    font-size: 18px;
  }
  h5,
  .h5-title,
  h6,
  .h6-title {
    font-size: inherit;
  }
  .footnote {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #4c6376;
  }
  .btn-img {
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  @media (hover: hover) {
    .btn-img:hover {
      transform: translateY(-5px);
    }
  }
  .btn-img--white {
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 5px;
    border: 1px solid #fff;
  }
  .qr-code {
    padding: 14px;
    background: #fff;
    border-radius: 15px;
  }
  .qr-code--silver {
    background: #f8f8f8;
  }
  .qr-code--small {
    width: 68px;
    height: 68px;
    padding: 8px;
    border-radius: 9px;
  }
  @media screen and (min-width: 768px) {
    br.mob-br {
      display: none;
    }
  }
  .bg-silver {
    background: #f8f8f8;
  }
}
@layer components {
  .block-header:not(:last-child) {
    margin-bottom: 52px;
  }
  .block-header p {
    font-size: 24px;
    line-height: 1.33;
  }
  @media screen and (min-width: 1200px) {
    .block-header:not(:last-child) {
      margin-bottom: 48px;
    }
  }
  .block-header--center {
    text-align: center;
  }
}
@layer components {
  .content {
    display: block;
  }
  .content h2:not(:first-child),
  .content h3:not(:first-child),
  .content h4:not(:first-child),
  .content h5:not(:first-child),
  .content h6:not(:first-child) {
    margin-top: 48px;
  }
  .content h2:not(:last-child),
  .content h3:not(:last-child),
  .content h4:not(:last-child),
  .content h5:not(:last-child),
  .content h6:not(:last-child) {
    margin-bottom: 20px;
  }
  .content p:not(:last-child),
  .content ul:not(:last-child),
  .content ol:not(:last-child),
  .content table:not(:last-child) {
    margin-bottom: 32px;
  }
  .content h2:not(:last-child) {
    margin-bottom: 20px;
  }
  .content strong,
  .content b {
    font-weight: 700;
  }
  .content a:not(.button):not(.btn-img) {
    color: #F15A3B;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .content ol {
    padding-left: 23px;
  }
  .content ol li {
    list-style: decimal;
  }
  .content ul:not(.gallery):not(.tabs):not(.faq) li {
    padding-left: 26px;
    position: relative;
  }
  .content ul:not(.gallery):not(.tabs):not(.faq) li:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 100%;
    background: currentColor;
    width: 4px;
    height: 4px;
  }
  .content ol li {
    list-style: decimal;
  }
  .content h2 + img:not(:first-child), .content h3 + img:not(:first-child), .content h4 + img:not(:first-child), .content h5 + img:not(:first-child), .content h6 + img:not(:first-child),
  .content ul + img:not(:first-child),
  .content ol + img:not(:first-child),
  .content p + img:not(:first-child) {
    margin-top: 48px;
  }
  .content > img:not(:last-child), .content > figure:not(:last-child) {
    margin-bottom: 48px;
  }
  .content > p > img, .content > img, .content > figure > img {
    border-radius: 32px;
    overflow: hidden;
    display: block;
  }
  .content div:has(table) {
    overflow: auto;
  }
  .content div:has(table) table {
    min-width: 600px;
  }
  .content div:has(table) th,
  .content div:has(table) td {
    min-width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-align: left;
  }
  .content table {
    border-radius: 20px;
    border: 1px solid rgba(76, 99, 118, 0.5);
    border-collapse: inherit;
  }
  .content table tr td {
    padding: 16px 12px;
  }
  @media screen and (min-width: 1024px) {
    .content table tr td {
      text-align: center;
    }
  }
  .content table tr td:nth-child(1) {
    text-align: left;
  }
  @media screen and (min-width: 1024px) {
    .content table tr td {
      padding: 16px 20px;
    }
  }
  .content table thead tr {
    background: #f8f8f8;
    color: #1B2935;
    text-align: center;
  }
  .content table thead tr td {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(76, 99, 118, 0.5);
    text-align: center;
  }
  .content table tbody tr:not(:last-child) td {
    border-bottom: 1px solid rgba(76, 99, 118, 0.5);
  }
  .content table tbody tr td {
    color: #4c6376;
  }
  @media screen and (min-width: 1024px) {
    .content table tbody tr td {
      min-height: 64px;
    }
  }
  .content table tbody tr td:nth-child(1) {
    color: #1B2935;
    font-size: 16px;
    font-weight: 600;
    background: #f8f8f8;
    border-right: 1px solid rgba(76, 99, 118, 0.5);
  }
  .content ul:not(.tabs):not(.faq):not(.gallery) > li:not(:last-child),
  .content ol > li:not(:last-child) {
    margin-bottom: 32px;
  }
}
@layer components {
  .buttons {
    display: flex;
    gap: 24px;
    align-items: center;
    flex-direction: column;
  }
  @media screen and (min-width: 1200px) {
    .buttons {
      flex-direction: row;
      gap: 32px;
    }
  }
  .buttons--row {
    flex-direction: row;
  }
}
@layer components {
  .toc {
    height: 72px;
  }
  @media screen and (min-width: 1024px) {
    .toc {
      border-radius: 20px;
      border: 0.5px solid rgba(76, 99, 118, 0.5);
      background: #fff;
      height: auto;
      background: #f8f8f8;
    }
  }
  .toc__title-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  @media screen and (max-width: 1023.9px) {
    .toc__title-row {
      background: #f8f8f8;
    }
  }
  @media screen and (min-width: 1024px) {
    .toc__title-row b {
      max-height: 48px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
  .toc__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    padding: 0;
    flex-shrink: 0;
  }
  .toc__padding {
    padding-left: 24px;
    padding-right: 24px;
  }
  .toc__nav {
    counter-reset: list-counter;
    list-style: none;
    background: #f8f8f8;
    transform-origin: top;
    padding-bottom: 20px;
  }
  @media screen and (min-width: 1024px) {
    .toc__nav {
      transition-property: height;
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out;
      animation-delay: 0ms;
      overflow: hidden;
      height: var(--toc-height);
      background: transparent;
      padding-bottom: 0;
    }
  }
  .toc__item {
    position: relative;
    counter-increment: list-counter;
  }
  .toc__item:first-child span {
    border-top: 1px solid rgba(76, 99, 118, 0.5);
  }
  .toc__item a {
    border-bottom: 1px solid rgba(76, 99, 118, 0.5);
    padding: 12px 0;
    display: block;
  }
  .toc__item a::before {
    content: counter(list-counter) ". ";
  }
  .toc__item--active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #F15A3B;
  }
  .toc:not(.toc--active) .toc__nav {
    transform: scaleY(0);
  }
  @media screen and (min-width: 1024px) {
    .toc:not(.toc--active) .toc__nav {
      height: 0 !important;
      transform: none;
    }
  }
  .toc__btn {
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  .toc--active .toc__btn {
    transform: rotate(180deg);
  }
}
@layer components {
  .about-author:not(:first-child) {
    margin-top: 48px;
  }
  .about-author {
    border-radius: 24px;
    background: #f8f8f8;
    position: relative;
    padding: 82px 32px 24px;
  }
  @media screen and (min-width: 1024px) {
    .about-author {
      display: flex;
      align-items: flex-start;
      gap: 27px;
    }
  }
  .about-author__img {
    flex-shrink: 0;
  }
  @media screen and (max-width: 1023.9px) {
    .about-author__img:not(:last-child) {
      margin-bottom: 12px;
    }
    .about-author__img {
      display: inline-block;
    }
  }
  .about-author__label {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px 0 24px 0;
    background: #E2EEF7;
    color: #4c6376;
    font-size: 16px;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    padding: 16px 24px;
  }
}
@layer components {
  .sidebar-banner {
    --gradient: linear-gradient(rgba(255, 255, 255, 0) 50%, #1B2935 90%);
    background-image: var(--gradient), url("../images/sidebar-banner-mob.jpg");
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 124.8%;
    border-radius: 12px;
    overflow: hidden;
    background-position: 100% 0;
    background-size: 100% auto;
  }
  @media (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .sidebar-banner {
      background-image: var(--gradient), url("../images/sidebar-banner-mob@2x.jpg");
      background-size: 165% auto;
      background-position: 57% 100%;
    }
  }
  @media (min-resolution: 288dpi), (min-resolution: 3dppx) {
    .sidebar-banner {
      background-image: var(--gradient), url("../images/sidebar-banner-mob@3x.jpg");
      background-position: 50% 300%;
      background-size: 147% auto;
    }
  }
  @media screen and (min-width: 768px) {
    .sidebar-banner {
      background-image: var(--gradient), url("../images/sidebar-banner-tablet.jpg");
    }
  }
  @media screen and (min-width: 768px) and (min-resolution: 192dpi), screen and (min-width: 768px) and (min-resolution: 2dppx) {
    .sidebar-banner {
      background-image: var(--gradient), url("../images/sidebar-banner-tablet@2x.jpg");
      background-size: 165% auto;
      background-position: 57% 100%;
    }
  }
  @media screen and (min-width: 768px) and (min-resolution: 288dpi), screen and (min-width: 768px) and (min-resolution: 3dppx) {
    .sidebar-banner {
      background-image: var(--gradient), url("../images/sidebar-banner-tablet@3x.jpg");
      background-position: 50% 300%;
      background-size: 147% auto;
    }
  }
  @media screen and (min-width: 1024px) {
    .sidebar-banner {
      background-image: var(--gradient), url("../images/sidebar-banner.jpg");
    }
  }
  @media screen and (min-width: 1024px) and (min-resolution: 192dpi), screen and (min-width: 1024px) and (min-resolution: 2dppx) {
    .sidebar-banner {
      background-image: var(--gradient), url("../images/sidebar-banner@2x.jpg");
      background-size: 165% auto;
      background-position: 57% 100%;
    }
  }
  @media screen and (min-width: 1024px) and (min-resolution: 288dpi), screen and (min-width: 1024px) and (min-resolution: 3dppx) {
    .sidebar-banner {
      background-image: var(--gradient), url("../images/sidebar-banner@3x.jpg");
      background-position: 50% 300%;
      background-size: 147% auto;
    }
  }
  .sidebar-banner__wrapper {
    padding: 35px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
  }
  .sidebar-banner__logo {
    fill: currentColor;
  }
  .sidebar-banner__title {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.083;
    margin-top: auto;
  }
  .sidebar-banner__subtitle {
    color: #9BD7D2;
    font-size: 20px;
    line-height: 1.14;
  }
  .sidebar-banner__subtitle:not(:first-child) {
    margin-top: 8px;
  }
  .sidebar-banner__btn:not(:first-child) {
    margin-top: 17px;
  }
  .sidebar-banner__btn {
    gap: 12px;
  }
}
@layer components {
  .blog-card {
    overflow: hidden;
    border-radius: 32px;
    background: #fff;
    border: 1px solid #4c6376;
    display: flex;
    flex-direction: column;
  }
  @media (hover: hover) {
    .blog-card:hover .blog-card__img-wrapper img {
      transform: scale(1.1);
    }
  }
  .blog-card__bottom {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
  }
  .blog-card__annotation-row {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    margin-top: auto;
    padding-top: 16px;
    width: 100%;
    color: #4c6376;
  }
  .blog-card__img-wrapper {
    overflow: hidden;
    position: relative;
    padding-bottom: 52%;
  }
  .blog-card__img-wrapper img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  @media screen and (max-width: 1199.9px) {
    .blog-card__title {
      font-size: 20px;
    }
  }
  .blog-card__title, .blog-card__text, .blog-card__annotation {
    margin-top: 16px;
  }
  .blog-card__annotation-item {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
@layer components {
  .features-item {
    display: flex;
    align-items: center;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(76, 99, 118, 0.5);
    overflow: hidden;
    font-size: 12px;
  }
  @media (hover: hover) {
    .features-item[href]:hover .features-item__img img {
      transform: scale(1.1);
    }
  }
  .features-item__img {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
  }
  .features-item__img img {
    width: 120px;
    flex-grow: 1;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  .features-item__text-wrapper {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-grow: 1;
  }
  .features-item__title {
    font-weight: 600;
  }
}
@layer components {
  .features-item--with-bg:not(:first-child) {
    margin-top: 20px;
  }
  .features-item--with-bg.features-item--yellow-bg {
    color: #1B2935;
  }
  .features-item--with-bg .features-item__title {
    text-transform: uppercase;
  }
  .features-item--with-bg .features-item__btn {
    width: 100%;
    gap: 10px;
  }
  .features-item--with-bg .features-item__btn:not(:first-child) {
    margin-top: 12px;
  }
  .features-item--with-bg .features-item__btn.button--white:not(:focus) {
    border-color: #fff;
  }
  .features-item--with-bg.features-item--reverse {
    flex-direction: row-reverse;
  }
}
@layer components {
  .content .info-bar, .info-bar {
    padding: 20px;
    background: #f9f3e9;
    color: #4c6376;
    border-radius: 16px;
  }
  @media screen and (min-width: 768px) {
    .content .info-bar, .info-bar {
      padding: 24px;
    }
  }
  .content .info-bar h2,
  .content .info-bar h3,
  .content .info-bar h4,
  .content .info-bar h5,
  .content .info-bar h6, .info-bar h2,
  .info-bar h3,
  .info-bar h4,
  .info-bar h5,
  .info-bar h6 {
    font-size: 18px;
    text-transform: uppercase;
  }
  @media screen and (min-width: 768px) {
    .content .info-bar h2,
    .content .info-bar h3,
    .content .info-bar h4,
    .content .info-bar h5,
    .content .info-bar h6, .info-bar h2,
    .info-bar h3,
    .info-bar h4,
    .info-bar h5,
    .info-bar h6 {
      display: flex;
      align-items: center;
      gap: 12px;
    }
  }
  .content .info-bar h2:before,
  .content .info-bar h3:before,
  .content .info-bar h4:before,
  .content .info-bar h5:before,
  .content .info-bar h6:before, .info-bar h2:before,
  .info-bar h3:before,
  .info-bar h4:before,
  .info-bar h5:before,
  .info-bar h6:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FCDD9D;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 21H10.25C10.25 22.1 9.35 23 8.25 23C7.15 23 6.25 22.1 6.25 21ZM4.25 20H12.25V18H4.25V20ZM15.75 10.5C15.75 14.32 13.09 16.36 11.98 17H4.52C3.41 16.36 0.75 14.32 0.75 10.5C0.75 6.36 4.11 3 8.25 3C12.39 3 15.75 6.36 15.75 10.5ZM13.75 10.5C13.75 7.47 11.28 5 8.25 5C5.22 5 2.75 7.47 2.75 10.5C2.75 12.97 4.24 14.39 5.1 15H11.4C12.26 14.39 13.75 12.97 13.75 10.5ZM20.62 8.37L19.25 9L20.62 9.63L21.25 11L21.88 9.63L23.25 9L21.88 8.37L21.25 7L20.62 8.37ZM18.25 7L19.19 4.94L21.25 4L19.19 3.06L18.25 1L17.31 3.06L15.25 4L17.31 4.94L18.25 7Z" fill="%23F15A3B"/></svg>');
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 12px;
  }
  @media screen and (min-width: 768px) {
    .content .info-bar h2:before,
    .content .info-bar h3:before,
    .content .info-bar h4:before,
    .content .info-bar h5:before,
    .content .info-bar h6:before, .info-bar h2:before,
    .info-bar h3:before,
    .info-bar h4:before,
    .info-bar h5:before,
    .info-bar h6:before {
      flex-shrink: 0;
    }
  }
  .content .info-bar h2:not(:last-child),
  .content .info-bar h3:not(:last-child),
  .content .info-bar h4:not(:last-child),
  .content .info-bar h5:not(:last-child),
  .content .info-bar h6:not(:last-child),
  .content .info-bar p:not(:last-child),
  .content .info-bar ul:not(:last-child),
  .content .info-bar ol:not(:last-child),
  .content .info-bar li:not(:last-child), .info-bar h2:not(:last-child),
  .info-bar h3:not(:last-child),
  .info-bar h4:not(:last-child),
  .info-bar h5:not(:last-child),
  .info-bar h6:not(:last-child),
  .info-bar p:not(:last-child),
  .info-bar ul:not(:last-child),
  .info-bar ol:not(:last-child),
  .info-bar li:not(:last-child) {
    margin-bottom: 16px;
  }
  .content .info-bar ol li, .info-bar ol li {
    display: block;
  }
}
@layer components {
  .hot-tip, .content .hot-tip {
    padding: 80px 32px 24px;
    border: 4px solid #F15A3B;
    border-radius: 32px;
    position: relative;
  }
  .hot-tip h2, .content .hot-tip h2 {
    display: inline-flex;
    align-items: center;
    padding: 16px 24px;
    background: #F15A3B;
    border-radius: 24px 0 32px 0;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: inherit;
  }
  .hot-tip h2:before, .content .hot-tip h2:before {
    content: "";
    width: 177px;
    height: 24px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg width="183" height="32" viewBox="0 0 183 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_4001_39649)"><path d="M5.23893 15.002C5.08963 14.9248 5.08963 14.708 5.23893 14.6309C8.97373 12.7018 11.9549 9.36277 13.5811 5.25826C13.6504 5.08335 13.9059 5.08335 13.9752 5.25826C15.6014 9.36273 18.5825 12.7017 22.3173 14.6308C22.4666 14.7079 22.4666 14.9248 22.3173 15.0019C18.5825 16.9309 15.6013 20.27 13.9752 24.3745C13.9059 24.5494 13.6503 24.5494 13.581 24.3745C11.9549 20.27 8.97369 16.931 5.23893 15.002Z" fill="%23FCDD9D"/></g><g filter="url(%23filter1_d_4001_39649)"><path d="M20.2532 24.3369C20.178 24.298 20.178 24.1887 20.2532 24.1498C22.1357 23.1775 23.6383 21.4945 24.4579 19.4257C24.4929 19.3376 24.6217 19.3376 24.6566 19.4257C25.4762 21.4945 26.9788 23.1775 28.8613 24.1498C28.9365 24.1887 28.9365 24.298 28.8613 24.3368C26.9788 25.3091 25.4762 26.9921 24.6566 29.0609C24.6216 29.1491 24.4928 29.1491 24.4579 29.0609C23.6383 26.9922 22.1357 25.3092 20.2532 24.3369Z" fill="%23FCDD9D"/></g><path d="M115.972 19.8126L119.121 11.4083H122.352L114.903 29.1271H111.669L114.275 23.1329L109.457 11.4083H112.867L115.972 19.8126ZM60.9053 11.2159C62.0627 11.216 63.1126 11.4715 64.0547 11.9874C64.9969 12.5034 65.7374 13.2304 66.2803 14.1681C66.8231 15.1103 67.0967 16.1966 67.0967 17.4259C67.0966 18.6551 66.818 19.7406 66.2617 20.6827C65.7054 21.6249 64.9516 22.3519 64.0049 22.8634C63.0583 23.3748 61.9951 23.6349 60.8242 23.6349C59.6532 23.6349 58.6251 23.3794 57.6963 22.8634H57.6924C56.7681 22.3474 56.0367 21.6205 55.5117 20.6827C54.9869 19.7451 54.7178 18.6551 54.7178 17.4259C54.7178 16.1966 54.9865 15.1103 55.5293 14.1681C56.0722 13.2259 56.8127 12.4989 57.7549 11.9874C58.6971 11.4714 59.7477 11.2159 60.9053 11.2159ZM100.833 11.2159C101.73 11.2159 102.515 11.3955 103.188 11.7589C103.861 12.1223 104.4 12.5752 104.809 13.1271V11.4132H107.868V23.4425H104.809V21.6837C104.418 22.249 103.879 22.7152 103.188 23.0831C102.502 23.451 101.708 23.6349 100.811 23.6349C99.7966 23.6349 98.8765 23.3751 98.042 22.8546C97.2075 22.3342 96.5529 21.5981 96.0684 20.6515C95.5838 19.7048 95.3408 18.6143 95.3408 17.3849C95.3408 16.1557 95.5839 15.0926 96.0684 14.1505V14.1456C96.5529 13.2035 97.212 12.4807 98.042 11.9738C98.8765 11.4668 99.8055 11.2159 100.833 11.2159ZM93.1426 23.4376H90.0605V21.6564C89.6837 22.2486 89.154 22.7291 88.4766 23.088C87.7946 23.4514 87.0047 23.6309 86.1074 23.631C85.0934 23.631 84.1691 23.3702 83.3301 22.8497C82.491 22.3293 81.8264 21.5933 81.3418 20.6466C80.8574 19.7001 80.6153 18.61 80.6152 17.381C80.6152 16.1517 80.8573 15.0878 81.3418 14.1456H81.3467C81.8312 13.2035 82.495 12.4808 83.334 11.9738C84.1729 11.4668 85.1064 11.216 86.1338 11.2159C86.9145 11.2159 87.6593 11.3867 88.3682 11.7277C89.0771 12.0687 89.6433 12.5213 90.0605 13.0822V5.12708H93.1426V23.4376ZM44.1641 12.9073C44.5543 12.387 45.0752 11.9789 45.7256 11.6827C46.3761 11.3866 47.0988 11.2384 47.8975 11.2384C48.8082 11.2384 49.6202 11.4358 50.3291 11.8351L50.334 11.8302C51.0429 12.2295 51.5948 12.8128 51.9941 13.589C52.3935 14.3652 52.5908 15.2942 52.5908 16.38V23.4376H49.5488V16.7931C49.5488 15.8375 49.311 15.1015 48.8311 14.59C48.3555 14.0786 47.7004 13.8186 46.875 13.8185C46.0494 13.8185 45.3713 14.074 44.8867 14.59C44.4023 15.1059 44.1602 15.8375 44.1602 16.7931V23.4376H41.127V5.12708H44.1641V12.9073ZM72.3691 23.4376H69.3311V5.12708H72.3691V23.4376ZM78.4082 23.4376H75.3701V11.4083H78.4082V23.4376ZM60.8643 13.8624C59.9984 13.8625 59.2668 14.1726 58.6836 14.7872C58.1004 15.4019 57.8047 16.2819 57.8047 17.4259C57.8048 18.5697 58.0915 19.449 58.6611 20.0636C59.231 20.6783 59.9538 20.9884 60.8242 20.9884C61.376 20.9884 61.8924 20.8537 62.377 20.589L62.3721 20.5841C62.8566 20.3149 63.2425 19.9155 63.5342 19.3771C63.8212 18.8433 63.9697 18.1929 63.9697 17.4259C63.9697 16.2818 63.6686 15.4019 63.0674 14.7872C62.4662 14.1726 61.7302 13.8624 60.8643 13.8624ZM86.8965 13.8849C86.3313 13.8849 85.8105 14.0243 85.335 14.298C84.8596 14.5716 84.4699 14.9758 84.1738 15.505C83.8777 16.0344 83.7295 16.6581 83.7295 17.3849C83.7295 18.1118 83.8777 18.7449 84.1738 19.2833C84.4699 19.826 84.8603 20.2433 85.3447 20.5304C85.8291 20.8174 86.3448 20.9659 86.8965 20.9659C87.4482 20.9659 87.9915 20.8266 88.4805 20.5441C88.9739 20.2615 89.3642 19.8575 89.6514 19.3282C89.943 18.7988 90.0869 18.1656 90.0869 17.4298C90.0869 16.6941 89.943 16.0573 89.6514 15.5323V15.5226C89.3598 14.9934 88.9694 14.5893 88.4805 14.3068C87.987 14.0242 87.4617 13.8849 86.8965 13.8849ZM101.618 13.8849C101.053 13.8849 100.532 14.0243 100.057 14.298C99.5811 14.5717 99.1906 14.9756 98.8945 15.505C98.5984 16.0344 98.4502 16.6581 98.4502 17.3849C98.4502 18.1118 98.5984 18.7449 98.8945 19.2833C99.1906 19.8261 99.581 20.2433 100.065 20.5304C100.55 20.822 101.066 20.9659 101.618 20.9659C102.17 20.9659 102.713 20.8267 103.202 20.5441C103.696 20.2615 104.086 19.8575 104.373 19.3282C104.66 18.7988 104.809 18.1656 104.809 17.4298C104.809 16.6941 104.665 16.0572 104.373 15.5323V15.5226C104.081 14.9933 103.691 14.5894 103.202 14.3068C102.713 14.0241 102.183 13.8849 101.618 13.8849Z" fill="white"/><path d="M140.74 11.2112C142.229 11.2112 143.463 11.5837 144.441 12.3284C145.419 13.0732 146.075 14.119 146.407 15.4651H143.126C142.951 14.9446 142.659 14.5356 142.247 14.2395C141.834 13.9436 141.323 13.7952 140.717 13.7952C139.847 13.7952 139.16 14.1098 138.653 14.7424C138.146 15.3705 137.895 16.2677 137.895 17.425C137.895 18.5826 138.146 19.4535 138.653 20.0862C139.16 20.7143 139.847 21.0286 140.717 21.0286C141.947 21.0285 142.75 20.4764 143.126 19.3772H146.407C146.075 20.6783 145.415 21.7145 144.432 22.4817C143.45 23.2489 142.216 23.635 140.74 23.635C139.582 23.635 138.554 23.3795 137.657 22.8635C136.759 22.3475 136.059 21.6249 135.552 20.6917C135.045 19.7585 134.794 18.6678 134.794 17.425C134.794 16.1826 135.045 15.0925 135.552 14.1594V14.1545C136.059 13.2213 136.759 12.4986 137.657 11.9827C138.554 11.4667 139.582 11.2112 140.74 11.2112ZM154.075 11.2161C155.232 11.2161 156.282 11.4716 157.224 11.9875C158.166 12.5035 158.907 13.2305 159.45 14.1682C159.992 15.1103 160.266 16.1959 160.266 17.425C160.266 18.6544 159.988 19.7406 159.432 20.6829C158.876 21.625 158.122 22.352 157.175 22.8635C156.229 23.375 155.165 23.635 153.994 23.635C152.823 23.635 151.795 23.3794 150.867 22.8635H150.862C149.938 22.3475 149.206 21.6206 148.681 20.6829C148.156 19.7451 147.887 18.6544 147.887 17.425C147.887 16.1958 148.157 15.1104 148.7 14.1682C149.243 13.2261 149.982 12.499 150.924 11.9875C151.867 11.4716 152.917 11.2161 154.075 11.2161ZM177.419 11.2336C178.895 11.2336 180.084 11.6865 180.991 12.5881L181.009 12.593C181.916 13.4993 182.364 14.7605 182.364 16.3801V23.4377H179.322V16.7932C179.322 15.851 179.084 15.1326 178.604 14.6301C178.124 14.1276 177.473 13.8811 176.648 13.8811C175.822 13.8811 175.167 14.1321 174.682 14.6301C174.198 15.1282 173.956 15.8511 173.956 16.7932V23.4377H170.914V16.7932C170.914 15.851 170.676 15.1326 170.196 14.6301C169.716 14.1277 169.065 13.8812 168.24 13.8811C167.414 13.8811 166.736 14.1321 166.251 14.6301C165.767 15.1282 165.525 15.8511 165.525 16.7932V23.4377H162.488V11.4084H165.525V12.8625C165.915 12.3555 166.418 11.9563 167.033 11.6692C167.647 11.3821 168.324 11.2337 169.06 11.2336C170.002 11.2336 170.842 11.431 171.578 11.8303C172.313 12.2296 172.888 12.7951 173.292 13.5354C173.682 12.8399 174.252 12.2833 174.997 11.8616C175.741 11.4398 176.549 11.2336 177.419 11.2336ZM127.66 13.8743C127.685 13.8093 127.78 13.8093 127.806 13.8743C128.409 15.3982 129.514 16.6385 130.898 17.3547C130.953 17.3834 130.953 17.4638 130.898 17.4924C129.514 18.2087 128.409 19.4481 127.806 20.9719C127.78 21.0369 127.685 21.0369 127.66 20.9719C127.057 19.4481 125.952 18.2087 124.568 17.4924C124.513 17.4638 124.513 17.3835 124.568 17.3547C125.952 16.6385 127.057 15.3982 127.66 13.8743ZM154.034 13.8625C153.168 13.8627 152.437 14.1728 151.854 14.7874C151.271 15.402 150.974 16.2811 150.974 17.425C150.974 18.5692 151.262 19.449 151.832 20.0637C152.401 20.6782 153.123 20.9875 153.994 20.9875C154.546 20.9875 155.062 20.8529 155.546 20.5881L155.542 20.5842C156.026 20.315 156.412 19.9155 156.704 19.3772C156.991 18.8433 157.139 18.1923 157.139 17.425C157.139 16.2811 156.838 15.402 156.237 14.7874C155.636 14.1727 154.9 13.8625 154.034 13.8625Z" fill="white"/><defs><filter id="filter0_d_4001_39649" x="-0.000114918" y="7.15256e-06" width="27.5564" height="29.6328" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="2.56353"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4001_39649"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4001_39649" result="shape"/></filter><filter id="filter1_d_4001_39649" x="17.6126" y="16.7754" width="13.8891" height="14.9359" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="1.2921"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4001_39649"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4001_39649" result="shape"/></filter></defs></svg>');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 12px;
    position: relative;
    margin-top: -3px;
  }
  .hot-tip p:first-child,
  .hot-tip p:nth-child(2), .content .hot-tip p:first-child,
  .content .hot-tip p:nth-child(2) {
    margin-top: 0;
  }
}
@layer components {
  .tabs {
    border-radius: 18px;
    background: #F2F2F2;
    padding: 6.5px 6px;
    display: inline-flex;
  }
  @media screen and (min-width: 1024px) {
    .tabs {
      gap: 16px;
    }
  }
  .tabs__link {
    border-radius: 12px;
    padding: 12px;
    transition-property: background, font-weight;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
    display: block;
    font-weight: 400;
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: 12px;
    width: 100%;
  }
  @media screen and (min-width: 1024px) {
    .tabs__link {
      padding: 12px 24px;
      font-size: 20px;
    }
  }
  .tabs__link--active {
    background: #fff;
    font-weight: 700;
  }
}
@layer components {
  @media screen and (min-width: 768px) {
    .gallery {
      display: flex;
      gap: 25px;
      flex-wrap: wrap;
    }
  }
  @media screen and (min-width: 768px) {
    .gallery__item,
    .gallery figure {
      display: flex;
      flex-direction: column;
    }
  }
  .gallery__item:not(:first-child) {
    margin-top: 25px;
  }
  .gallery__item:not(:last-child) {
    margin-bottom: 0;
  }
  @media screen and (min-width: 768px) {
    .gallery__item {
      width: calc((100% - 25px * (2 - 1)) / 2);
    }
    .gallery__item:not(:first-child) {
      margin-top: 0;
    }
  }
  @media screen and (min-width: 992px) {
    .gallery__item {
      width: calc((100% - 25px * (3 - 1)) / 3);
    }
  }
  .gallery figure {
    flex-grow: 1;
  }
  .gallery figcaption {
    margin-top: auto;
    color: #4c6376;
    padding-top: 8px;
    font-size: 12px;
  }
  .gallery__image {
    width: 100%;
    height: auto;
  }
}
@layer components {
  .pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    -moz-column-gap: 28px;
    column-gap: 28px;
    row-gap: 24px;
  }
  .pagination-wrapper__nav-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #F15A3B;
    padding: 8px;
    color: #fff;
    transition-property: background, color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  .pagination-wrapper__nav-btn, .pagination-wrapper__nav-btn:focus {
    border: 1px solid #F15A3B;
  }
  @media screen and (min-width: 1200px) {
    .pagination-wrapper__nav-btn:focus, .pagination-wrapper__nav-btn:focus-visible {
      border-color: #2ECC71;
    }
  }
  @media (hover: hover) {
    .pagination-wrapper__nav-btn:hover {
      background: #B4462F;
      border-color: #B4462F;
    }
  }
  .pagination-wrapper__nav-btn svg {
    fill: currentColor;
  }
  .pagination-wrapper__nav-btn.swiper-button-disabled, .pagination-wrapper__nav-btn--disabled {
    background: #E2E2E2;
    color: #A8A8A8;
    border-color: #E2E2E2;
  }
  .pagination-wrapper__pagination {
    width: auto !important;
    position: static;
    line-height: 0;
    --swiper-pagination-color: #F15A3B;
    --swiper-pagination-bullet-border-radius: 1px;
  }
}
@layer layouts {
  @media screen and (max-width: 1199.9px) {
    .layout:has(.layout__toc) {
      padding-top: 24px;
    }
  }
  .layout__row {
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 1024px) {
    .layout__row {
      display: grid;
      grid-template-columns: calc(100% - 350px - 80px) 350px;
      -moz-column-gap: 80px;
      column-gap: 80px;
    }
  }
  .layout__content:not(:first-child) {
    margin-top: 48px;
  }
  @media screen and (max-width: 1023.9px) {
    .layout:has(.layout__toc) .layout__content {
      margin-top: 40px;
    }
  }
  .layout__sidebar {
    display: contents;
  }
  @media screen and (min-width: 1024px) {
    .layout__sidebar {
      display: block;
      grid-row: span 2;
      position: relative;
      z-index: 200;
    }
  }
  .layout__sidebar-subtitle {
    text-transform: uppercase;
  }
  .layout__sidebar-item:not(:first-child) {
    margin-top: 64px;
  }
  .layout__sidebar-small-item:not(:last-child), .layout__sidebar-subtitle:not(:last-child) {
    margin-bottom: 24px;
  }
  @media screen and (max-width: 1023.9px) {
    .layout__toc:not(:first-child), .layout__sidebar:not(:first-child) {
      margin-top: 48px;
    }
  }
  .layout__toc:has(.toc--active) ~ .layout__sidebar-banner-small, .layout__toc:has(.toc--active) ~ .layout__sidebar-banner {
    --top-banner: var(--toc-height);
  }
  .layout__sidebar-banner-small, .layout__sidebar-banner {
    --top-banner: 0px;
  }
  @media screen and (min-width: 1024px) {
    .layout__sidebar-banner-small, .layout__sidebar-banner {
      position: sticky;
      top: calc(var(--top-banner) + 220px + 24px);
      transition-property: top;
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out;
      animation-delay: 0ms;
    }
  }
  .layout__toc {
    z-index: 999;
    position: sticky;
  }
  @media screen and (min-width: 1024px) {
    .layout__toc {
      top: 120px;
    }
    .layout__toc:before {
      content: "";
      position: absolute;
      top: -20px;
      left: 0;
      width: 100%;
      height: 34px;
      background: #fff;
      z-index: -1;
    }
  }
  @media screen and (max-width: 1023.9px) {
    .layout__toc {
      order: -1;
      top: calc(88px - 1px);
      margin-left: -20px;
      min-width: calc(100% + 40px);
    }
    .layout__toc.toc--active .toc__nav {
      height: calc(100vh - 88px - 1px) !important;
      overflow: auto;
    }
  }
}
@layer layouts {
  .features-slider {
    background: #f8f8f8;
  }
  .features-slider__item {
    height: auto;
    display: flex;
  }
  .features-slider__row-btn {
    display: flex;
    justify-content: center;
    gap: 24px;
  }
  .features-slider__row-btn:not(:first-child) {
    margin-top: 24px;
  }
  .features-slider__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #F15A3B;
    padding: 8px;
    color: #fff;
    transition-property: background, color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  .features-slider__nav, .features-slider__nav:focus {
    border: 1px solid #F15A3B;
  }
  @media screen and (min-width: 1200px) {
    .features-slider__nav:focus, .features-slider__nav:focus-visible {
      border-color: #2ECC71;
    }
  }
  @media (hover: hover) {
    .features-slider__nav:hover {
      background: #B4462F;
      border-color: #B4462F;
    }
  }
  .features-slider__nav svg {
    fill: currentColor;
  }
  .features-slider__nav.swiper-button-disabled, .features-slider__nav--disabled {
    background: #E2E2E2;
    color: #A8A8A8;
    border-color: #E2E2E2;
  }
}
@layer layouts {
  .content-slider:not(:last-child) {
    margin-bottom: 32px;
  }
  .content-slider {
    text-align: center;
  }
  .content-slider .tabs {
    gap: 8px;
    background: #f8f8f8;
  }
  @media screen and (min-width: 480px) {
    .content-slider .tabs {
      padding: 8px;
    }
  }
  @media screen and (max-width: 479.9px) {
    .content-slider .tabs {
      width: 100%;
    }
  }
  .content-slider .tabs__item {
    flex-grow: 1;
    max-width: 50%;
  }
  @media screen and (min-width: 480px) {
    .content-slider .tabs__item {
      min-width: 80px;
      flex-grow: 0;
      max-width: none;
    }
  }
  .content-slider .tabs__link--active {
    background: #1B2935;
    color: #fff;
  }
  .content-slider__wrapper {
    text-align: left;
    display: none;
  }
  @media screen and (min-width: 768px) {
    .content-slider__wrapper {
      -moz-column-gap: 32px;
      column-gap: 32px;
    }
  }
  .content-slider__wrapper--active {
    display: flex;
  }
  .content-slider__inner {
    margin-bottom: 0 !important;
  }
  .content-slider__item, .content-slider__nav li {
    padding-left: 0 !important;
  }
  .content-slider__item:after, .content-slider__nav li:after {
    display: none;
  }
  .content-slider__item a, .content-slider__nav li a {
    color: inherit;
    text-decoration: none;
  }
  .content-slider__item {
    border-radius: 16px;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .content-slider__img {
    position: relative;
    overflow: hidden;
    padding-bottom: 110.17%;
  }
  .content-slider__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0;
  }
  .content-slider__title:not(:last-child) {
    margin-bottom: 12px;
  }
  .content-slider__text {
    padding: 20px;
    background: #f8f8f8;
    flex-grow: 1;
  }
}
@layer layouts {
  .faq {
    width: 100%;
  }
  .faq__item-details {
    border-bottom: 2px solid #f8f8f8;
  }
  .faq__item-title-wrapper {
    width: 100%;
    text-align: left;
    padding: 20px 0;
    color: #212427;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.55;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .faq__item-title-wrapper img {
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  .faq__item-details[open] .faq__item-title-wrapper img {
    transform: rotate(180deg);
  }
  .faq__item-content {
    padding-bottom: 16px;
  }
  .faq__item-content a {
    color: #F15A3B;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .faq__item-content br {
    margin-bottom: 20px;
  }
  .faq__item-title {
    padding-right: 20px;
  }
  @media screen and (max-width: 1199.9px) {
    .faq__item-title {
      font-size: 16px;
    }
  }
}
@layer layouts {
  .footer {
    padding-block: 40px;
    margin-top: auto;
    margin-inline: auto;
    background: #fff;
    width: 100%;
  }
  @media screen and (min-width: 768px) {
    .footer {
      padding-block: 80px;
    }
  }
  .footer__brand {
    flex: 1 1 100%;
    text-align: left;
    margin-bottom: 28px;
  }
  .footer__brand img {
    width: 246px;
    height: 42px;
    padding: 0;
    margin-bottom: 12px;
  }
  .footer__brand p {
    color: #212427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
  }
  .footer__bottom {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    flex-flow: row wrap;
  }
  @media screen and (min-width: 1024px) {
    .footer__bottom {
      flex-flow: row nowrap;
    }
  }
  .footer__column {
    flex-basis: 100%;
  }
  @media screen and (min-width: 768px) and (max-width: 1023.9px) {
    .footer__column {
      flex-basis: calc(33.33% - 32px);
    }
  }
  @media screen and (min-width: 1024px) {
    .footer__column {
      flex-basis: auto;
    }
  }
  .footer__column h4 {
    color: #212427;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
    text-transform: uppercase;
  }
  .footer__column ul {
    list-style: none;
    padding: 0;
    margin-bottom: 12px;
    text-align: left;
  }
  .footer__column ul li {
    margin-bottom: 12px;
  }
  .footer__column a:not(.btn-img, .social-icon),
  .footer__column p,
  .footer__column ul li a {
    text-decoration: none;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  @media (hover: hover) {
    .footer__column a:not(.btn-img, .social-icon):hover,
    .footer__column p:hover,
    .footer__column ul li a:hover {
      color: #F15A3B;
    }
  }
  .footer__currency {
    font-weight: 700;
  }
  .footer__apps {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
  }
  @media screen and (max-width: 767.9px) {
    .footer__apps {
      align-items: flex-start;
    }
  }
  .footer .social-icons {
    display: flex;
    align-items: center;
    margin: -10px 0 12px -5px;
  }
  .footer .social-icon {
    display: inline-block;
    padding: 10px 6px;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    animation-delay: 0ms;
  }
  @media (hover: hover) {
    .footer .social-icon:hover {
      transform: translateY(-5px);
    }
  }
  .footer .social-icon img {
    width: 15px;
    height: 15px;
  }
  @media screen and (min-width: 768px) {
    .footer__bottom-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .footer__bottom-bar:not(:first-child) {
      margin-top: 40px;
    }
  }
  .footer__bottom-links:not(:last-child) {
    margin-bottom: 40px;
  }
  @media screen and (min-width: 768px) {
    .footer__bottom-links {
      display: flex;
      gap: 24px;
    }
    .footer__bottom-links:not(:last-child) {
      margin-bottom: 0;
    }
  }
  .footer__bottom-links li:not(:last-child) {
    margin-bottom: 24px;
  }
  @media screen and (min-width: 768px) {
    .footer__bottom-links li:not(:last-child) {
      margin-bottom: 0;
    }
  }
  .footer__bottom-links a {
    color: #4c6376;
  }
}
@layer components {
  .content h2 {
    font-size: 24px;
    line-height: 1.13;
  }
  @media screen and (min-width: 1200px) {
    .content h2 {
      font-size: 28px;
    }
  }
  .content h3 {
    font-size: 18px;
    color: #4c6376;
  }
  .content h4 {
    font-size: inherit;
  }
  .content h3:not(:last-child),
  .content h4:not(:last-child),
  .content p:has(+ ol):not(:last-child),
  .content p:has(+ ul):not(:last-child) {
    margin-bottom: 12px;
  }
  .content h2:not(:first-child),
  .content h3:not(:first-child),
  .content p:not(:first-child), .content > figure:not(:first-child), .content > p > img:not(:first-child) {
    margin-top: 32px;
  }
  .content ol:not(:first-child),
  .content ul:not(:first-child) {
    margin-top: 12px;
  }
  .content ol:not(:last-child),
  .content ul:not(:last-child) {
    margin-bottom: 32px;
  }
  .content ul:not(.tabs):not(.faq):not(.gallery) > li ul,
  .content ul:not(.tabs):not(.faq):not(.gallery) > li ol,
  .content ol > li ul,
  .content ol > li ol {
    margin-top: 32px;
  }
  .content ul:not(.tabs):not(.faq):not(.gallery) > li ul li:not(.swiper-slide):not(:last-child),
  .content ul:not(.tabs):not(.faq):not(.gallery) > li ol li:not(.swiper-slide):not(:last-child),
  .content ol > li ul li:not(.swiper-slide):not(:last-child),
  .content ol > li ol li:not(.swiper-slide):not(:last-child) {
    margin-bottom: 32px;
  }
  .content ul:not(.tabs):not(.faq):not(.gallery) > li ol,
  .content ol > li ol {
    padding-left: 15px;
  }
  .content ul:not(.tabs):not(.faq):not(.gallery) > li ul,
  .content ol > li ul {
    padding-left: 10px;
  }
  .content ol {
    color: #4c6376;
    padding-left: 0;
    counter-reset: step-counter;
  }
  .content ol li {
    list-style: none;
    padding-left: 38px;
    position: relative;
  }
  .content ol li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 16px;
  }
  .content ol > li {
    list-style: none;
    counter-increment: step-counter;
  }
  .content ol > li:before {
    content: counter(step-counter) ". ";
  }
  .content > figure, .content > div.wp-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .content > figure.alignleft, .content > div.wp-caption.alignleft {
    align-items: flex-start;
  }
  .content > figure.aligncenter, .content > div.wp-caption.aligncenter {
    align-items: center;
  }
  .content > figure.alignright, .content > div.wp-caption.alignright {
    align-items: flex-end;
  }
  .content > figure figcaption:not(:first-child), .content > div.wp-caption figcaption:not(:first-child) {
    margin-top: 8px;
  }
  .content > figure figcaption, .content > div.wp-caption figcaption {
    font-size: 12px;
    color: #4c6376;
    max-width: var(--caption-width);
  }
  .content > p > img.alignleft, .content > img.alignleft {
    margin-right: auto;
  }
  .content > p > img.aligncenter, .content > img.aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
  .content > p > img.alignright, .content > img.alignright {
    margin-left: auto;
  }
  .content .faq__item {
    padding-left: 0;
  }
  .content .faq__item:after {
    display: none !important;
  }
  .content .faq__item-title-wrapper img {
    margin-top: 0 !important;
  }
  .content .faq__item-title:not(:last-child) {
    margin-bottom: 0;
  }
}
@layer layout {
  .faq__list:not(:first-child) {
    margin-top: 12px;
  }
}