/*
Theme Name: DSCIM Theme
Description: A custom theme based on provided HTML/CSS/JS template using ACF and Gutenberg.
Author: DSCIM
Version: 1.0
*/
/* Основной CSS темы будет подключен отдельно */

@charset "utf-8";
:root {
   --padding-horizontal: calc(50% - 570px);
} 
@media all and (max-width: 1170px) {
   :root {
      --padding-horizontal: 12px;
   }
}
@font-face {
   font-display: swap;
   font-family: "Golos Text";
   font-style: normal;
   font-weight: 400;
   src: url("assets/fonts/golos-text-v7-cyrillic_latin-regular.woff2")
         format("woff2"),
      url("assets/fonts/golos-text-v7-cyrillic_latin-regular.ttf")
         format("truetype");
}
@font-face {
   font-display: swap;
   font-family: "Golos Text";
   font-style: normal;
   font-weight: 500;
   src: url("assets/fonts/golos-text-v7-cyrillic_latin-500.woff2")
         format("woff2"),
      url("assets/fonts/golos-text-v7-cyrillic_latin-500.ttf")
         format("truetype");
}
@font-face {
   font-display: swap;
   font-family: "Golos Text";
   font-style: normal;
   font-weight: 600;
   src: url("assets/fonts/golos-text-v7-cyrillic_latin-600.woff2")
         format("woff2"),
      url("assets/fonts/golos-text-v7-cyrillic_latin-600.ttf")
         format("truetype");
}
@font-face {
   font-display: swap;
   font-family: "Golos Text";
   font-style: normal;
   font-weight: 700;
   src: url("assets/fonts/golos-text-v7-cyrillic_latin-700.woff2")
         format("woff2"),
      url("assets/fonts/golos-text-v7-cyrillic_latin-700.ttf")
         format("truetype");
}
body,
input,
textarea,
button,
select {
   font-family: "Golos Text", sans-serif;
}

.entry-content,
.page-content {
   max-width: calc(100vw - 0 * var(--padding-horizontal));
   margin: 0 auto;
   padding-left: var(--padding-horizontal);
   padding-right: var(--padding-horizontal);
}
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
:root {
   --animate-duration: 1s;
   --animate-delay: 1s;
   --animate-repeat: 1;
}
.animate__animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-duration: var(--animate-duration);
   animation-duration: var(--animate-duration);
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
.animate__animated.animate__infinite {
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-iteration-count: var(--animate-repeat);
   animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
   -webkit-animation-iteration-count: calc(1 * 2);
   animation-iteration-count: calc(1 * 2);
   -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
   animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
   -webkit-animation-iteration-count: calc(1 * 3);
   animation-iteration-count: calc(1 * 3);
   -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
   animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
   -webkit-animation-delay: var(--animate-delay);
   animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
   -webkit-animation-delay: calc(1s * 2);
   animation-delay: calc(1s * 2);
   -webkit-animation-delay: calc(var(--animate-delay) * 2);
   animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
   -webkit-animation-delay: calc(1s * 3);
   animation-delay: calc(1s * 3);
   -webkit-animation-delay: calc(var(--animate-delay) * 3);
   animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
   -webkit-animation-delay: calc(1s * 4);
   animation-delay: calc(1s * 4);
   -webkit-animation-delay: calc(var(--animate-delay) * 4);
   animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
   -webkit-animation-delay: calc(1s * 5);
   animation-delay: calc(1s * 5);
   -webkit-animation-delay: calc(var(--animate-delay) * 5);
   animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
   -webkit-animation-duration: calc(1s / 2);
   animation-duration: calc(1s / 2);
   -webkit-animation-duration: calc(var(--animate-duration) / 2);
   animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
   -webkit-animation-duration: calc(1s * 0.8);
   animation-duration: calc(1s * 0.8);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
   animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
   -webkit-animation-duration: calc(1s * 2);
   animation-duration: calc(1s * 2);
   -webkit-animation-duration: calc(var(--animate-duration) * 2);
   animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
   -webkit-animation-duration: calc(1s * 3);
   animation-duration: calc(1s * 3);
   -webkit-animation-duration: calc(var(--animate-duration) * 3);
   animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
   .animate__animated {
      -webkit-animation-duration: 1ms !important;
      animation-duration: 1ms !important;
      -webkit-transition-duration: 1ms !important;
      transition-duration: 1ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important;
   }
   .animate__animated[class*="Out"] {
      opacity: 0;
   }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
   from,
   20%,
   53%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   40%,
   43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
      transform: translate3d(0, -30px, 0) scaleY(1.1);
   }
   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
      transform: translate3d(0, -15px, 0) scaleY(1.05);
   }
   80% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
      transform: translate3d(0, 0, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
      transform: translate3d(0, -4px, 0) scaleY(1.02);
   }
}
@keyframes bounce {
   from,
   20%,
   53%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   40%,
   43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
      transform: translate3d(0, -30px, 0) scaleY(1.1);
   }
   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
      transform: translate3d(0, -15px, 0) scaleY(1.05);
   }
   80% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
      transform: translate3d(0, 0, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
      transform: translate3d(0, -4px, 0) scaleY(1.02);
   }
}
.animate__bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
}
@-webkit-keyframes flash {
   from,
   50%,
   to {
      opacity: 1;
   }
   25%,
   75% {
      opacity: 0;
   }
}
@keyframes flash {
   from,
   50%,
   to {
      opacity: 1;
   }
   25%,
   75% {
      opacity: 0;
   }
}
.animate__flash {
   -webkit-animation-name: flash;
   animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes pulse {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.animate__pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
   }
   40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
   }
   50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
   }
   65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
   }
   75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes rubberBand {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
   }
   40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
   }
   50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
   }
   65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
   }
   75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.animate__rubberBand {
   -webkit-animation-name: rubberBand;
   animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
   from,
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   10%,
   30%,
   50%,
   70%,
   90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   20%,
   40%,
   60%,
   80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
}
@keyframes shakeX {
   from,
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   10%,
   30%,
   50%,
   70%,
   90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   20%,
   40%,
   60%,
   80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
}
.animate__shakeX {
   -webkit-animation-name: shakeX;
   animation-name: shakeX;
}
@-webkit-keyframes shakeY {
   from,
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   10%,
   30%,
   50%,
   70%,
   90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   20%,
   40%,
   60%,
   80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
}
@keyframes shakeY {
   from,
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   10%,
   30%,
   50%,
   70%,
   90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   20%,
   40%,
   60%,
   80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
}
.animate__shakeY {
   -webkit-animation-name: shakeY;
   animation-name: shakeY;
}
@-webkit-keyframes headShake {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
   }
   18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
   }
   31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
   }
   43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
   }
   50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}
@keyframes headShake {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
   }
   18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
   }
   31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
   }
   43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
   }
   50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}
.animate__headShake {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-name: headShake;
   animation-name: headShake;
}
@-webkit-keyframes swing {
   20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
   }
   40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
   }
   60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
   }
   80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
   }
}
@keyframes swing {
   20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
   }
   40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
   }
   60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
   }
   80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
   }
}
.animate__swing {
   -webkit-transform-origin: top center;
   transform-origin: top center;
   -webkit-animation-name: swing;
   animation-name: swing;
}
@-webkit-keyframes tada {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   10%,
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
   }
   30%,
   50%,
   70%,
   90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
   40%,
   60%,
   80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes tada {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   10%,
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
   }
   30%,
   50%,
   70%,
   90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
   40%,
   60%,
   80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.animate__tada {
   -webkit-animation-name: tada;
   animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }
   30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }
   45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }
   60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }
   75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes wobble {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }
   30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }
   45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }
   60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }
   75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__wobble {
   -webkit-animation-name: wobble;
   animation-name: wobble;
}
@-webkit-keyframes jello {
   from,
   11.1%,
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
   }
   33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
   }
   44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
   }
   55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
   }
   66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }
   77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
   }
   88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
}
@keyframes jello {
   from,
   11.1%,
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
   }
   33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
   }
   44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
   }
   55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
   }
   66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }
   77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
   }
   88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
}
.animate__jello {
   -webkit-animation-name: jello;
   animation-name: jello;
   -webkit-transform-origin: center;
   transform-origin: center;
}
@-webkit-keyframes heartBeat {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   28% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   70% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
@keyframes heartBeat {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   28% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   70% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
.animate__heartBeat {
   -webkit-animation-name: heartBeat;
   animation-name: heartBeat;
   -webkit-animation-duration: calc(1s * 1.3);
   animation-duration: calc(1s * 1.3);
   -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
   animation-duration: calc(var(--animate-duration) * 1.3);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
   0% {
      -webkit-transform: translateY(-1200px) scale(0.7);
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@keyframes backInDown {
   0% {
      -webkit-transform: translateY(-1200px) scale(0.7);
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
.animate__backInDown {
   -webkit-animation-name: backInDown;
   animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
   0% {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateX(0px) scale(0.7);
      transform: translateX(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@keyframes backInLeft {
   0% {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateX(0px) scale(0.7);
      transform: translateX(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
.animate__backInLeft {
   -webkit-animation-name: backInLeft;
   animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
   0% {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateX(0px) scale(0.7);
      transform: translateX(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@keyframes backInRight {
   0% {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateX(0px) scale(0.7);
      transform: translateX(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
.animate__backInRight {
   -webkit-animation-name: backInRight;
   animation-name: backInRight;
}
@-webkit-keyframes backInUp {
   0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@keyframes backInUp {
   0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
.animate__backInUp {
   -webkit-animation-name: backInUp;
   animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: translateY(700px) scale(0.7);
      transform: translateY(700px) scale(0.7);
      opacity: 0.7;
   }
}
@keyframes backOutDown {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: translateY(700px) scale(0.7);
      transform: translateY(700px) scale(0.7);
      opacity: 0.7;
   }
}
.animate__backOutDown {
   -webkit-animation-name: backOutDown;
   animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateX(0px) scale(0.7);
      transform: translateX(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
   }
}
@keyframes backOutLeft {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateX(0px) scale(0.7);
      transform: translateX(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
   }
}
.animate__backOutLeft {
   -webkit-animation-name: backOutLeft;
   animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateX(0px) scale(0.7);
      transform: translateX(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
   }
}
@keyframes backOutRight {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateX(0px) scale(0.7);
      transform: translateX(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
   }
}
.animate__backOutRight {
   -webkit-animation-name: backOutRight;
   animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: translateY(-700px) scale(0.7);
      transform: translateY(-700px) scale(0.7);
      opacity: 0.7;
   }
}
@keyframes backOutUp {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
   }
   100% {
      -webkit-transform: translateY(-700px) scale(0.7);
      transform: translateY(-700px) scale(0.7);
      opacity: 0.7;
   }
}
.animate__backOutUp {
   -webkit-animation-name: backOutUp;
   animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
   from,
   20%,
   40%,
   60%,
   80%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
   }
   to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes bounceIn {
   from,
   20%,
   40%,
   60%,
   80%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
   }
   to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.animate__bounceIn {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
   from,
   60%,
   75%,
   90%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
      transform: translate3d(0, -3000px, 0) scaleY(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
      transform: translate3d(0, 25px, 0) scaleY(0.9);
   }
   75% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
      transform: translate3d(0, -10px, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
      transform: translate3d(0, 5px, 0) scaleY(0.985);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes bounceInDown {
   from,
   60%,
   75%,
   90%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
      transform: translate3d(0, -3000px, 0) scaleY(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
      transform: translate3d(0, 25px, 0) scaleY(0.9);
   }
   75% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
      transform: translate3d(0, -10px, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
      transform: translate3d(0, 5px, 0) scaleY(0.985);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
   from,
   60%,
   75%,
   90%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
   }
   75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
   }
   90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes bounceInLeft {
   from,
   60%,
   75%,
   90%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
   }
   75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
   }
   90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__bounceInLeft {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
   from,
   60%,
   75%,
   90%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
   }
   75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
   }
   90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes bounceInRight {
   from,
   60%,
   75%,
   90%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
   }
   75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
   }
   90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__bounceInRight {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
   from,
   60%,
   75%,
   90%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes bounceInUp {
   from,
   60%,
   75%,
   90%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__bounceInUp {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   50%,
   55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}
@keyframes bounceOut {
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   50%,
   55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}
.animate__bounceOut {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
   20% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
      transform: translate3d(0, 10px, 0) scaleY(0.985);
   }
   40%,
   45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
      transform: translate3d(0, 2000px, 0) scaleY(3);
   }
}
@keyframes bounceOutDown {
   20% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
      transform: translate3d(0, 10px, 0) scaleY(0.985);
   }
   40%,
   45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
      transform: translate3d(0, 2000px, 0) scaleY(3);
   }
}
.animate__bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
      transform: translate3d(20px, 0, 0) scaleX(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
      transform: translate3d(-2000px, 0, 0) scaleX(2);
   }
}
@keyframes bounceOutLeft {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
      transform: translate3d(20px, 0, 0) scaleX(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
      transform: translate3d(-2000px, 0, 0) scaleX(2);
   }
}
.animate__bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
      transform: translate3d(-20px, 0, 0) scaleX(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
      transform: translate3d(2000px, 0, 0) scaleX(2);
   }
}
@keyframes bounceOutRight {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
      transform: translate3d(-20px, 0, 0) scaleX(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
      transform: translate3d(2000px, 0, 0) scaleX(2);
   }
}
.animate__bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
   20% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
      transform: translate3d(0, -10px, 0) scaleY(0.985);
   }
   40%,
   45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
      transform: translate3d(0, 20px, 0) scaleY(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
      transform: translate3d(0, -2000px, 0) scaleY(3);
   }
}
@keyframes bounceOutUp {
   20% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
      transform: translate3d(0, -10px, 0) scaleY(0.985);
   }
   40%,
   45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
      transform: translate3d(0, 20px, 0) scaleY(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
      transform: translate3d(0, -2000px, 0) scaleY(3);
   }
}
.animate__bounceOutUp {
   -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
@keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
.animate__fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInDown {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInDownBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInLeftBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInRight {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInRightBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInUp {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInUpBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInUpBig {
   -webkit-animation-name: fadeInUpBig;
   animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInTopLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInTopLeft {
   -webkit-animation-name: fadeInTopLeft;
   animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInTopRight {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInTopRight {
   -webkit-animation-name: fadeInTopRight;
   animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInBottomLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInBottomLeft {
   -webkit-animation-name: fadeInBottomLeft;
   animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInBottomRight {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__fadeInBottomRight {
   -webkit-animation-name: fadeInBottomRight;
   animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
   }
}
@keyframes fadeOut {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
   }
}
.animate__fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
@keyframes fadeOutDown {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
.animate__fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}
@keyframes fadeOutDownBig {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}
.animate__fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
@keyframes fadeOutLeft {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
.animate__fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
}
@keyframes fadeOutLeftBig {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
}
.animate__fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
@keyframes fadeOutRight {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
.animate__fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
}
@keyframes fadeOutRightBig {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
}
.animate__fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
@keyframes fadeOutUp {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
.animate__fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}
@keyframes fadeOutUpBig {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}
.animate__fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
   from {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
   }
}
@keyframes fadeOutTopLeft {
   from {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
   }
}
.animate__fadeOutTopLeft {
   -webkit-animation-name: fadeOutTopLeft;
   animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
   from {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
   }
}
@keyframes fadeOutTopRight {
   from {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
   }
}
.animate__fadeOutTopRight {
   -webkit-animation-name: fadeOutTopRight;
   animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
   from {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
   }
}
@keyframes fadeOutBottomRight {
   from {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
   }
}
.animate__fadeOutBottomRight {
   -webkit-animation-name: fadeOutBottomRight;
   animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
   from {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
   }
}
@keyframes fadeOutBottomLeft {
   from {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
   }
}
.animate__fadeOutBottomLeft {
   -webkit-animation-name: fadeOutBottomLeft;
   animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
   from {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1)
         translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
         rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   40% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1)
         translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
         rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   50% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1)
         translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
         rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
         translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
         translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   to {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1)
         translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
         rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}
@keyframes flip {
   from {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1)
         translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
         rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   40% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1)
         translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
         rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   50% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1)
         translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
         rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
         translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
         translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   to {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1)
         translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
         rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}
.animate__animated.animate__flip {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation-name: flip;
   animation-name: flip;
}
@-webkit-keyframes flipInX {
   from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}
@keyframes flipInX {
   from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}
.animate__flipInX {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInX;
   animation-name: flipInX;
}
@-webkit-keyframes flipInY {
   from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}
@keyframes flipInY {
   from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}
.animate__flipInY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInY;
   animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
   }
}
@keyframes flipOutX {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
   }
}
.animate__flipOutX {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
   }
}
@keyframes flipOutY {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
   }
}
.animate__flipOutY {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipOutY;
   animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
   from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes lightSpeedInRight {
   from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__lightSpeedInRight {
   -webkit-animation-name: lightSpeedInRight;
   animation-name: lightSpeedInRight;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
   from {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(5deg);
      transform: skewX(5deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes lightSpeedInLeft {
   from {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(5deg);
      transform: skewX(5deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__lightSpeedInLeft {
   -webkit-animation-name: lightSpeedInLeft;
   animation-name: lightSpeedInLeft;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
   }
}
@keyframes lightSpeedOutRight {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
   }
}
.animate__lightSpeedOutRight {
   -webkit-animation-name: lightSpeedOutRight;
   animation-name: lightSpeedOutRight;
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
}
@keyframes lightSpeedOutLeft {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
}
.animate__lightSpeedOutLeft {
   -webkit-animation-name: lightSpeedOutLeft;
   animation-name: lightSpeedOutLeft;
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
   from {
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes rotateIn {
   from {
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.animate__rotateIn {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn;
   -webkit-transform-origin: center;
   transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
   from {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes rotateInDownLeft {
   from {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.animate__rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
   from {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes rotateInDownRight {
   from {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.animate__rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
   from {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes rotateInUpLeft {
   from {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.animate__rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
   from {
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes rotateInUpRight {
   from {
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.animate__rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
   }
}
@keyframes rotateOut {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
   }
}
.animate__rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut;
   -webkit-transform-origin: center;
   transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }
}
@keyframes rotateOutDownLeft {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }
}
.animate__rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
}
@keyframes rotateOutDownRight {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
}
.animate__rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
}
@keyframes rotateOutUpLeft {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
}
.animate__rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
   }
}
@keyframes rotateOutUpRight {
   from {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
   }
}
.animate__rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
   0% {
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   20%,
   60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   40%,
   80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
   }
}
@keyframes hinge {
   0% {
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   20%,
   60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   40%,
   80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
   }
}
.animate__hinge {
   -webkit-animation-duration: calc(1s * 2);
   animation-duration: calc(1s * 2);
   -webkit-animation-duration: calc(var(--animate-duration) * 2);
   animation-duration: calc(var(--animate-duration) * 2);
   -webkit-animation-name: hinge;
   animation-name: hinge;
   -webkit-transform-origin: top left;
   transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
   from {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }
   50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
   }
   70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }
   to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
@keyframes jackInTheBox {
   from {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }
   50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
   }
   70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }
   to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
.animate__jackInTheBox {
   -webkit-animation-name: jackInTheBox;
   animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes rollIn {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
   }
   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
}
@keyframes rollOut {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
}
.animate__rollOut {
   -webkit-animation-name: rollOut;
   animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
      opacity: 1;
   }
}
@keyframes zoomIn {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
      opacity: 1;
   }
}
.animate__zoomIn {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomInDown {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.animate__zoomInDown {
   -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomInLeft {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.animate__zoomInLeft {
   -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomInRight {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.animate__zoomInRight {
   -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomInUp {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.animate__zoomInUp {
   -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
   from {
      opacity: 1;
   }
   50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   to {
      opacity: 0;
   }
}
@keyframes zoomOut {
   from {
      opacity: 1;
   }
   50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   to {
      opacity: 0;
   }
}
.animate__zoomOut {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomOutDown {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.animate__zoomOutDown {
   -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
   }
}
@keyframes zoomOutLeft {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
   }
}
.animate__zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft;
   -webkit-transform-origin: left center;
   transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
   }
}
@keyframes zoomOutRight {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
   }
}
.animate__zoomOutRight {
   -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight;
   -webkit-transform-origin: right center;
   transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomOutUp {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.animate__zoomOutUp {
   -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
   from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes slideInDown {
   from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
   from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes slideInLeft {
   from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
   from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes slideInRight {
   from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.animate__slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
@keyframes slideOutDown {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
.animate__slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
@keyframes slideOutLeft {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
.animate__slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
@keyframes slideOutRight {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
.animate__slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
@keyframes slideOutUp {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
.animate__slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
}
:root {
   --f-spinner-width: 36px;
   --f-spinner-height: 36px;
   --f-spinner-color-1: rgba(0, 0, 0, 0.1);
   --f-spinner-color-2: rgba(17, 24, 28, 0.8);
   --f-spinner-stroke: 2.75;
}
.f-spinner {
   margin: auto;
   padding: 0;
   width: var(--f-spinner-width);
   height: var(--f-spinner-height);
}
.f-spinner svg {
   width: 100%;
   height: 100%;
   vertical-align: top;
   animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
   stroke-width: var(--f-spinner-stroke);
   fill: none;
}
.f-spinner svg *:first-child {
   stroke: var(--f-spinner-color-1);
}
.f-spinner svg *:last-child {
   stroke: var(--f-spinner-color-2);
   animation: f-spinner-dash 2s ease-in-out infinite;
}
@keyframes f-spinner-rotate {
   100% {
      transform: rotate(360deg);
   }
}
@keyframes f-spinner-dash {
   0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
   }
   50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
   }
   100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
   }
}
.f-throwOutUp {
   animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}
.f-throwOutDown {
   animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
   to {
      transform: translate3d(
         0,
         calc(var(--f-throw-out-distance, 150px) * -1),
         0
      );
      opacity: 0;
   }
}
@keyframes f-throwOutDown {
   to {
      transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
      opacity: 0;
   }
}
.f-zoomInUp {
   animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}
.f-zoomOutDown {
   animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}
@keyframes f-zoomInUp {
   from {
      transform: scale(0.975) translate3d(0, 16px, 0);
      opacity: 0;
   }
   to {
      transform: scale(1) translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes f-zoomOutDown {
   to {
      transform: scale(0.975) translate3d(0, 16px, 0);
      opacity: 0;
   }
}
.f-fadeIn {
   animation: var(--f-transition-duration, 0.2s)
      var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both
      f-fadeIn;
   z-index: 2;
}
.f-fadeOut {
   animation: var(--f-transition-duration, 0.2s)
      var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both
      f-fadeOut;
   z-index: 1;
}
@keyframes f-fadeIn {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}
@keyframes f-fadeOut {
   100% {
      opacity: 0;
   }
}
.f-fadeFastIn {
   animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
   z-index: 2;
}
.f-fadeFastOut {
   animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
   z-index: 2;
}
@keyframes f-fadeFastIn {
   0% {
      opacity: 0.75;
   }
   100% {
      opacity: 1;
   }
}
@keyframes f-fadeFastOut {
   100% {
      opacity: 0;
   }
}
.f-fadeSlowIn {
   animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
   z-index: 2;
}
.f-fadeSlowOut {
   animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
   z-index: 1;
}
@keyframes f-fadeSlowIn {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}
@keyframes f-fadeSlowOut {
   100% {
      opacity: 0;
   }
}
.f-crossfadeIn {
   animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
   z-index: 2;
}
.f-crossfadeOut {
   animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both
      f-crossfadeOut;
   z-index: 1;
}
@keyframes f-crossfadeIn {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}
@keyframes f-crossfadeOut {
   100% {
      opacity: 0;
   }
}
.f-slideIn.from-next {
   animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
      f-slideInNext;
}
.f-slideIn.from-prev {
   animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
      f-slideInPrev;
}
.f-slideOut.to-next {
   animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
      f-slideOutNext;
}
.f-slideOut.to-prev {
   animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
      f-slideOutPrev;
}
@keyframes f-slideInPrev {
   0% {
      transform: translateX(100%);
   }
   100% {
      transform: translate3d(0, 0, 0);
   }
}
@keyframes f-slideInNext {
   0% {
      transform: translateX(-100%);
   }
   100% {
      transform: translate3d(0, 0, 0);
   }
}
@keyframes f-slideOutNext {
   100% {
      transform: translateX(-100%);
   }
}
@keyframes f-slideOutPrev {
   100% {
      transform: translateX(100%);
   }
}
.f-classicIn.from-next {
   animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
      f-classicInNext;
   z-index: 2;
}
.f-classicIn.from-prev {
   animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
      f-classicInPrev;
   z-index: 2;
}
.f-classicOut.to-next {
   animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
      f-classicOutNext;
   z-index: 1;
}
.f-classicOut.to-prev {
   animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
      f-classicOutPrev;
   z-index: 1;
}
@keyframes f-classicInNext {
   0% {
      transform: translateX(-75px);
      opacity: 0;
   }
   100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes f-classicInPrev {
   0% {
      transform: translateX(75px);
      opacity: 0;
   }
   100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes f-classicOutNext {
   100% {
      transform: translateX(-75px);
      opacity: 0;
   }
}
@keyframes f-classicOutPrev {
   100% {
      transform: translateX(75px);
      opacity: 0;
   }
}
:root {
   --f-button-width: 40px;
   --f-button-height: 40px;
   --f-button-border: 0;
   --f-button-border-radius: 0;
   --f-button-color: #374151;
   --f-button-bg: #f8f8f8;
   --f-button-hover-bg: #e0e0e0;
   --f-button-active-bg: #d0d0d0;
   --f-button-shadow: none;
   --f-button-transition: all 0.15s ease;
   --f-button-transform: none;
   --f-button-svg-width: 20px;
   --f-button-svg-height: 20px;
   --f-button-svg-stroke-width: 1.5;
   --f-button-svg-fill: none;
   --f-button-svg-filter: none;
   --f-button-svg-disabled-opacity: 0.65;
}
.f-button {
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: content-box;
   position: relative;
   margin: 0;
   padding: 0;
   width: var(--f-button-width);
   height: var(--f-button-height);
   border: var(--f-button-border);
   border-radius: var(--f-button-border-radius);
   color: var(--f-button-color);
   background: var(--f-button-bg);
   box-shadow: var(--f-button-shadow);
   pointer-events: all;
   cursor: pointer;
   transition: var(--f-button-transition);
}
@media (hover: hover) {
   .f-button:hover:not([disabled]) {
      color: var(--f-button-hover-color);
      background-color: var(--f-button-hover-bg);
   }
}
.f-button:active:not([disabled]) {
   background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
   outline: none;
}
.f-button:focus-visible {
   outline: none;
   box-shadow: inset 0 0 0 var(--f-button-outline, 2px)
      var(--f-button-outline-color, var(--f-button-color));
}
.f-button svg {
   width: var(--f-button-svg-width);
   height: var(--f-button-svg-height);
   fill: var(--f-button-svg-fill);
   stroke: currentColor;
   stroke-width: var(--f-button-svg-stroke-width);
   stroke-linecap: round;
   stroke-linejoin: round;
   transition: opacity 0.15s ease;
   transform: var(--f-button-transform);
   filter: var(--f-button-svg-filter);
   pointer-events: none;
}
.f-button[disabled] {
   cursor: default;
}
.f-button[disabled] svg {
   opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
   position: absolute;
   z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
   top: 50%;
   transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
   left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
   right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
   left: auto;
   right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
   right: auto;
   left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
   top: auto;
   left: 50%;
   transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
   top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
   bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
   transform: rotate(90deg);
}
.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
   pointer-events: none;
}
html.with-fancybox {
   width: auto;
   overflow: visible;
   scroll-behavior: auto;
}
html.with-fancybox body {
   touch-action: none;
}
html.with-fancybox body.hide-scrollbar {
   width: auto;
   margin-right: calc(
      var(--fancybox-body-margin, 0px) +
         var(--fancybox-scrollbar-compensate, 0px)
   );
   overflow: hidden !important;
   overscroll-behavior-y: none;
}
.fancybox__container {
   --fancybox-color: #dbdbdb;
   --fancybox-hover-color: #fff;
   --fancybox-bg: rgba(24, 24, 27, 0.98);
   --fancybox-slide-gap: 10px;
   --f-spinner-width: 50px;
   --f-spinner-height: 50px;
   --f-spinner-color-1: rgba(255, 255, 255, 0.1);
   --f-spinner-color-2: #bbb;
   --f-spinner-stroke: 3.65;
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   direction: ltr;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #f8f8f8;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   overflow: visible;
   z-index: var(--fancybox-zIndex, 1050);
   outline: none;
   transform-origin: top left;
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: none;
   -ms-text-size-adjust: 100%;
   text-size-adjust: 100%;
   overscroll-behavior-y: contain;
}
.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
   box-sizing: inherit;
}
.fancybox__container::backdrop {
   background-color: rgba(0, 0, 0, 0);
}
.fancybox__backdrop {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: -1;
   background: var(--fancybox-bg);
   opacity: var(--fancybox-opacity, 1);
   will-change: opacity;
}
.fancybox__carousel {
   position: relative;
   box-sizing: border-box;
   flex: 1;
   min-height: 0;
   z-index: 10;
   overflow-y: visible;
   overflow-x: clip;
}
.fancybox__viewport {
   width: 100%;
   height: 100%;
}
.fancybox__viewport.is-draggable {
   cursor: move;
   cursor: grab;
}
.fancybox__viewport.is-dragging {
   cursor: move;
   cursor: grabbing;
}
.fancybox__track {
   display: flex;
   margin: 0 auto;
   height: 100%;
}
.fancybox__slide {
   flex: 0 0 auto;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   height: 100%;
   margin: 0 var(--fancybox-slide-gap) 0 0;
   padding: 4px;
   overflow: auto;
   overscroll-behavior: contain;
   transform: translate3d(0, 0, 0);
   backface-visibility: hidden;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
   padding-top: 40px;
}
.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
   overflow: hidden;
}
.fancybox__slide.has-image {
   overflow: hidden;
}
.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
   overflow: visible;
}
.fancybox__slide::before,
.fancybox__slide::after {
   content: "";
   flex: 0 0 0;
   margin: auto;
}
.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
   display: block;
}
.fancybox__content {
   align-self: center;
   display: flex;
   flex-direction: column;
   position: relative;
   margin: 0;
   padding: 2rem;
   max-width: 100%;
   color: var(--fancybox-content-color, #374151);
   background: var(--fancybox-content-bg, #fff);
   cursor: default;
   border-radius: 0;
   z-index: 20;
}
.is-loading .fancybox__content {
   opacity: 0;
}
.is-draggable .fancybox__content {
   cursor: move;
   cursor: grab;
}
.can-zoom_in .fancybox__content {
   cursor: zoom-in;
}
.can-zoom_out .fancybox__content {
   cursor: zoom-out;
}
.is-dragging .fancybox__content {
   cursor: move;
   cursor: grabbing;
}
.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
   cursor: auto;
}
.fancybox__slide.has-image > .fancybox__content {
   padding: 0;
   background: rgba(0, 0, 0, 0);
   min-height: 1px;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
   transition: none;
   transform: translate3d(0, 0, 0);
   backface-visibility: hidden;
}
.fancybox__slide.has-image > .fancybox__content > picture > img {
   width: 100%;
   height: auto;
   max-height: 100%;
}
.is-animating .fancybox__content,
.is-dragging .fancybox__content {
   will-change: transform, width, height;
}
.fancybox-image {
   margin: auto;
   display: block;
   width: 100%;
   height: 100%;
   min-height: 0;
   object-fit: contain;
   user-select: none;
   filter: blur(0px);
}
.fancybox__caption {
   align-self: center;
   max-width: 100%;
   flex-shrink: 0;
   margin: 0;
   padding: 14px 0 4px 0;
   overflow-wrap: anywhere;
   line-height: 1.375;
   color: var(--fancybox-color, currentColor);
   opacity: var(--fancybox-opacity, 1);
   cursor: auto;
   visibility: visible;
}
.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
   opacity: 0;
   visibility: hidden;
}
.is-compact .fancybox__caption {
   padding-bottom: 0;
}
.f-button.is-close-btn {
   --f-button-svg-stroke-width: 2;
   position: absolute;
   top: 0;
   right: 8px;
   z-index: 40;
}
.fancybox__content > .f-button.is-close-btn {
   --f-button-width: 34px;
   --f-button-height: 34px;
   --f-button-border-radius: 4px;
   --f-button-color: var(--fancybox-color, #fff);
   --f-button-hover-color: var(--fancybox-color, #fff);
   --f-button-bg: transparent;
   --f-button-hover-bg: transparent;
   --f-button-active-bg: transparent;
   --f-button-svg-width: 22px;
   --f-button-svg-height: 22px;
   position: absolute;
   top: -38px;
   right: 0;
   opacity: 0.75;
}
.is-loading .fancybox__content > .f-button.is-close-btn {
   visibility: hidden;
}
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
   visibility: hidden;
}
.fancybox__content > .f-button.is-close-btn:hover {
   opacity: 1;
}
.fancybox__footer {
   padding: 0;
   margin: 0;
   position: relative;
}
.fancybox__footer .fancybox__caption {
   width: 100%;
   padding: 24px;
   opacity: var(--fancybox-opacity, 1);
   transition: all 0.25s ease;
}
.is-compact .fancybox__footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 20;
   background: rgba(24, 24, 27, 0.5);
}
.is-compact .fancybox__footer .fancybox__caption {
   padding: 12px;
}
.is-compact .fancybox__content > .f-button.is-close-btn {
   --f-button-border-radius: 50%;
   --f-button-color: #fff;
   --f-button-hover-color: #fff;
   --f-button-outline-color: #000;
   --f-button-bg: rgba(0, 0, 0, 0.6);
   --f-button-active-bg: rgba(0, 0, 0, 0.6);
   --f-button-hover-bg: rgba(0, 0, 0, 0.6);
   --f-button-svg-width: 18px;
   --f-button-svg-height: 18px;
   --f-button-svg-filter: none;
   top: 5px;
   right: 5px;
}
.fancybox__nav {
   --f-button-width: 50px;
   --f-button-height: 50px;
   --f-button-border: 0;
   --f-button-border-radius: 50%;
   --f-button-color: var(--fancybox-color);
   --f-button-hover-color: var(--fancybox-hover-color);
   --f-button-bg: transparent;
   --f-button-hover-bg: rgba(24, 24, 27, 0.3);
   --f-button-active-bg: rgba(24, 24, 27, 0.5);
   --f-button-shadow: none;
   --f-button-transition: all 0.15s ease;
   --f-button-transform: none;
   --f-button-svg-width: 26px;
   --f-button-svg-height: 26px;
   --f-button-svg-stroke-width: 2.5;
   --f-button-svg-fill: none;
   --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
   --f-button-svg-disabled-opacity: 0.65;
   --f-button-next-pos: 1rem;
   --f-button-prev-pos: 1rem;
   opacity: var(--fancybox-opacity, 1);
}
.fancybox__nav .f-button:before {
   position: absolute;
   content: "";
   top: -30px;
   right: -20px;
   left: -20px;
   bottom: -30px;
   z-index: 1;
}
.is-idle .fancybox__nav {
   animation: 0.15s ease-out both f-fadeOut;
}
.is-idle.is-compact .fancybox__footer {
   pointer-events: none;
   animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__slide > .f-spinner {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0
      var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
   z-index: 30;
   cursor: pointer;
}
.fancybox-protected {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 40;
   user-select: none;
}
.fancybox-ghost {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   min-height: 0;
   object-fit: contain;
   z-index: 40;
   user-select: none;
   pointer-events: none;
}
.fancybox-focus-guard {
   outline: none;
   opacity: 0;
   position: fixed;
   pointer-events: none;
}
.fancybox__container:not([aria-hidden]) {
   opacity: 0;
}
.fancybox__container.is-animated[aria-hidden="false"]
   > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden="false"]
   .fancybox__carousel
   > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden="false"]
   .fancybox__slide
   > *:not(.fancybox__content) {
   animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards
      f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop {
   animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden="true"]
   > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden="true"]
   .fancybox__carousel
   > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden="true"]
   .fancybox__slide
   > *:not(.fancybox__content) {
   animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}
.fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop {
   animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
   max-width: 100%;
   flex-shrink: 1;
   min-height: 1px;
   overflow: visible;
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
   width: calc(-20%);
   height: 90%;
}
.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
   width: 100%;
   height: 100%;
}
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
   width: 960px;
   height: 540px;
   max-width: 100%;
   max-height: 100%;
}
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
   padding: 0;
   background: rgba(24, 24, 27, 0.9);
   color: #fff;
}
.has-map .fancybox__content {
   background: #e5e3df;
}
.fancybox__html5video,
.fancybox__iframe {
   border: 0;
   display: block;
   height: 100%;
   width: 100%;
   background: rgba(0, 0, 0, 0);
}
.fancybox-placeholder {
   border: 0 !important;
   clip: rect(1px, 1px, 1px, 1px) !important;
   -webkit-clip-path: inset(50%) !important;
   clip-path: inset(50%) !important;
   height: 1px !important;
   margin: -1px !important;
   overflow: hidden !important;
   padding: 0 !important;
   position: absolute !important;
   width: 1px !important;
   white-space: nowrap !important;
}
.f-carousel__thumbs {
   --f-thumb-width: 96px;
   --f-thumb-height: 72px;
   --f-thumb-outline: 0;
   --f-thumb-outline-color: #5eb0ef;
   --f-thumb-opacity: 1;
   --f-thumb-hover-opacity: 1;
   --f-thumb-selected-opacity: 1;
   --f-thumb-border-radius: 2px;
   --f-thumb-offset: 0px;
   --f-button-next-pos: 0;
   --f-button-prev-pos: 0;
}
.f-carousel__thumbs.is-classic {
   --f-thumb-gap: 8px;
   --f-thumb-opacity: 0.5;
   --f-thumb-hover-opacity: 1;
   --f-thumb-selected-opacity: 1;
}
.f-carousel__thumbs.is-modern {
   --f-thumb-gap: 4px;
   --f-thumb-extra-gap: 16px;
   --f-thumb-clip-width: 46px;
}
.f-thumbs {
   position: relative;
   flex: 0 0 auto;
   margin: 0;
   overflow: hidden;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   user-select: none;
   perspective: 1000px;
   transform: translateZ(0);
}
.f-thumbs .f-spinner {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 2px;
   background-image: linear-gradient(#ebeff2, #e2e8f0);
   z-index: -1;
}
.f-thumbs .f-spinner svg {
   display: none;
}
.f-thumbs.is-vertical {
   height: 100%;
}
.f-thumbs__viewport {
   width: 100%;
   height: auto;
   overflow: hidden;
   transform: translate3d(0, 0, 0);
}
.f-thumbs__track {
   display: flex;
}
.f-thumbs__slide {
   position: relative;
   flex: 0 0 auto;
   box-sizing: content-box;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   margin: 0;
   width: var(--f-thumb-width);
   height: var(--f-thumb-height);
   overflow: visible;
   cursor: pointer;
}
.f-thumbs__slide.is-loading img {
   opacity: 0;
}
.is-classic .f-thumbs__viewport {
   height: 100%;
}
.is-modern .f-thumbs__track {
   width: max-content;
}
.is-modern .f-thumbs__track::before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
   width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
   cursor: pointer;
}
.is-modern .f-thumbs__slide {
   width: var(--f-thumb-clip-width);
   transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
   transition: none;
   pointer-events: none;
}
.is-modern.is-resting .f-thumbs__slide {
   transition: transform 0.33s ease;
}
.is-modern.is-resting .f-thumbs__slide__button {
   transition: clip-path 0.33s ease;
}
.is-using-tab .is-modern .f-thumbs__slide:focus-within {
   filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color))
      drop-shadow(2px 0px 0px var(--f-thumb-outline-color))
      drop-shadow(0px -1px 0px var(--f-thumb-outline-color))
      drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}
.f-thumbs__slide__button {
   appearance: none;
   width: var(--f-thumb-width);
   height: 100%;
   margin: 0 -100% 0 -100%;
   padding: 0;
   border: 0;
   position: relative;
   border-radius: var(--f-thumb-border-radius);
   overflow: hidden;
   background: rgba(0, 0, 0, 0);
   outline: none;
   cursor: pointer;
   pointer-events: auto;
   touch-action: manipulation;
   opacity: var(--f-thumb-opacity);
   transition: opacity 0.2s ease;
}
.f-thumbs__slide__button:hover {
   opacity: var(--f-thumb-hover-opacity);
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
   outline: none;
}
.f-thumbs__slide__button:focus-visible {
   outline: none;
   opacity: var(--f-thumb-selected-opacity);
}
.is-modern .f-thumbs__slide__button {
   --clip-path: inset(
      0
         calc(
            ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) *
               (1 - var(--progress, 0)) * 0.5
         )
         round var(--f-thumb-border-radius, 0)
   );
   clip-path: var(--clip-path);
}
.is-classic .is-nav-selected .f-thumbs__slide__button {
   opacity: var(--f-thumb-selected-opacity);
}
.is-classic .is-nav-selected .f-thumbs__slide__button::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: auto;
   bottom: 0;
   border: var(--f-thumb-outline, 0) solid
      var(--f-thumb-outline-color, transparent);
   border-radius: var(--f-thumb-border-radius);
   animation: f-fadeIn 0.2s ease-out;
   z-index: 10;
}
.f-thumbs__slide__img {
   overflow: hidden;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: var(--f-thumb-offset);
   box-sizing: border-box;
   pointer-events: none;
   object-fit: cover;
   border-radius: var(--f-thumb-border-radius);
}
.f-thumbs.is-horizontal .f-thumbs__track {
   padding: 8px 0 12px 0;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
   margin: 0 var(--f-thumb-gap) 0 0;
}
.f-thumbs.is-vertical .f-thumbs__track {
   flex-wrap: wrap;
   padding: 0 8px;
}
.f-thumbs.is-vertical .f-thumbs__slide {
   margin: 0 0 var(--f-thumb-gap) 0;
}
.fancybox__thumbs {
   --f-thumb-width: 96px;
   --f-thumb-height: 72px;
   --f-thumb-border-radius: 2px;
   --f-thumb-outline: 2px;
   --f-thumb-outline-color: #ededed;
   position: relative;
   opacity: var(--fancybox-opacity, 1);
   transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.fancybox__thumbs.is-classic {
   --f-thumb-gap: 8px;
   --f-thumb-opacity: 0.5;
   --f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-classic .f-spinner {
   background-image: linear-gradient(
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.05)
   );
}
.fancybox__thumbs.is-modern {
   --f-thumb-gap: 4px;
   --f-thumb-extra-gap: 16px;
   --f-thumb-clip-width: 46px;
   --f-thumb-opacity: 1;
   --f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-modern .f-spinner {
   background-image: linear-gradient(
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.05)
   );
}
.fancybox__thumbs.is-horizontal {
   padding: 0 var(--f-thumb-gap);
}
.fancybox__thumbs.is-vertical {
   padding: var(--f-thumb-gap) 0;
}
.is-compact .fancybox__thumbs {
   --f-thumb-width: 64px;
   --f-thumb-clip-width: 32px;
   --f-thumb-height: 48px;
   --f-thumb-extra-gap: 10px;
}
.fancybox__thumbs.is-masked {
   max-height: 0px !important;
}
.is-closing .fancybox__thumbs {
   transition: none !important;
}
.fancybox__toolbar {
   --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
   --f-button-width: 46px;
   --f-button-height: 46px;
   --f-button-color: var(--fancybox-color);
   --f-button-hover-color: var(--fancybox-hover-color);
   --f-button-bg: rgba(24, 24, 27, 0.65);
   --f-button-hover-bg: rgba(70, 70, 73, 0.65);
   --f-button-active-bg: rgba(90, 90, 93, 0.65);
   --f-button-border-radius: 0;
   --f-button-svg-width: 24px;
   --f-button-svg-height: 24px;
   --f-button-svg-stroke-width: 1.5;
   --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
   --f-button-svg-fill: none;
   --f-button-svg-disabled-opacity: 0.65;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin: 0;
   padding: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted",
      "Segoe UI", "Liberation Sans", sans-serif;
   color: var(--fancybox-color, currentColor);
   opacity: var(--fancybox-opacity, 1);
   text-shadow: var(
      --fancybox-toolbar-text-shadow,
      1px 1px 1px rgba(0, 0, 0, 0.5)
   );
   pointer-events: none;
   z-index: 20;
}
.fancybox__toolbar :focus-visible {
   z-index: 1;
}
.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
}
.is-idle .fancybox__toolbar {
   pointer-events: none;
   animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__toolbar__column {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: flex-start;
}
.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
   flex-grow: 1;
   flex-basis: 0;
}
.fancybox__toolbar__column.is-right {
   display: flex;
   justify-content: flex-end;
   flex-wrap: nowrap;
}
.fancybox__infobar {
   padding: 0 5px;
   line-height: var(--f-button-height);
   text-align: center;
   font-size: 17px;
   font-variant-numeric: tabular-nums;
   -webkit-font-smoothing: subpixel-antialiased;
   cursor: default;
   user-select: none;
}
.fancybox__infobar span {
   padding: 0 5px;
}
.fancybox__infobar:not(:first-child):not(:last-child) {
   background: var(--f-button-bg);
}
[data-fancybox-toggle-slideshow] {
   position: relative;
}
[data-fancybox-toggle-slideshow] .f-progress {
   height: 100%;
   opacity: 0.3;
}
[data-fancybox-toggle-slideshow] svg g:first-child {
   display: flex;
}
[data-fancybox-toggle-slideshow] svg g:last-child {
   display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
   display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
   display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
   display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
   display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
   display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
   display: flex;
}
.f-progress {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 3px;
   transform: scaleX(0);
   transform-origin: 0;
   transition-property: transform;
   transition-timing-function: linear;
   background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
   z-index: 30;
   user-select: none;
   pointer-events: none;
}
/**
 * Swiper 11.1.15
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 18, 2024
 */
/* FONT_START */
@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;
}
/* FONT_END */
:root {
   --swiper-theme-color: #3d8bff;
   /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
}
: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;
   /* Fix of Webkit flickering */
   z-index: 1;
   display: block;
}
.swiper-vertical > .swiper-wrapper {
   flex-direction: column;
}
.swiper-wrapper {
   position: relative;
   width: 100%;
   height: auto;
   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%;
   position: relative;
   transition-property: transform;
   display: block;
}
.swiper-slide-invisible-blank {
   visibility: hidden;
}
/* Auto Height */
.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;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
   perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
   transform-style: preserve-3d;
}
.swiper-3d {
   perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
   transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
   overflow: auto;
   scrollbar-width: none;
   /* For Firefox */
   -ms-overflow-style: none;
   /* For Internet Explorer and Edge */
}
.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);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
   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:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .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);
   }
}
/* Slide styles end */
.swiper-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
   position: absolute;
   bottom: 0;
   left: 0;
}
.swiper-pagination-disabled .swiper-pagination {
   display: none;
}
.swiper-pagination-bullet {
   background-color: #3d8bff;
   border-radius: 0;
   border: none;
   cursor: pointer;
   display: block;
   height: 16px;
   width: 16px;
   -webkit-transition: width 0.3s ease;
   transition: width 0.3s ease;
}
.swiper-pagination-bullet-active {
   width: 50px;
}
.swiper-wrap {
   position: relative;
}
.swiper-button {
   background-color: #3d8bff;
   background-repeat: no-repeat;
   cursor: pointer;
   width: 44px;
   height: 44px;
   position: absolute;
   top: calc(50% - 22px);
   z-index: 10;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
.swiper-button:hover {
   background-color: #2b50cf;
}
.swiper-button-lock {
   display: none;
}
.swiper-button-prev {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' fill='none' viewBox='0 0 11 20'%3E%3Cpath stroke='%23ffffff' stroke-width='2' d='m9.338.664-8 9 8 9'/%3E%3C/svg%3E");
   background-position: 16px center;
   left: -22px;
}
.swiper-button-next {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' fill='none' viewBox='0 0 11 20'%3E%3Cpath stroke='%23ffffff' stroke-width='2' d='m.747.664 8 9-8 9'/%3E%3C/svg%3E");
   background-position: 18px center;
   right: -22px;
}
body {
   -webkit-text-size-adjust: 100%;
   color: rgba(26, 30, 37, 0.9);
   font-size: 18px;
   margin: 0;
}
a {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   color: #3d8bff;
   cursor: pointer;
   text-decoration: none;
}
img {
   outline: none;
   border: none;
}
a,
a:hover,
a:focus,
input,
input:hover,
input:focus,
input:active,
select,
select:hover,
select:focus,
select:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active,
button,
button:hover,
button:focus,
button:active,
label,
label:hover,
label:focus,
label:active {
   outline: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner {
   border: none;
}
textarea,
input,
select,
button {
   border-radius: 0;
}
button {
   cursor: pointer;
}
p {
   line-height: 1.5;
   margin: 0 0 20px;
}
p:last-child {
   margin-bottom: 0;
}
*,
*:before,
*:after {
   box-sizing: border-box;
   -webkit-tap-highlight-color: transparent;
}
h1,
.h1 {
   color: #1a1e25;
   font-size: 44px;
   font-weight: 700;
   line-height: 1.25;
   margin-top: 0;
   margin-bottom: 0;
}
h2,
.h2 {
   color: #1a1e25;
   font-size: 44px;
   font-weight: 600;
   line-height: 1.25;
   margin-top: 0;
  margin-bottom: 20px;
}
h3,
.h3 {
   color: #1a1e25;
   font-size: 34px;
   font-weight: 600;
   line-height: 1.25;
   margin-top: 0;
   margin-bottom: 20px;
}
h4,
.h4 {
   color: #1a1e25;
   font-size: 28px;
   font-weight: 600;
   line-height: 1.25;
   margin-top: 0;
   margin-bottom: 20px;
}
.subtitle {
   color: #1a1e25;
   font-size: 19px;
   line-height: 1.45;
   font-weight: 500;
   margin-bottom: 28px;
}
.subtext {
   line-height: 1.45;
   margin-bottom: 40px;
   max-width: 740px;
}
.ul {
   line-height: 1.4;
   list-style: none;
   margin: 0;
   padding: 0;
}
.ul:not(:first-child) {
   margin-top: 28px;
}
.ul:not(:last-child) {
   margin-bottom: 28px;
}
.ul li {
   padding-left: 45px;
   position: relative;
}
.ul li::before {
   content: "";
   background-color: #3d8bff;
   width: 4px;
   height: 4px;
   position: absolute;
   top: 12px;
   left: 0;
}
.ul li:not(:last-child) {
   margin-bottom: 20px;
}
.ul-column {
   columns: 2;
}
.ul-column li {
   page-break-inside: avoid;
   padding-left: 16px;
}
.btn {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   background-color: #3d8bff;
   border: none;
   border: none;
   border-radius: 0;
   box-shadow: none;
   box-sizing: border-box;
   color: #fff;
   cursor: pointer;
   font-size: 19px;
   font-weight: 500;
   line-height: 23px;
   min-width: 250px;
   padding: 16px 25px 21px;
   text-align: center;
   text-decoration: none;
}
.btn svg:not(:only-child) {
   fill: none;
   stroke: currentColor;
   margin-left: 16px;
   margin-bottom: 1px;
}
.btn:hover {
   background-color: #1a1e25;
   color: #fff;
}
.btn:active {
   background-color:  #1a1e25;
   color: #fff;
}
.btn--border {
   background-color: transparent;
   border: 1px solid #3d8bff;
   color: #3d8bff;
   padding: 15px 24px 20px;
}
.btn--border:hover {
   background-color: #3d8bff;
   border-color: #3d8bff;
   color: #fff;
}
.btn--border:active {
   background-color: #1530af;
   border-color: #1530af;
   color: #fff;
}
.btn--light {
   background-color: #fff;
   color: #3d8bff;
}
.btn--light:hover {
   background-color: #a1c7ff;
   color: #3d8bff;
}
.btn--light:active {
   background-color: #a1c7ff;
   color: #3d8bff;
}
.btn--light.btn--border {
   background-color: transparent;
   border-color: #fff;
   color: #fff;
}
.btn--light.btn--border:hover {
   background-color: #fff;
   border-color: #fff;
   color: #3d8bff;
}
.btn--light.btn--border:active {
   background-color: #fff;
   border-color: #fff;
   color: #3d8bff;
}
.btn--small {
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   min-width: 0;
   padding: 13px 23px 16px;
}
.btn--icon {
   min-width: 0;
   padding: 11px;
}
.btn--icon svg {
   display: block;
   fill: currentColor;
   width: 27px;
   height: 27px;
}
.btn--blink {
   overflow: hidden;
   position: relative;
}
.btn--blink::after {
   background-image: linear-gradient(
      to left,
      transparent 0%,
      #fff 40%,
      #fff 60%,
      transparent 100%
   );
   content: "";
   width: 100%;
   height: 200%;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0.5;
   filter: blur;
   -webkit-transform: translate(-100%, -25%) rotate(10deg);
   -ms-transform: translate(-100%, -25%) rotate(10deg);
   transform: translate(-100%, -25%) rotate(10deg);
   animation: blick 5s infinite;
}
@keyframes blick {
   0% {
      -webkit-transform: translate(-100%, -25%) rotate(10deg);
      -ms-transform: translate(-100%, -25%) rotate(10deg);
      transform: translate(-100%, -25%) rotate(10deg);
   }
   20% {
      -webkit-transform: translate(100%, -25%) rotate(10deg);
      -ms-transform: translate(100%, -25%) rotate(10deg);
      transform: translate(100%, -25%) rotate(10deg);
   }
   100% {
      -webkit-transform: translate(100%, -25%) rotate(10deg);
      -ms-transform: translate(100%, -25%) rotate(10deg);
      transform: translate(100%, -25%) rotate(10deg);
   }
}
.right-button {
   margin-top: 60px;
   text-align: right;
}
.form__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 24px;
}
.form__row:not(:last-child) {
   margin-bottom: 24px;
}
.form__column {
   width: 50%;
}
.form__element:not(:last-child) {
   margin-bottom: 24px;
}
.form__element .btn {
   width: 100%;
}
.inputbox {
   background-color: #edf4ff;
   border: 1px solid #cfe1fe;
   box-shadow: none;
   box-sizing: border-box;
   color: #1a1e25;
   display: inline-block;
   font-size: 18px;
   padding: 16px 18px 20px;
   width: 100%;
}
.inputbox::-webkit-input-placeholder {
   color: #1a1e25;
   opacity: 1;
}
.inputbox::-moz-placeholder {
   color: #1a1e25;
   opacity: 1;
}
.inputbox:-moz-placeholder {
   color: #1a1e25;
   opacity: 1;
}
.inputbox:-ms-input-placeholder {
   color: #1a1e25;
   opacity: 1;
}
textarea.inputbox {
   height: 228px;
   resize: none;
}
.checkbox {
   position: relative;
}
.checkbox input {
   position: absolute;
   height: 1px;
   width: 1px;
   margin: -1px;
   border: 0;
   padding: 0;
   clip: rect(0 0 0 0);
   overflow: hidden;
   top: 100%;
}
.checkbox input:checked + span::after {
   transform: scale(1);
}
.checkbox span {
   color: rgba(26, 30, 37, 0.6);
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
   padding-left: 38px;
   position: relative;
}
.checkbox span::before {
   content: "";
   border: 1px solid #3d8bff;
   width: 28px;
   height: 28px;
   position: absolute;
   top: 0;
   left: 0;
}
.checkbox span::after {
   background-color: #3d8bff;
   background-image: url("assets/images/icon-check.svg");
   background-position: center center;
   background-repeat: no-repeat;
   content: "";
   width: 28px;
   height: 28px;
   position: absolute;
   top: 0;
   left: 0;
   transform: scale(0);
   transition: all 0.3s ease;
}
.checkbox span a {
   color: inherit;
   text-decoration: underline;
}
.checkbox span a:hover {
   text-decoration: none;
}
footer {
   background-color: #2c394c;
   padding-left: var(--padding-horizontal);
   padding-right: var(--padding-horizontal);
   padding-bottom: 14px;
}
.footer-top {
   border-bottom: 1px solid rgba(167, 179, 200, 0.25);
   padding-top: 10px;
   padding-bottom: 10px;
}
.footer-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   list-style: none;
   margin: 0;
   padding: 0;
}
.footer-menu > li {
   position: relative;
}
.footer-menu > li > a {
   display: block;
   color: #fff;
   font-size: 17px;
   font-weight: 600;
   line-height: 20px;
}
.footer-middle {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-top: 10px;
   padding-bottom: 10px;
}
.footer-contacts {
   font-size: 15px;
}
.footer-contacts__tel {
   color: #fff;
}
.footer-contacts__sub {
   display: block;
   color: rgba(167, 179, 200, 0.42);
   font-size: 13px;
   margin-top: 4px;
}
.footer-contacts__mail {
   border-bottom: 1px dotted;
   color: #fff;
}
.footer-contacts__address {
   color: #fff;
}
.footer-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   max-width: 500px;
   padding-top: 8px;
}
.footer-information {
   color: rgba(167, 179, 200, 0.45);
   font-size: 13px;
}
.footer-details {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   font-size: 13px;
}
.footer-details a {
   color: rgba(167, 179, 200, 0.45);
   text-decoration: underline;
   white-space: nowrap;
}
.footer-details a:hover {
   text-decoration: none;
}
.scroll-to-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #3d8bff;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='11' fill='none' viewBox='0 0 22 11'%3E%3Cpath stroke='%23fff' stroke-width='2' d='m.625 9.28 10-8 10 8'/%3E%3C/svg%3E");
   background-position: center center;
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
   font-size: 0;
   width: 46px;
   height: 46px;
   padding: 0;
   position: fixed;
   bottom: -46px;
   right: calc(50% + 590px);
   -webkit-transition: bottom 0.3s ease;
   transition: bottom 0.3s ease;
   z-index: 400;
}
.scroll-to-top.show {
   bottom: 0;
}
header {
   padding-left: var(--padding-horizontal);
   padding-right: var(--padding-horizontal);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 500;
   
}
header.fixed {
   background-color: #fff;
   box-shadow: 0 4px 0 rgba(18, 70, 148, 0.2);
   position: fixed;
}

header .header-notfixed {
   display: none;
}

header.fixed .header-notfixed {
   display: block;
}

header.fixed .header-top {
   display: none;
}
header.fixed .search {
   display: none;
}
header.fixed .header-nav {
   gap: 40px;
   padding-top: 6px;
   padding-bottom: 6px;
}
header.fixed .header-nav .logo {
   display: block;
}
header.fixed .header-nav__button {
   display: block;
}
header.fixed .menu::after {
   display: none;
}
header.fixed .menu > li > a {
   font-size: 15px;
   padding: 13px 0;
}
header.fixed .menu > li > a::before {
   height: 2px;
   top: auto;
   bottom: -6px;
}
header.fixed .menu > li.menu-item-has-children > a {
   padding-right: 17px;
}
header.fixed .menu > li.menu-item-has-children > a::after {
   top: 20px;
}
header.fixed .mega-menu {
   top: 100%;
}
header.fixed .mega-menu::before {
   display: none;
}
.header-top {
   border-bottom: 1px solid rgba(167, 179, 200, 0.49);
   padding-top: 12px;
   padding-bottom: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.logo {
   display: block;
}
.logo img {
   display: block;
}
.header-contacts__tel {
   color: #1a1e25;
   font-size: 17px;
   font-weight: 600;
}
.header-contacts__tel:hover {
   color: #3d8bff;
}
.header-contacts__sub {
   display: block;
   color: #a7b3c8;
   font-size: 14px;
   margin-top: 2px;
}
.header-contacts__mail {
   border-bottom: 1px dotted;
   color: #1a1e25;
   font-size: 17px;
}
.header-contacts__mail:hover {
   color: #3d8bff;
}
.header-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   gap: 24px;
}
.header-buttons .btn--blink svg {
   display: none;
   width: 23px;
   height: 23px;
   margin-left: 0;
   margin-bottom: 0;
}
.menu-toggle {
   display: none;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: transparent;
   border: 2px solid #3d8bff;
   color: #3d8bff;
   cursor: pointer;
   font-size: 0;
   padding: 0;
   width: 45px;
   height: 45px;
}
.menu-toggle svg {
   fill: currentColor;
   width: 20px;
   height: 15px;
}
.menu-toggle .close {
   display: none;
}
.header-nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative;
}
.header-nav .logo {
   display: none;
}
.header-nav__button {
   display: none;
}
.header-nav__button .btn--small {
   padding: 10px 21px 13px;
}

/* Стили для результатов поиска */
.search-results-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   margin-top: 20px;
}

.search-result-card {
   background-color: #f8f9fa; /* Мягкий фон */

   overflow: hidden;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.search-result-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.search-result-image {
   width: 100%;
   height: auto;
   overflow: hidden;
}

.search-result-img {
   width: 100%;
   height: auto;
   object-fit: fill;
   aspect-ratio: 5/3;
   display: block;
}

.search-result-title {
   padding: 15px;
   text-align: left;
}

.search-result-title a {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 8px;
   color: #3d8bff;
   text-decoration: none;
   font-weight: 600;
   font-size: 1em;
   line-height: 1.4;
   transition: color 0.2s ease;
}

.search-result-title a:hover {
   color: #000;
}

.search-result-title svg {
   width: 16px;
   height: 16px;
   fill: none;
   stroke: currentColor;
   stroke-width: 2;
}

/* Адаптивность */
@media (max-width: 768px) {
   .search-results-grid {
      grid-template-columns: 1fr;
   }
}

@media (min-width: 769px) and (max-width: 1024px) {
   .search-results-grid {
      grid-template-columns: repeat(2, 1fr);
   }
}

body.search,
body.search.open {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: auto;
   top: auto;
}

.search {
   width: 49px;
   height: 49px;
   position: absolute;
   top: 4px;
   right: 0;
   z-index: 170;
   overflow: hidden;
   -webkit-transition: width 0.3s ease;
   transition: width 0.3s ease;
}
.search.open {
   overflow: visible;
   width: 496px;
}
.search.open .search__input {
   color: #1a1e25;
}
.search__form {
   position: relative;
   clip-path: inset(0 0 0 0);
}
.search__input {
   border: none;
   color: transparent;
   font-size: 17px;
   padding: 14px 66px 15px 17px;
   width: 100%;
   height: 100%;
}
.search__button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background: none;
   border: none;
   cursor: pointer;
   padding: 0;
   width: 49px;
   height: 49px;
   position: absolute;
   top: 0;
   right: 0;
}
.search__button svg {
   stroke: #3d8bff;
   fill: none;
   width: 24px;
   height: 24px;
}
.menu-wrap {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
}

.current_page_item > a,
.current-menu-item > a {
   color: #3d8bff !important;
}

.menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   list-style: none;
   margin: 0;
   padding: 0;
}

.menu::after {
   content: "";
   display: block;
   width: 49px;
   height: 49px;
}

.menu > li {
   position: relative;
}

.menu > li > a {
   display: block;
   color: #1a1e25;
   font-size: 17px;
   font-weight: 600;
   padding: 20px 0 16px;
}

.menu > li > a::before,
.current_page_item > a::before,
.current-menu-item > a::before {
   background-color: #3d8bff;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 1px;
   transform-origin: center;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: transform 0.3s ease;
   transition: transform 0.3s ease;
}

.menu > li > a:hover {
   color: #3d8bff;
}

.menu > li > a:hover::before {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1);
}

.current_page_item > a::before,
.current-menu-item > a::before {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1) !important;
}

@media all and (min-width: 1041px) {
   .menu > li {
      /*&:last-child > .sub-menu > li:first-child > a:first-child::after {
                border-color: transparent #F5FAFF #F5FAFF transparent;
                left: auto;
                right: 0;
            }

            &:last-child > .sub-menu > li:first-child:hover a::after {
                border-color: transparent #E5F1FF #E5F1FF transparent !important;
            }

            &:last-child > .sub-menu {
                border-radius: 10px 0 10px 10px
            }

            &:last-child > .sub-menu > li:first-child::before {
                border-radius: 10px 0 0 0;
            }*/
   }
   .menu > li > .sub-menu > li:first-child > a:first-child::after {
      border-color: transparent transparent #fff transparent;
      border-width: 10px 13px;
      border-style: solid;
      content: "";
      position: absolute;
      top: -20px;
      left: 0;
      -webkit-transition: border-color 0.3s ease;
      transition: border-color 0.3s ease;
   }
}
.menu > li.is-active > a::before {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1);
}
.menu > li.menu-item-has-children > a {
   padding-right: 17px;
}
.menu > li.menu-item-has-children > a::after {
   content: "";
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%233d8bff' stroke-linecap='square' stroke-width='2' d='m1.41 1.41 3.5 3 3.5-3'/%3E%3C/svg%3E");
   width: 10px;
   height: 6px;
   position: absolute;
   top: 29px;
   right: 0;
}
@media all and (min-width: 1025px) {
   .menu > li.menu-item-has-children:hover > .sub-menu {
      opacity: 1;
      pointer-events: auto;
   }
}
.menu > .mega-menu-has-children {
   position: initial;
}
.menu > .mega-menu-has-children > a {
   position: relative;
}
.menu > .mega-menu-has-children:hover .mega-menu {
   opacity: 1;
   pointer-events: auto;
}
.sub-menu::before {
   z-index: 500;
}
.sub-menu > li::before {
   z-index: 501;
}
.sub-menu > li::after {
   z-index: 500;
}
.sub-menu > li > a {
   z-index: 502;
}
.sub-menu .sub-menu::before {
   z-index: 400;
}
.sub-menu .sub-menu > li::before {
   z-index: 401;
}
.sub-menu .sub-menu > li::after {
   z-index: 400;
}
.sub-menu .sub-menu > li > a {
   z-index: 402;
}
.sub-menu .sub-menu .sub-menu::before {
   z-index: 300;
}
.sub-menu .sub-menu .sub-menu > li::before {
   z-index: 301;
}
.sub-menu .sub-menu .sub-menu > li::after {
   z-index: 300;
}
.sub-menu .sub-menu .sub-menu > li > a {
   z-index: 302;
}
.sub-menu {
   background-color: #fff;
   list-style: none;
   margin: 0;
   padding: 0;
   position: absolute;
   top: calc(100% + 2px);
   left: 0;
   opacity: 0;
   pointer-events: none;
}
@media all and (min-width: 1025px) {
   .sub-menu::before {
      background-color: #fff;
      box-shadow: 0px 2.77px 2.21px 0px #3d8bff02,
         0px 6.65px 5.32px 0px #3d8bff03, 0px 12.52px 10.02px 0px #3d8bff04,
         0px 22.34px 17.87px 0px #3d8bff05, 0px 41.78px 33.42px 0px #3d8bff05,
         0px 100px 80px 0px #3d8bff08;
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      pointer-events: none;
   }
   .sub-menu::after {
      content: "";
      height: 10px;
      position: absolute;
      top: -10px;
      left: 0;
      right: 0;
   }
}
.sub-menu > li {
   margin-bottom: -1px;
   position: relative;
   /*&.accent {
            svg {
                fill: currentColor;
                width: 25px;
                height: 22px;
                margin-right: 6px;
            }

            & > a {
                .display-flex();
                .align-items-center();
            }

            @media all and (min-width: 1025px) {
                &::after {
                    content: '';
                    background-color: #FFE4DC;
                    border-radius: 60px;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 13px;
                    left: 13px;
                }
            }

            &:last-child::after {
                bottom: 15px;
            }

            &:last-child:hover::before {
                bottom: 15px;
            }
        }*/
}
@media all and (min-width: 1041px) {
   .sub-menu > li {
      /*&::before {
                background-color: #E5F1FF;
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                opacity: 0;
                .transition(opacity);
            }*/
   }
   .sub-menu > li:first-child > a {
      padding-top: 20px;
   }
   .sub-menu > li:last-child > a {
      padding-bottom: 20px;
   }
   .sub-menu > li:not(:last-child)::after {
      content: "";
      border-bottom: 1px solid #e5ecf6;
      position: absolute;
      bottom: 0;
      left: 20px;
      right: 20px;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
   }
}

.sub-menu > li > a {
   display: block;
   color: #646973;
   font-size: 14px;
   padding: 7px 20px;
   white-space: nowrap;
   position: relative;
}
.sub-menu > li.menu-item-has-children > a {
   padding-right: 39px;
   position: relative;
}
.sub-menu > li.menu-item-has-children > a::before {
   content: "";
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none' viewBox='0 0 6 10'%3E%3Cpath stroke='%233d8bff' stroke-linecap='square' stroke-width='1.5' d='m1.058 8.057 3-3.5-3-3.5'/%3E%3C/svg%3E");
   width: 6px;
   height: 10px;
   position: absolute;
   top: calc(50% - 5px);
   right: 20px;
   z-index: 600;
}
.sub-menu > li.menu-item-has-children:first-child > a::before {
   top: calc(50% + 3px);
}
.sub-menu > li.menu-item-has-children:last-child > a::before {
   top: calc(50% - 10px);
}
.sub-menu > li.menu-item-has-children:hover > .sub-menu {
   opacity: 1;
   pointer-events: auto;
}
.sub-menu > li.menu-item-has-children:hover > a::before {
   content: "";
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none' viewBox='0 0 6 10'%3E%3Cpath stroke='%23ffffff' stroke-linecap='square' stroke-width='1.5' d='m1.058 8.057 3-3.5-3-3.5'/%3E%3C/svg%3E");
}
@media all and (min-width: 1041px) {
   .sub-menu > li:hover::after {
      opacity: 0;
   }
   .sub-menu > li:hover > a {
      background-color: #3d8bff;
      color: #fff;
   }
   .sub-menu > li:hover > a::after {
      border-color: transparent transparent #3d8bff transparent !important;
   }
}
.sub-menu .sub-menu {
   top: 0;
   left: 100%;
}
@media all and (min-width: 1041px) {
   .sub-menu .sub-menu > li:hover > a {
      background-color: transparent;
      color: #3d8bff;
   }
   .sub-menu .sub-menu > li:hover::after {
      opacity: 1;
   }
}
.mega-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   flex-flow: row wrap;
   background-color: #fff;
   font-size: 14px;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
   position: absolute;
   top: calc(100% + 2px);
   left: 0;
   opacity: 0;
   pointer-events: none;
   box-shadow: 0px 2.77px 2.21px 0px #3d8bff02, 0px 6.65px 5.32px 0px #3d8bff03,
      0px 12.52px 10.02px 0px #3d8bff04, 0px 22.34px 17.87px 0px #3d8bff05,
      0px 41.78px 33.42px 0px #3d8bff05, 0px 100px 80px 0px #3d8bff08;
}
@media all and (min-width: 1041px) {
   .mega-menu::before {
      background-color: transparent;
      box-shadow: none;
      border-color: transparent transparent #fff transparent;
      border-width: 10px 13px;
      border-style: solid;
      content: "";
      position: absolute;
      bottom: auto;
      top: -20px;
      left: 16.5%;
      right: auto;
      -webkit-transition: border-color 0.3s ease;
      transition: border-color 0.3s ease;
   }
   .mega-menu > li:not(:last-child)::after {
      display: none;
   }
}
.mega-menu::after {
   content: "";
   height: 10px;
   position: absolute;
   top: -10px;
   left: 0;
   right: 0;
}
.mega-menu__column {
   border-bottom: 1px solid rgba(167, 179, 200, 0.3);
   border-left: 1px solid rgba(167, 179, 200, 0.3);
   padding: 16px 48px;
   width: 25%;
}
.mega-menu__column:first-child {
   border-left: none;
}
.mega-menu__column.full {
   border-bottom: none;
   border-left: none;
   padding: 16px 0;
   width: 100%;
}
.mega-menu__column.full .mega-menu-column__title {
   padding: 0 48px;
}
.mega-menu__column.full .mega-menu__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.mega-menu__column.full .mega-menu__list-item {
   padding: 0 48px;
   width: 25%;
}
.mega-menu__column.full .mega-menu__list-item:not(:last-child) {
   margin-bottom: 0;
}
.mega-menu-column__stage {
   display: inline-block;
   background-color: #f7faff;
   color: rgba(26, 30, 37, 0.6);
   margin-bottom: 4px;
   padding: 0 5px 3px;
}
.mega-menu-column__title {
   font-weight: 600;
}
.mega-menu__list {
   list-style: none;
   margin: 12px 0 0;
   padding: 0;
}
.mega-menu__list-item:not(:last-child) {
   margin-bottom: 18px;
}
.mega-menu__list-item > a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 9px;
   color: #646973;
}
.mega-menu__list-item > a:hover {
   color: #3d8bff;
}
.mega-menu__list-item > a:hover .mega-menu__list-icon {
   background-color: #3d8bff;
}
.mega-menu__list-item > a:hover .mega-menu__list-icon img {
   filter: grayscale(100%) brightness(0) invert(1);
}
.mega-menu__list-icon {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #f7faff;
   width: 32px;
   height: 32px;
   margin: 2px 0;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
main {
   background-color: #f7faff;
   position: relative;
   overflow: clip;
}
.section {
   padding-left: var(--padding-horizontal);
   padding-right: var(--padding-horizontal);
   padding-top: 56px;
   padding-bottom: 56px;
}

.section-h {
   padding-left: var(--padding-horizontal);
   padding-right: var(--padding-horizontal);
   padding-top: 10px;
   padding-bottom: 10px;
}

.section-h {
	padding-left: 0px;
    padding-right: 0px;
	
}

.section-y {
	padding-top: 10px;
    padding-bottom: 10px;
	padding-left: var(--padding-horizontal);
   padding-right: var(--padding-horizontal);
}
.section--light {
   background-color: #fff;
   margin-top: 56px;
   margin-bottom: 56px;
   padding-top: 76px;
   padding-bottom: 76px;
}
.about-section {
   line-height: 1.5;

   padding-top: 128px;
   padding-bottom: 128px;
}
.about-section h2,
.about-section .h2 {
   margin-bottom: 20px;
}
.about-section .subtitle {
   max-width: 500px;
}
.about-section p {
   margin-bottom: 40px;
}
.about {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 64px;
   position: relative;
}
.about:first-child {
   gap: 112px;
}
.about:first-child .about__image {
   margin-top: 20px;
}
.about:last-child {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   margin-top: -10px;
}
.about__text {
   max-width: 100%;
}
.about__image {
   flex: 0 0 auto;
   aspect-ratio: 1;
   max-width: 30%;
}
.about__image img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.about-inner-section {
   overflow: visible;
}
.about-inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative;
}
.about-inner__description {
   max-width: 60%;
   padding-right: 40px;
}
.about-inner__text:not(:last-child) {
   margin-bottom: 50px;
}
.about-inner__image {
   max-width: 40%;
}
.about-inner__image img {
   display: block;
   max-width: 100%;
}
.about__square-1 {
   background-image: url("assets/images/square-left.svg");
   background-position: right center;
   background-repeat: no-repeat;
   position: absolute;
   top: -20px;
   left: 100%;
   width: 390px;
   height: 40px;
}
.about__square-2 {
   background-image: url("assets/images/square-right.svg");
   background-position: right center;
   background-repeat: no-repeat;
   position: absolute;
   bottom: -40px;
   right: 100%;
   width: 197px;
   height: 40px;
}
.about__square-3 {
   background-image: url("assets/images/square-right-long.svg");
   background-position: right center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   right: calc(100% + 30px);
   width: 390px;
   height: 40px;
}
.what-section {
   background-color: #fff;
   background-image: url("assets/images/what-bg.png");
   background-position: right center;
   background-repeat: no-repeat;
   /* overflow: hidden; */
   padding-top: 60px;
   padding-bottom: 60px;
}
.what {
   position: relative;
}
.what .subtitle {
   max-width: 524px;
}
.what .big {
   font-size: 23px;
   font-weight: 600;
   line-height: normal;
}
.what__description {
   max-width: 662px;
   position: relative;
   z-index: 5;
}
.what__text {
   max-width: 512px;
}
.what__image {
   pointer-events: none;
   position: absolute;
   top: 15%;
   right: -180px;
}

@media (min-width: 1280px) {
	.1what__image {
    
   right:  -90px;
}
}


@media (min-width: 768px) and (max-width: 1280px) {
		.what__image {
    
   right:  0px;
}
}

.what__image img {
   display: block;
   max-width: 100%;
}
.what__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: flex-start;
   gap: 32px;
   margin-top: 40px;
}
.what__buttons p {
   margin-bottom: 0;
}

.services__tabs {
  display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    background-color: #f7faff;
    /* overflow: auto;  <-- убрать здесь */
    padding-top: 12px;
    padding-bottom: 12px;
    position: sticky;
    top: 56px;
    margin-bottom: 52px;
    z-index: 20;
}
.services__tab {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 4px;
   cursor: pointer;
}
.services__tab:hover .services__tab-title {
   color: #7992b7;
}
.services__tab:hover .services__tab-title span {
   border-bottom-color: transparent;
}
.services__tab-stage {
   background-color: #fff;
   color: rgba(121, 146, 183, 0.61);
   font-size: 15px;
   padding: 1px 5px 3px;
}
.services__tab-title {
   color: #3d8bff;
   font-size: 16px;
   font-weight: 500;
   -webkit-transition: color 0.3s ease;
   transition: color 0.3s ease;
}
.services__tab-title span {
   border-bottom: 1px dotted;
   -webkit-transition: border 0.3s ease;
   transition: border 0.3s ease;
}
.service:not(:last-child) {
   margin-bottom: 68px;
}
.service__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   gap: 12px;
   margin-bottom: 20px;
}
.service__title h3 {
   margin-bottom: 0;
}
.service__stage {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   background-color: #e2ecfa;
   color: #7992b7;
   font-size: 27px;
   padding: 0 10px 2px;
}
.service__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   flex-flow: row wrap;
   gap: 24px;
}
.service__item {
   aspect-ratio: 364 / 348;
   background-color: #fff;
   background-image: url("assets/images/service-bg.png");
   background-position: right bottom;
   background-repeat: no-repeat;
   color: #1a1e25;
   overflow: hidden;
   min-height: 348px;
   padding: 28px 24px;
   position: relative;
   width: calc(33.333333% - 16px);
   -webkit-transition: color 0.3s ease, background 0.3s ease;
   transition: color 0.3s ease, background 0.3s ease;
}
.service__item:hover {
   background-color: #3d8bff;
   color: #fff;
}
.service__item:hover .service__item-image::before {
   background-color: #0f68ed;
}
.service__item:hover .service__item-image::after {
   background-color: #fff;
}
.service__item:hover .service__item-svg {
   background-color: #fff;
}
.service__item:hover .service__item-svg svg {
   fill: #3d8bff;
}
.service__item:hover .service__item-arrow {
   stroke: #fff;
}
.service__item .btn {
   margin-top: 30px;
}
.service__item-1 .service__item-image::before {
   bottom: -20px;
}
.service__item-1 .service__item-image::after {
   bottom: 88px;
   right: 139px;
}
.service__item-2 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: -7px;
   right: 78px;
}
.service__item-2 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 26px;
   bottom: 47px;
   right: 21px;
}
.service__item-2 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 38px;
   right: 31px;
}
.service__item-2 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-3 .service__item-image::before {
   bottom: 36px;
   right: 0;
}
.service__item-3 .service__item-image::after {
   width: 17px;
   height: 21px;
   bottom: 135px;
   right: 36px;
}
.service__item-4 .service__item-image::before {
   bottom: 23px;
   right: -6px;
}
.service__item-4 .service__item-image::after {
   bottom: 135px;
   right: 28px;
}
.service__item-5 .service__item-image::before {
   bottom: 19px;
   right: -6px;
}
.service__item-5 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 110px;
   right: 47px;
}
.service__item-5 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 21px;
   right: 79px;
}
.service__item-5 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-6 .service__item-image::before {
   bottom: -46px;
   right: 68px;
}
.service__item-6 .service__item-image::after {
   bottom: 135px;
   right: 28px;
}
.service__item-6 .service__item-svg {
   right: 46px;
}
.service__item-7 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: -7px;
   right: 78px;
}
.service__item-7 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 18px;
   height: 21px;
   bottom: 107px;
   right: 123px;
}
.service__item-7 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 37px;
   right: 31px;
}
.service__item-7 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-8 .service__item-image::before {
   bottom: -66px;
   right: -9px;
}
.service__item-8 .service__item-image::after {
   width: 16px;
   height: 20px;
   bottom: 82px;
   right: 139px;
}
.service__item-9 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: 7px;
   right: -21px;
}
.service__item-9 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 26px;
   bottom: 114px;
   right: 124px;
}
.service__item-9 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 37px;
   right: 31px;
}
.service__item-9 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-10 .service__item-image::before {
   bottom: -69px;
   right: -6px;
}
.service__item-10 .service__item-image::after {
   width: 17px;
   height: 21px;
   bottom: 101px;
   right: 23px;
}
.service__item-11 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: -8px;
   right: 78px;
}
.service__item-11 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 25px;
   bottom: 22px;
   right: 123px;
}
.service__item-11 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 38px;
   right: 31px;
}
.service__item-11 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-12 .service__item-image::before {
   bottom: -46px;
   right: -24px;
}
.service__item-12 .service__item-image::after {
   width: 21px;
   height: 25px;
   bottom: 54px;
   right: 97px;
}
.service__item-12 .service__item-svg {
   bottom: 86px;
   right: 31px;
}
.service__item-13 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: -9px;
   right: 78px;
}
.service__item-13 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 25px;
   bottom: 49px;
   right: 21px;
}
.service__item-13 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   right: 31px;
   bottom: 36px;
}
.service__item-13 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-14 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: 4px;
   right: -17px;
}
.service__item-14 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 26px;
   bottom: 117px;
   right: 123px;
}
.service__item-14 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 37px;
   right: 31px;
}
.service__item-14 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-15 .service__item-image {
   right: 22px;
}
.service__item-15 .service__item-image svg {
   display: block;
}
.service__item-15 .service__item-image::before {
   display: none;
}
.service__item-15 .service__item-image::after {
   display: none;
}
.service__item-15:hover .btn {
   background-color: #fff;
   color: #3d8bff;
}
.service__item-image {
   pointer-events: none;
   position: absolute;
   bottom: 0;
   right: 0;
}
.service__item-image::before {
   background-color: #deebff;
   content: "";
   display: block;
   width: 103px;
   height: 125px;
   position: absolute;
   right: 0;
   z-index: 5;
   transform-origin: 0 0;
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
.service__item-image::after {
   background-color: #3d8bff;
   content: "";
   display: block;
   width: 26px;
   height: 32px;
   position: absolute;
   z-index: 5;
   transform-origin: 0 0;
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
.service__item-svg {
   background-color: #3d8bff;
   content: "";
   display: block;
   width: 86px;
   height: 104px;
   position: absolute;
   bottom: 70px;
   right: 47px;
   z-index: 10;
   transform-origin: 0 0;
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
.service__item-svg svg {
   fill: #fff;
   position: absolute;
   top: -25px;
   left: 0;
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
.service__item-title {
   font-weight: 600;
   margin-bottom: 15px;
   width: 170px;
}
.service__item-text {
   font-size: 15px;
   opacity: 0.6;
}
.service__item-arrow {
   stroke: #3d8bff;
   fill: none;
   width: 59px;
   height: 16px;
   position: absolute;
   bottom: 132px;
   left: 24px;
   -webkit-transition: stroke 0.3s ease;
   transition: stroke 0.3s ease;
}
.cases {
   background-image: url("assets/images/case-bg.svg"),
      linear-gradient(180deg, #3d8bff 0%, #1f5cff 100%);
   background-position: center bottom, left top;
   background-repeat: no-repeat, repeat;
   color: #fff;
   margin-top: 56px;
   margin-bottom: 56px;
   padding-top: 104px;
   padding-bottom: 104px;
}
.cases h2,
.cases .h2 {
   color: #fff;
}
.cases .swiper-button {
   background-color: #fff;
}
.cases .swiper-button:hover {
   background-color: #e0edff;
}
.cases .swiper-button-prev {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' fill='none' viewBox='0 0 11 20'%3E%3Cpath stroke='%233d8bff' stroke-width='2' d='m9.338.664-8 9 8 9'/%3E%3C/svg%3E");
}
.cases .swiper-button-next {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' fill='none' viewBox='0 0 11 20'%3E%3Cpath stroke='%233d8bff' stroke-width='2' d='m.747.664 8 9-8 9'/%3E%3C/svg%3E");
}
.cases-slider:not(.swiper-initialized) .swiper-wrapper {
   gap: 24px;
}
.cases-slider:not(.swiper-initialized) .swiper-slide {
   width: calc(33.333333% - 16px);
}
.cases-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 4) {
   display: none;
}
.case {
   height: 505px;
   position: relative;
   perspective: 1000px;
   transform-style: preserve-3d;
}
.case:hover .case__front {
   transform: rotateY(-180deg);
}
.case:hover .case__back {
   transform: rotateY(0deg);
}
.case__front,
.case__back {
   height: 100%;
   width: 100%;
   backface-visibility: hidden;
   transition: transform 0.6s;
   transform-style: preserve-3d;
}
.case__front {
   position: absolute;
   top: 0;
   left: 0;
   color: #fff;
   -webkit-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   transform: rotateY(0deg);
       background-size: cover;
}
.case__front-inner {
   background-color: rgba(0, 0, 0, 0.63);
   height: 100%;
   padding: 44px 32px;
}
.case__back {
   background-image: linear-gradient(-139.676deg, #ffffff 0%, #e0edff 100%);
   color: #1a1e25;
   padding: 20px 32px;
   -webkit-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   transform: rotateY(180deg);
}
.case__back .case__title {
   margin-bottom: 20px;
}
.case__back ul {
   margin: 0;
   padding-left: 10px;
}
.case__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   min-height: 45px;
   margin-bottom: 64px;
}
.case__logo img {
   max-width: 100%;
}
.case__title {
   font-size: 20px;
   font-weight: 600;
   line-height: 1.3;
   margin-bottom: 36px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.case__point:not(:last-child) {
   margin-bottom: 24px;
}
.case__point-tag {
   display: inline-block;
   background-color: #d8e8ff;
   color: #1a1e25;
   font-size: 15px;
   margin-bottom: 5px;
   padding: 1px 5px 2px;
   text-transform: uppercase;
       margin-left: -5px;
   }
   
   div.case__point-text > ul > li:nth-child(n)::marker {
	  color: #3d8bff; 
	  
   }
 
ul.wp-block-list{
  list-style: none;   
  padding-left: 0;    
  margin-left: 0;
}

.wp-block-list ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-block-list li{
  position: relative;
  padding-left: 14px;
}
/*
.wp-block-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;                
  width: 6px;
  height: 6px;
  background: #3d8bff;
  transform: translateY(-50%);
}
*/
  
  
.case__point-text ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.case__point-text li{
  position: relative;
  padding-left: 14px;
}

.case__point-text li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;                
  width: 6px;
  height: 6px;
  background: #3d8bff;
  transform: translateY(-50%);
}

   
   
.case__point-text {
   font-size: 15px;
   line-height: 1.25;
   opacity: 0.75;
}
.case__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   color: #3d8bff;
   font-size: 15px;
   font-weight: 500;
}
.case__link svg {
   fill: none;
   stroke: currentColor;
   margin-left: 8px;
   margin-top: 3px;
}

.testimonials-slider:not(.swiper-initialized) .swiper-wrapper {
   gap: 24px;
}
.testimonials-slider:not(.swiper-initialized) .swiper-slide {
   width: calc(33.333333% - 16px);
}
.testimonials-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 4) {
   display: none;
}
.testimonial__inner {
   background-color: #fff;
   display: block;
   height: 100%;
   padding: 36px;
}
.testimonial__inner.video {
   padding: 0;
   position: relative;
}
.testimonial__inner.video .testimonial__info-photo {
   width: 100%;
   height: 100%;
}
.testimonial__inner.video .testimonial__info-description {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
   color: #fff;
   padding: 48px 36px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 480px;
}
.testimonial__inner.video .testimonial__info-description::before {
   content: "";
   background-color: #fff;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' fill='none' viewBox='0 0 16 22'%3E%3Cpath fill='%233d8bff' d='M16 11 0 22V0z'/%3E%3C/svg%3E");
   background-position: center center;
   background-repeat: no-repeat;
   width: 48px;
   height: 48px;
   margin-bottom: 14px;
}
.testimonial__inner.image {
   padding: 36px;
   position: relative;
}
.testimonial__inner.image .testimonial__info-photo {
   width: 100%;
   height: 100%;
}
.testimonial__inner.image .testimonial__info-description {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   background-image: linear-gradient(
      -180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 100%
   );
   color: rgba(26, 30, 37, 0.7);
   font-size: 15px;
   padding: 48px 36px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.testimonial__inner.image .testimonial__info-description::before {
   content: "";
   background-color: rgba(34, 63, 106, 0.54);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='2' d='M9.835 18.67a8.835 8.835 0 1 0 0-17.67 8.835 8.835 0 0 0 0 17.67Z'/%3E%3Cpath fill='%23fff' d='M9 7h2v6H9z'/%3E%3Cpath fill='%23fff' d='M7 11V9h6v2z'/%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='2' d='M20.5 21.5 16 17'/%3E%3C/svg%3E");
   background-position: center center;
   background-repeat: no-repeat;
   width: 44px;
   height: 44px;
   position: absolute;
   top: calc(50% - 22px);
   left: calc(50% - 22px);
   opacity: 0;
   -webkit-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
}
.testimonial__inner.image:hover .testimonial__info-description::before {
   opacity: 1;
}
.testimonial__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   gap: 12px;
   margin-bottom: 22px;
}
.testimonial__info-photo {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   display: block;
   width: 90px;
   height: 90px;
   object-fit: cover;
}
.testimonial__info-photo img {
   display: block;
   max-width: 100%;
}
.testimonial__info-name {
   font-weight: 600;
   margin-bottom: 4px;
}
.testimonial__info-position {
   font-size: 15px;
   line-height: 1.3;
   opacity: 0.7;
}
.testimonial__stars {
   margin-bottom: 9px;
}
.testimonial__stars img {
   display: block;
   max-width: 100%;
}

.testimonial__stars svg {
   display: inline-block;
   vertical-align: middle;
   fill: gold; /* или другой цвет */
   margin-right: 2px;
}

.testimonial__text {
   font-size: 15px;
   line-height: 1.46;
   margin-bottom: 28px;
}
.testimonial__more {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   color: #3d8bff;
   font-size: 15px;
   font-weight: 500;
}
.testimonial__more svg {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
   fill: none;
   stroke: currentColor;
   margin-left: 8px;
   margin-top: 3px;
}
.testimonial__image {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.teams {
   padding-top: 60px;
   padding-bottom: 60px;
}
.teams .btn {
   position: relative;
   z-index: 10;
}
.teams .swiper-button {
   top: 20%;
}
.teams-slider {
   margin-bottom: -180px;
}
.teams-slider:not(.swiper-initialized) .swiper-wrapper {
   gap: 24px;
}
.teams-slider:not(.swiper-initialized) .swiper-slide {
   width: calc(25% - 18px);
}
.teams-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 5) {
   display: none;
}
.team__inner {
   height: 100%;
   padding-bottom: 180px;
}
.team__photo {
   aspect-ratio: 1;
   display: block;
}
.team__photo img {
   display: block;
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.team__description {
   aspect-ratio: 1;
   background-color: #3d8bff;
   color: #fff;
   display: block;
   margin: -32px auto 0;
   padding: 16px 20px;
   position: relative;
   max-width: 170px;
   z-index: 10;
   -webkit-transition: background 0.3s ease, box-shadow 0.3s ease;
   transition: background 0.3s ease, box-shadow 0.3s ease;
}
.team__description:hover {
   background-color: #1a1e25;
   box-shadow: 0px 2.77px 2.21px 0px #00000006, 0px 6.65px 5.32px 0px #00000008,
      0px 12.52px 10.02px 0px #0000000a, 0px 22.34px 17.87px 0px #0000000c,
      0px 41.78px 33.42px 0px #0000000f, 0px 100px 80px 0px #00000014;
}
.team__description:hover .team__arrow {
   font-size: 15px;
}
.team__description:hover .team__arrow-svg {
   width: 22px;
   margin-left: 8px;
}
.team__name {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 6px;
}
.team__position {
   font-size: 16px;
   opacity: 0.67;
}
.team__arrow {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   font-size: 0;
   font-weight: 500;
   position: absolute;
   bottom: 22px;
   left: 20px;
}
.team__arrow-svg {
   width: 59px;
   height: 16px;
   overflow: hidden;
   position: relative;
   -webkit-transition: width 0.3s ease;
   transition: width 0.3s ease;
}
.team__arrow-svg svg {
   stroke: #fff;
   fill: none;
   width: 59px;
   height: 16px;
   position: absolute;
   top: 0;
   right: 0;
}
.faq-section {
   padding-top: 94px;
   padding-bottom: 114px;
}
.faq__item {
   background-color: #f7faff;
   border: 1px solid #3d8bff;
}
.faq__item:not(:last-child) {
   margin-bottom: 14px;
}
.faq__item.open .faq__question {
   background-color: #e3ecfb;
}
.faq__item.open .faq__question::after {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
.faq__item.open .faq__answer {
   border-top: 1px solid #3d8bff;
   display: block;
}
.faq__question {
   color: #1a1e25;
   cursor: pointer;
   font-size: 17px;
   font-weight: 500;
   padding: 18px 68px 18px 28px;
   position: relative;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
.faq__question::after {
   background-color: #3d8bff;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='12' fill='none' viewBox='0 0 23 12'%3E%3Cpath stroke='%23fff' stroke-width='2' d='m.65.759 10.5 9 10.5-9'/%3E%3C/svg%3E");
   background-position: center center;
   background-repeat: no-repeat;
   content: "";
   width: 57px;
   height: 57px;
   position: absolute;
   top: 0;
   right: 0;
}
.faq__answer {
   display: none;
   font-size: 16px;
   line-height: 1.43;
   opacity: 0.9;
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 28px;
   padding-right: 148px;
   -webkit-transition: max-height 0.3s ease, padding 0.3s ease;
   transition: max-height 0.3s ease, padding 0.3s ease;
}
.faq__answer-text {
   padding-top: 12px;
   padding-bottom: 16px;
}
.blogs {
   background-image: url("assets/images/blog-bg.svg");
   background-position: center bottom;
   background-repeat: no-repeat;
   padding-top: 0px;
   padding-bottom: 50px;
}
.blogs .btn {
   position: relative;
   z-index: 10;
}
.blogs .swiper-button {
   top: calc(50% - 22px - 90px);
}
.blogs-slider {
   margin-bottom: -180px;
}
.blogs-slider:not(.swiper-initialized) .swiper-wrapper {
   gap: 24px;
}
.blogs-slider:not(.swiper-initialized) .swiper-slide {
   width: calc(33.333333% - 16px);
}
.blogs-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 4) {
   display: none;
}
.blog {
   padding-bottom: 180px;
}
.blog__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background-color: #fff;
   color: #1a1e25;
   height: 500px;
}
.blog__inner.dark {
   background-color: #00317a;
   color: #fff;
}
.blog__inner:hover {
   box-shadow: 0px 4.53px 3.62px 0px #3d8bff03,
      0px 12.52px 10.02px 0px #3d8bff04, 0px 30.15px 24.12px 0px #3d8bff05,
      0px 100px 80px 0px #3d8bff08;
}
.blog__photo {
   aspect-ratio: 364 / 231;
   display: block;
   overflow: hidden;
}
.blog__photo img {
   display: block;
   width: 100%;
   height: 250px;
   object-fit: cover;
}
.blog__description {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 28px 36px 16px;
}
.blog__date {
   font-size: 15px;
   opacity: 0.38;
   margin-bottom: 16px;
}
.blog__title {
   font-size: 17px;
   font-weight: 500;
   margin-bottom: 14px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.blog__text {
   font-size: 15px;
   line-height: 1.46;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   opacity: 0.7;
   margin-bottom: 24px;
}
.blog__more {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   margin-top: auto;
   color: #3d8bff;
   font-size: 15px;
   font-weight: 500;
}
.blog__more svg {
   fill: none;
   stroke: currentColor;
   margin-left: 8px;
   margin-top: 3px;
}/*
.contacts-section {
   padding-top: 120px;
   padding-bottom: 64px;
}*/
.contacts__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 40px;
}
.contacts__point {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   gap: 4px;
   color: #1a1e25;
   text-align: center;
}
.contacts__point.buttons {
   -ms-flex-item-align: end;
   align-self: flex-end;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row nowrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   flex-flow: row nowrap;
   gap: 18px;
}
.contacts__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   height: 26px;
   margin-bottom: 4px;
}
.contacts__icon svg {
   fill: currentColor;
}
.contacts__phone {
   color: #1a1e25;
   font-size: 19px;
   font-weight: 600;
}
.contacts__mail {
   border-bottom: 1px dotted;
   color: #1a1e25;
   font-size: 17px;
}
.contacts__time {
   font-size: 14px;
   color: #7992b7;
}
.contacts__address {
   font-size: 17px;
}
.contacts__line {
   background-color: #d1d9e6;
   width: 1px;
}
.contacts__map {
   height: 340px;
   position: relative;
}
.contacts__square-1 {
   background-image: url("assets/images/square-right.svg");
   background-position: right center;
   background-repeat: no-repeat;
   position: absolute;
   bottom: -40px;
   right: 100%;
   width: 197px;
   height: 40px;
}
.text-section {
   overflow: hidden;
  padding-top: 10px;
   padding-bottom: 10px;
}
.text-section h3:not(:first-child) {
   margin-top: 76px;
}
.text-section h4:not(:first-child) {
   margin-top: 76px;
}
.text-section ol {
   counter-reset: ol-counter;
   line-height: 1.5;
   list-style: none;
   margin: 0;
   padding: 0;
   max-width: 930px;
}
.text-section ol:not(:first-child) {
   margin-top: 28px;
}
.text-section ol:not(:last-child) {
   margin-bottom: 28px;
}
.text-section ol li {
   counter-increment: ol-counter;
   padding-left: 56px;
   position: relative;
}
.text-section ol li::before {
   border: 1px solid #3d8bff;
   content: counter(ol-counter);
   color: #3d8bff;
   font-size: inherit;
   line-height: 30px;
   text-align: center;
   width: 32px;
   height: 32px;
   position: absolute;
   top: -2px;
   left: 0;
}
.text-section ol li:not(:last-child) {
   margin-bottom: 20px;
}
.text-section ul {
   line-height: 1.4;
   list-style: none;
   margin: 0;
   padding: 0;
   max-width: 640px;
}
.text-section ul:not(:first-child) {
   margin-top: 28px;
}
.text-section ul:not(:last-child) {
   margin-bottom: 28px;
}
.text-section ul li {
   padding-left: 45px;
   position: relative;
}
.text-section ul li::before {
   content: "";
   background-color: #3d8bff;
   width: 4px;
   height: 4px;
   position: absolute;
   top: 12px;
   left: 0;
}
.text-section ul li:not(:last-child) {
   margin-bottom: 20px;
}
.text-section blockquote {
   background-color: #fff;
   background-image: url("assets/images/square-right.svg");
   background-position: right center;
   background-repeat: no-repeat;
   color: #3d8bff;
   font-size: 19px;
   font-weight: 500;
   margin: 0;
   padding: 20px 28px 28px 152px;
   position: relative;
}
.text-section blockquote::before {
   background-color: #3d8bff;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='38' fill='none' viewBox='0 0 52 38'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M51 1v21.568L43.947 37H35.03l6.726-13.76.703-1.44H30.714V1zM21.286 1v21.568L14.233 37H5.315l6.726-13.76.703-1.44H1V1z'/%3E%3C/svg%3E");
   background-position: center 32px;
   background-repeat: no-repeat;
   content: "";
   height: 100%;
   width: 100px;
   position: absolute;
   top: 0;
   left: 0;
}
.text-section blockquote p {
   line-height: 1.421;
   max-width: 690px;
}
.image-left {
   float: left;
   margin-right: 24px;
   margin-bottom: 14px;
   max-width: 100%;
}
.image-left img {
   display: block;
   max-width: 100%;
}
.tabs {
   margin-top: 60px;
   margin-bottom: 60px;
}
.tabs__list {
   margin-bottom: 32px;
   overflow: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
}
.tabs__list::-webkit-scrollbar {
   display: none;
}
.tabs__scroll {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 16px;
}
.tabs__item {
   background-color: #3d8bff;
   color: #fff;
   cursor: pointer;
   font-size: 18px;
   font-weight: 300;
   padding: 14px 25px;
   white-space: nowrap;
}
.tabs__item:hover {
   background-color: #314e92;
}
.tabs__item.active {
   background-color: #d6e6ff;
   color: #5c8cd4;
}
.tabs__content {
   display: none;
   columns: 2;
}
.tabs__content.active {
   display: block;
}
 .tabs .block img {
  display: block;
  width: 100%;
  height: auto;             
}


.gallery-section {
   overflow: hidden;
}
.gallery-slider {
   overflow: visible;
}
.gallery-item {
   width: 364px;
}
.gallery-item__link {
   aspect-ratio: 364 / 243;
   display: block;
}
.gallery-item__link img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.gallery-item__link::before {
   content: "";
   background-color: rgba(34, 63, 106, 0.54);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='2' d='M9.835 18.67a8.835 8.835 0 1 0 0-17.67 8.835 8.835 0 0 0 0 17.67Z'/%3E%3Cpath fill='%23fff' d='M9 7h2v6H9z'/%3E%3Cpath fill='%23fff' d='M7 11V9h6v2z'/%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='2' d='M20.5 21.5 16 17'/%3E%3C/svg%3E");
   background-position: center center;
   background-repeat: no-repeat;
   width: 44px;
   height: 44px;
   position: absolute;
   top: calc(50% - 22px);
   left: calc(50% - 22px);
   opacity: 0;
   -webkit-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
}
.gallery-item__link:hover::before {
   opacity: 1;
}
.questions {
   background-image: url("assets/images/questions-bg.svg"),
      linear-gradient(180deg, #3d8bff 0%, #1f5cff 100%);
   background-position: center bottom, left top;
   background-repeat: no-repeat, repeat;
   color: #fff;
   padding: 70px 72px;
   position: relative;
}
.questions h2,
.questions .h2 {
   color: #fff;
   margin-bottom: 16px;
}
.questions p {
   font-size: 17px;
}
.questions__image {
   pointer-events: none;
   position: absolute;
   bottom: 0;
   right: 0;
   max-width: 40%;
}
.questions__image img {
   display: block;
   max-width: 100%;
}
.questions-flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 100px;
}
.questions__column {
   width: 50%;
}
.questions__form {
   margin-top: 44px;
}
.questions__form .inputbox {
   background-color: transparent;
   color: #fff;
}
.questions__form .inputbox::-webkit-input-placeholder {
   color: #fff;
   opacity: 1;
}
.questions__form .inputbox::-moz-placeholder {
   color: #fff;
   opacity: 1;
}
.questions__form .inputbox:-moz-placeholder {
   color: #fff;
   opacity: 1;
}
.questions__form .inputbox:-ms-input-placeholder {
   color: #fff;
   opacity: 1;
}
.questions__form .checkbox span {
   color: rgba(255, 255, 255, 0.6);
}
.questions__name {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 3px;
}
.questions__position {
   color: rgba(255, 255, 255, 0.67);
   font-size: 16px;
   margin-bottom: 16px;
}
.questions__phone {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   color: #fff;
   font-size: 17px;
   font-weight: 600;
}
.questions__phone svg {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   fill: currentColor;
   width: 20px;
   height: 20px;
   margin-right: 6px;
}
.questions__phone a {
   border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
   color: #fff;
}
.questions__phone a:hover {
   border-color: transparent;
}
.questions__contacts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   gap: 32px;
   background-color: rgba(0, 0, 0, 0.05);
   border: 1px solid rgba(207, 225, 254, 0.55);
   height: 100%;
   padding: 32px;
}
.questions__contacts .contacts__point,
.questions__contacts .contacts__phone,
.questions__contacts .contacts__mail {
   color: #fff;
}
/*
.customers .swiper-button {
   top: -84px;
}
.customers .swiper-button-prev {
   left: auto;
   right: 50px;
}
.customers .swiper-button-next {
   right: 0;
}
.customers-slider:not(.swiper-initialized) .swiper-wrapper {
   gap: 24px;
}
.customers-slider:not(.swiper-initialized) .swiper-slide {
   width: calc(50% - 12px);
}
.customers-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 3) {
   display: none;
}
.customer:only-child {
   width: 100% !important;
}
.customer:only-child .customer__inner {
   padding-right: 174px;
}
.customer:only-child .customer__inner:after {
   clear: both;
   content: "";
   display: block;
}
.customer:only-child .customer__photo {
   float: left;
   margin-bottom: 0;
   margin-right: 40px;
   max-width: 148px;
}
.customer:only-child .customer__position {
   margin-bottom: 12px;
}
.customer:only-child .customer__text {
   overflow: hidden;
   max-width: 640px;
}
.customer__inner {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='95' fill='none' viewBox='0 0 130 95'%3E%3Cpath stroke='%233d8bff' d='M129.5.5v56.384L111.116 94.5H84.372l18.22-37.28.351-.72H74.786V.5zM55.214.5v56.384L36.83 94.5H10.087l18.22-37.28.351-.72H.5V.5z'/%3E%3C/svg%3E");
   background-position: right 44px top 44px;
   background-repeat: no-repeat;
   border: 1px solid #3d8bff;
   
   padding: 44px;
   
}
.customer__photo {
   aspect-ratio: 1;
   display: block;
   max-width: 189px;
   margin-bottom: 18px;
}
.customer__photo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.customer__name {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 3px;
}
.customer__position {
   color: rgba(26, 30, 37, 0.5);
   margin-bottom: 38px;
}
*/


/* общая сетка */
.customers-grid {
    display: grid;
    gap: 24px;
    align-items: stretch;
}

/* 1 отзыв */
.customers-count-1 {
    grid-template-columns: 1fr;
}
.customers-count-1 .customer {
    grid-column: 1 / -1;
}

/* 2, 4, 5, 6 отзывов – по 2 в строке */
.customers-count-2,
.customers-count-4,
.customers-count-5,
.customers-count-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;          /* одинаковая высота строк */
}

/* 3 отзыва: два рядом, третий на всю ширину */
.customers-count-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
}
.customers-count-3 .customer:nth-child(3) {
    grid-column: 1 / -1;
}

/* сами карточки заполняют ячейку грида */
.customer {
    height: 100%;
}

/* дальше остаются твои стили */

.customer:only-child {
    width: 100% !important;
}
.customer:only-child .customer__inner {
    padding-right: 174px;
}
.customer:only-child .customer__inner:after {
    clear: both;
    content: "";
    display: block;
}
.customer:only-child .customer__photo {
    float: left;
    margin-bottom: 0;
    margin-right: 40px;
    max-width: 148px;
}
.customer:only-child .customer__position {
    margin-bottom: 12px;
}
.customer:only-child .customer__text {
    overflow: hidden;
    max-width: 640px;
}

.customer__inner {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='95' fill='none' viewBox='0 0 130 95'%3E%3Cpath stroke='%233d8bff' d='M129.5.5v56.384L111.116 94.5H84.372l18.22-37.28.351-.72H74.786V.5zM55.214.5v56.384L36.83 94.5H10.087l18.22-37.28.351-.72H.5V.5z'/%3E%3C/svg%3E");
    background-position: right 44px top 44px;
    background-repeat: no-repeat;
    border: 1px solid #3d8bff;
    padding: 44px;
	min-height: 100%;
	max-height: 660px;    
}
.customer__photo {
    aspect-ratio: 1;
    display: block;
    max-width: 189px;
    margin-bottom: 18px;
}
.customer__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.customer__name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3px;
}
.customer__position {
    color: rgba(26, 30, 37, 0.5);
    margin-bottom: 38px;
}
.customer__text {
    max-height: 300px;      /* ограничиваем высоту блока */
    overflow: hidden;       /* без скролла по умолчанию */
}

/* при наведении на карточку или сам текст */
.customer__inner:hover .customer__text,
.customer__text:hover {
    overflow: auto;         /* или overflow-y: auto; */
}


/* **********************************  */ 

.overflow {
   overflow: hidden;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.72);
    z-index: 999;
}
.modal {
   position: fixed;
    top: 50%;       
    left: 50%;     
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    transform: translate(-50%, -50%);  
}
.modal.open {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
}
.modal__content {
   background-color: #fff;
   position: relative;
   max-height: 90%;
   max-width: 90%;
   overflow: auto;
   padding: 40px 74px;
   width: 752px;
}
.modal__close {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: transparent;
   border: none;
   color: #1a1e25;
   cursor: pointer;
   font-size: 0;
   height: 32px;
   width: 32px;
   padding: 0;
   position: absolute;
   right: 24px;
   top: 24px;
   z-index: 100;
}
.modal__close svg {
   pointer-events: none;
   fill: currentColor;
   width: 31px;
   height: 31px;
}
.modal__title {
   font-size: 44px;
   font-weight: 600;
   margin-bottom: 8px;
}
.modal__subtitle {
   font-size: 17px;
   margin-bottom: 32px;
}
.modal__image {
   margin-bottom: 15px;
}
.modal--thanks .modal__content {
   text-align: center;
   width: 606px;
}
.modal--thanks .modal__subtitle {
   font-size: 24px;
   margin-bottom: 0;
}
.showcase,
.page-content {
   /*background-image: linear-gradient(180deg, #F7FAFF 0%, #E5EEFF 100%);*/
   overflow: hidden;
   padding-top: 110px;
   position: relative;
        
}
.showcase-main {
   background-image: linear-gradient(180deg, #f7faff 0%, #cbd6ea 100%);
}

.showcase-case {
   background-image: none;
}
.showcase-case .showcase__item {
   -ms-align-items: stretch;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   height: 500px;
   padding-bottom: 0;
}
.showcase-case .showcase__inner {
   -ms-flex-item-align: end;
   align-self: flex-end;
   background-color: #fff;
   max-width: 615px;
   padding: 46px;
}
.showcase-case .showcase__image {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   margin-left: -90px;
   position: relative;
   width: 54%;
}
.showcase-logo {
   background-image: url("assets/images/showcase-logo.svg");
   background-position: center bottom;
   background-repeat: no-repeat;
   pointer-events: none;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 400px;
   z-index: 10;
}
.showcase-slider {
   z-index: initial;
}
.showcase-slider .swiper-pagination {
   bottom: 260px;
   left: var(--padding-horizontal);
   z-index: 20;
}
.showcase-slider .showcase__item {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   height: auto;
   min-height: 820px;
}
.showcase-slider .showcase__inner {
   max-width: 720px;
}
.showcase-slider .showcase__image {
   position: absolute;
   top: 60px;
   right: 0;
   width: calc(50% - 150px);
}
.showcase-slider .showcase__image-img img {
   max-width: none;
}
.showcase__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   background-position: right bottom;
   background-repeat: no-repeat;
   color: #1a1e25;
   height: 546px;
   overflow: hidden;
   padding-left: var(--padding-horizontal);
   padding-right: var(--padding-horizontal);
   padding-top: 60px;
   padding-bottom: 48px;
   position: relative;
}
.showcase__inner {
   max-width: 530px;
   width: 100%;
   position: relative;
   z-index: 10;
}
.showcase__title {
   font-size: 44px;
   font-weight: 700;
   line-height: 1.25;
   margin-bottom: 16px;
   max-width: 720px;
}
.showcase__text {
   font-size: 20px;
   line-height: 1.45;
   margin-bottom: 44px;
   max-width: 640px;
   display: block;
}
.showcase__text ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.showcase__text ul li {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' fill='none' viewBox='0 0 4 4'%3E%3Cpath fill='%233d8bff' d='M0 4h4V0H0z'/%3E%3C/svg%3E");
   background-position: left center;
   background-repeat: no-repeat;
   padding-left: 20px;
   
  margin-bottom: 5px;
}/*
.showcase__text ul li:not(:last-child) {
   margin-bottom: 16px;
}*/
.showcase__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   gap: 24px;
}
.showcase__image {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   margin-left: auto;
}

.showcase {
   position: relative;
}

.showcase__image {
   transition: transform 0.1s ease-out; /* Плавное движение (короткое для динамики) */
}

.showcase__image-img img {
   display: block;
   max-width: 100%;
}
.showcase__image-photo img {
   display: block;
}
.showcase__image-logo {
   position: absolute;
   bottom: 0;
   right: 48px;
}
.showcase__image-logo img {
   display: block;
   max-width: 100%;
}
.showcase__breadcrumbs {
   position: relative;
   top: 35px;
   margin-bottom: 40px;
  /* left: var(--padding-horizontal);
   right: var(--padding-horizontal); */
}
.breadcrumbs {
   color: rgba(26, 30, 37, 0.4);
   list-style: none;
   margin: 0;
   padding: 0 0 12px 0;
   width: 100%;
   overflow: auto;
   white-space: nowrap;
}
.breadcrumbs__item {
   display: inline;
   font-size: 13px;
}
.breadcrumbs__item a {
   color: #3d8bff;
}
.breadcrumbs__item:not(:last-child)::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' fill='none' viewBox='0 0 5 9'%3E%3Cpath stroke='%233d8bff' stroke-linecap='square' d='m.705 7.705 3-3.5-3-3.5'/%3E%3C/svg%3E");
   content: "";
   display: inline-block;
   width: 5px;
   height: 9px;
   margin-left: 4px;
   margin-right: 4px;
}
.links-section {
   background-color: #f7faff;
   margin-bottom: 38px;
   overflow: auto;
   padding-top: 48px;
   padding-bottom: 0;
   position: sticky;
   top: 12px;
   z-index: 50;
}
.links__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   list-style: none;
   margin: 0;
   padding: 12px 0;
}
.links__item {
   position: relative;
   white-space: nowrap;
}
.links__item a {
   display: block;
   border-bottom: 1px dotted;
   color: #3d8bff;
   font-size: 17px;
   font-weight: 500;
   line-height: 20px;
}
.links__item a:hover {
   border-bottom-color: transparent;
   color: #7992b7;
}
.steps {
   counter-reset: steps-counter;
   margin-top: 40px;
   margin-bottom: 40px;
}
.steps__item {
   counter-increment: steps-counter;
   padding-left: 64px;
   position: relative;
}
.steps__item:not(:last-child) {
   margin-bottom: 38px;
}
.steps__item:not(:last-child)::after {
   background-color: #3d8bff;
   content: "";
   height: calc(100% - 0px);
   width: 1px;
   position: absolute;
   top: 44px;
   left: 22px;
   z-index: 5;
}
.steps__item::before {
   content: counter(steps-counter);
   background-color: #fff;
   border: 1px solid #3d8bff;
   color: #3d8bff;
   line-height: 42px;
   text-align: center;
   width: 44px;
   height: 44px;
   position: absolute;
   top: 6px;
   left: 0;
   z-index: 10;
}
.steps__item-title {
   color: #1a1e25;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.45;
   margin-bottom: 2px;
}
.block-accent {
   border: 1px solid #3d8bff;
   background-image: url("assets/images/square-right.svg");
   background-position: right center;
   background-repeat: no-repeat;
   color: #3d8bff;
   font-weight: 500;
   margin: 40px 0;
   padding: 28px 48px;
   position: relative;
}
.block-accent:first-child {
   margin-top: 0;
}
.block-accent:last-child {
   margin-bottom: 0;
}
.block-accent p {
   line-height: 1.421;
   max-width: 840px;
}
.blocks {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   flex-flow: row wrap;
   gap: 24px;
}
.block {
   background-color: #fff;
   padding: 40px;
   width: calc(33.333333% - 16px);
}
.block__title {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 7px;
}
.block__text {
   line-height: 1.5;
}
.block__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 65px;
   margin-bottom: 16px;
}
.block__icon img {
   max-width: 100%;
   max-height: 100%;
}
.blocks-counter {
   counter-reset: bloks-count;
}
.blocks-counter .block {
   counter-increment: bloks-count;
   position: relative;
}
.blocks-counter .block::before {
   background-color: #3d8bff;
   content: counter(bloks-count);
   color: #fff;
   display: block;
   width: 44px;
   height: 44px;
   line-height: 44px;
   margin-bottom: 26px;
   text-align: center;
   position: relative;
   z-index: 10;
}
.blocks-counter .block::after {
   content: "";
   background-image: linear-gradient(90deg, #5499ff 0%, #ffffff 100%);
   width: calc(100% - 124px);
   height: 44px;
   position: absolute;
   top: 40px;
   left: 84px;
   z-index: 5;
}
.blocks-counter .block--quote::before {
   background-color: transparent;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='44' fill='none' viewBox='0 0 60 44'%3E%3Cpath fill='%233d8bff' d='M4.286 44h12.857l8.571-17.6V0H0v26.4h12.857zm34.285 0H51.43L60 26.4V0H34.286v26.4h12.857z'/%3E%3C/svg%3E");
   content: "";
   width: 60px;
}
.blocks-icons {
   text-align: center;
}
.blocks-icons .block {
   padding: 32px 40px;
}
.blocks-icons .block--quote {
   background-color: #3d8bff;
   color: rgba(255, 255, 255, 0.9);
}
.blocks-two .block {
   width: calc(50% - 12px);
}
.blocks-full {
   gap: 8px;
}
.blocks-full .block {
   padding: 16px; /* 24px 40px 28px; */
   width: 100%;
}
.blocks-flag {
   gap: 16px;
}
.blocks-flag .block {
   background-color: #f7faff;
   padding: 24px 40px 28px 88px;
   position: relative;
   width: 100%;
}
.blocks-flag .block::after {
   content: "";
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20' fill='none' viewBox='0 0 17 20'%3E%3Cpath fill='%233d8bff' stroke='%233d8bff' d='m15.5 9.525-15 8.66V.866z'/%3E%3C/svg%3E");
   width: 17px;
   height: 20px;
   position: absolute;
   top: 30px;
   left: 44px;
}
.blocks-flag .block:not(:last-child)::before {
   background-color: #3d8bff;
   content: "";
   width: 1px;
   height: 100%;
   position: absolute;
   top: 48px;
   left: 44px;
   z-index: 5;
}
.list--2 {
   columns: 2;
   gap: 40px;
}
.list__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   max-width: 450px;
   margin-bottom: 40px;
   page-break-inside: avoid;
}
.list__icon {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 44px;
   height: 44px;
   margin-right: 20px;
}
.list__icon img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.list__title {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 7px;
}
.list__text {
   line-height: 1.5;
}
.list__text a {
   text-decoration: underline;
}
.list__text a:hover {
   text-decoration: none;
}
.two-column {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}
.two-column .images-slider {
   width: 57.457%;
}
.images-slider .swiper-button-prev {
   left: 0;
}
.images-slider .swiper-button-next {
   right: 0;
}
.image-item {
   width: 364px;
}
.image-item__link {
   aspect-ratio: 364 / 243;
   display: block;
}
.image-item__link img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.image-item__link::before {
   content: "";
   background-color: rgba(34, 63, 106, 0.54);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='2' d='M9.835 18.67a8.835 8.835 0 1 0 0-17.67 8.835 8.835 0 0 0 0 17.67Z'/%3E%3Cpath fill='%23fff' d='M9 7h2v6H9z'/%3E%3Cpath fill='%23fff' d='M7 11V9h6v2z'/%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='2' d='M20.5 21.5 16 17'/%3E%3C/svg%3E");
   background-position: center center;
   background-repeat: no-repeat;
   width: 44px;
   height: 44px;
   position: absolute;
   top: calc(50% - 22px);
   left: calc(50% - 22px);
   opacity: 0;
   -webkit-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
}
.image-item__link:hover::before {
   opacity: 1;
}
.keys {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   flex-flow: row wrap;
   gap: 24px;
   counter-reset: keys-counter;
}
.key {
   background-color: #fff;
   counter-increment: keys-counter;
   padding: 40px 48px;
   width: calc(50% - 12px);
}
.key__top {
   font-size: 22px;
   font-weight: 700;
   line-height: 1.4;
   margin-bottom: 24px;
   padding-left: 70px;
   position: relative;
}
.key__top::before {
   content: counter(keys-counter);
   background-color: #fff;
   border: 1px solid #3d8bff;
   color: #3d8bff;
   font-size: 20px;
   font-weight: 400;
   line-height: 52px;
   text-align: center;
   width: 54px;
   height: 54px;
   position: absolute;
   top: 4px;
   left: 0;
}
.key__list {
   line-height: 1.5;
   list-style: none;
   margin: 0;
   padding: 0;
}
.key__list > li {
   padding-left: 32px;
   position: relative;
}
.key__list > li::before {
   content: "";
   background-color: #3d8bff;
   width: 19px;
   height: 1px;
   position: absolute;
   top: 13px;
   left: 0;
}
.key__list > li:not(:last-child) {
   margin-bottom: 20px;
}
.key__list .ul {
   font-size: 16px;
}
.key__list .ul li {
   padding-left: 16px;
}
.key__list .ul li::before {
   top: 8px;
}
.key__list .accent {
   display: inline-block;
   background-color: #f7faff;
   font-weight: 600;
   margin-top: 12px;
   padding: 5px 9px 7px;
}
.services-section .swiper-button {
   top: -84px;
}
.services-section .swiper-button-prev {
   left: auto;
   right: 50px;
}
.services-section .swiper-button-next {
   right: 0;
}
.dotted__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: baseline;
   -ms-flex-align: baseline;
   align-items: baseline;
}
.dotted__item:not(:last-child) {
   margin-bottom: 20px;
}
.dotted__name {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: baseline;
   -ms-flex-align: baseline;
   align-items: baseline;
   width: 50%;
}
.dotted__name::after {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   border-bottom: 1px dotted;
   content: "";
   margin: 0 2px;
}
.dotted__value {
   width: 50%;
}
.numbers {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   color: #1a1e25;
   gap: 40px;
   margin-bottom: 40px;
}
.numbers__item {
   max-width: 25%;
}
.numbers__border {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   background-color: rgba(26, 30, 37, 0.2);
   width: 1px;
}
.numbers__title {
   font-size: 44px;
   font-weight: 600;
   margin-bottom: 8px;
   white-space: nowrap;
}
.numbers__text {
   font-size: 22px;
   font-weight: 500;
}

/* page team */

.teams-grid__container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
   gap: 20px;
}



@media all and (max-width: 1210px) {
   .swiper-button-prev {
      left: -12px;
   }
   .swiper-button-next {
      right: -12px;
   }
   .case__back {
      padding: 20px;
   }
   .case__front-inner {
      padding: 20px;
   }
   .scroll-to-top {
      left: 0;
   }
   .mega-menu__column {
      padding: 16px 24px;
   }
   .mega-menu__column.full .mega-menu-column__title {
      padding: 0 24px;
   }
   .mega-menu__column.full .mega-menu__list-item {
      padding: 0 24px;
   }
}
@media all and (max-width: 1040px) {
   .questions__form {
    margin: 0px;
        display: flex;
        flex-direction: column;
        gap: 12px;
}
   
   
   .wow {
      animation-name: none !important;
      visibility: visible !important;
   }
   body {
      font-size: 16px;
      background-image: linear-gradient(180deg, #f7faff 0%, #e5eeff 100%);
   }
   h1,
   .h1 {
      font-size: 38px;
   }
   h2,
   .h2 {
      font-size: 38px;
   }
   h3,
   .h3 {
      font-size: 30px;
   }
   .btn {
      font-size: 15px;
   }
   .btn--small {
      font-size: 15px;
      line-height: 18px;
      padding: 12px 23px 15px;
   }
   .btn--icon svg {
      width: 23px;
      height: 23px;
   }
   .section {
      padding-top: 56px;
      padding-bottom: 56px;
   }
   .section--light {
      padding-top: 40px;
      padding-bottom: 40px;
	        width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
   }
   .swiper {
      padding-bottom: 40px;
   }
   .swiper-wrap .swiper-button {
      display: none;
   }
   .header-top {
      border-bottom: none;
      padding-top: 6px;
      padding-bottom: 6px;
   }
   .header-contacts {
      display: none;
   }
   .header-nav {
      display: none;
   }
   .header-buttons {
      gap: 12px;
   }
   .menu-toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
   .open-menu {
      overflow: hidden;
   }
   .open-menu .menu-toggle .open {
      display: none;
   }
   .open-menu .menu-toggle .close {
      display: block;
   }
   .open-menu .header-nav {
      left: 0;
   }
   .header-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: #fff;
      position: fixed;
      top: 57px;
      bottom: 0;
      left: -100%;
      width: 100%;
      z-index: 500;
      overflow: auto;
      -webkit-transition: left 0.3s ease;
      transition: left 0.3s ease;
   }
   .menu {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      gap: 0;
      height: 100%;
      padding: 20px 0 0;
      -webkit-transition: transform 0.3s ease;
      transition: transform 0.3s ease;
   }
   .menu-wrap {
      width: 100%;
   }
   .menu > li {
      width: 100%;
   }
   .menu > li.menu-item-has-children > a {
      padding-right: 32px;
   }
   .menu > li.menu-item-has-children > a::after {
      top: 14px;
      right: 20px;
      width: 10px;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
   }
   .menu > li > a {
      display: block;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      padding: 4px 20px;
      text-transform: none;
   }
   .menu > li > a::before {
      display: none;
   }
   .sub-menu-back {
      background-image: url("assets/images/arrow-prev.svg");
      background-size: 13px;
      background-position: 20px center;
      background-repeat: no-repeat;
      cursor: pointer;
      border-bottom: 1px solid #e5f1ff;
      font-weight: 500;
      margin-bottom: 10px;
      padding: 14px 20px 14px 50px;
   }
   .sub-menu {
      display: none;
      box-shadow: none;
      border-radius: 0;
      opacity: 1;
      pointer-events: auto;
      -webkit-transition: right 0.3s ease;
      transition: right 0.3s ease;
      position: fixed;
      top: 10px;
      bottom: 0;
      left: auto;
      right: -100%;
      width: 100%;
      z-index: 10;
   }
   .sub-menu > li {
      margin-bottom: 0;
   }
   .sub-menu > li > a {
      color: #1a1e25;
      font-size: 16px;
      line-height: 24px;
      padding: 4px 20px;
   }
   .sub-menu .sub-menu {
      border-radius: 0;
      top: 10px;
      left: auto;
      right: -200%;
      z-index: 20;
   }
   .sub-menu .sub-menu .sub-menu {
      right: -300%;
   }
   .open-submenu > .sub-menu {
      display: block;
   }
   .mega-menu {
      display: none;
      box-shadow: none;
      border-radius: 0;
      opacity: 1;
      pointer-events: auto;
      -webkit-transition: right 0.3s ease;
      transition: right 0.3s ease;
      position: fixed;
      top: 10px;
      bottom: 0;
      left: auto;
      right: -100%;
      width: 100%;
      z-index: 10;
      overflow: auto;
   }
   .mega-menu__column {
      border-left: none;
      padding: 12px 20px;
      width: 100%;
   }
   .mega-menu__list-item:not(:last-child) {
      margin-bottom: 4px;
   }
   .mega-menu__list-item > a {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
   }
   .mega-menu__column.full {
      padding: 12px 20px;
   }
   .mega-menu__column.full .mega-menu-column__title {
      padding: 0;
   }
   .mega-menu__column.full .mega-menu__list {
      display: block;
   }
   .mega-menu__column.full .mega-menu__list-item {
      padding: 0;
      width: 100%;
   }
   .open-submenu > .mega-menu {
      display: block;
   }
   header.fixed .header-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
   header.fixed .header-nav .logo {
      display: none;
   }
   header.fixed .header-nav__button {
      display: none;
   }
   header.fixed .menu > li > a {
      padding: 4px 10px;
   }
   header.fixed .search {
      display: block;
	  padding: 10px
   }
   header.fixed .mega-menu {
      top: 0;
   }
   .search {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      border-radius: 0;
     padding: 10px 10px 20px 10px;
      position: static;
      width: 100%;
      height: auto;
   }
   
   
   .search {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
}

   .search__input {
      border: 1px solid #b9c4de;
      color: #1a1e25;
      padding: 13px 56px 13px 16px;
   }
   .search__button {
      width: 56px;
      height: 50px;
   }
   .showcase {
      padding-top: 57px;
   }
   .showcase__image {
      margin-right: -80px;
   }
   .showcase__item {
      background-position: left bottom;
   }
   .showcase__title {
      font-size: 38px;
   }
   .showcase__text {
      font-size: 16px;
   }
   .showcase-logo {
      background-size: 100%;
   }
   .showcase__buttons .btn {
      min-width: 200px;
   }
   .showcase-case .showcase__inner {
      padding: 28px;
      -ms-flex-item-align: start;
      align-self: flex-start;
   }
   .showcase-case .showcase__image {
      margin-top: 20px;
      margin-left: -120px;
   }
   .showcase__image-photo {
      max-width: 100%;
   }
   .showcase-slider .showcase__item {
      height: auto;
   }
   .showcase-slider .showcase__inner {
      max-width: 480px;
   }
   .showcase-slider .showcase__image {
      margin-right: 0;
      width: calc(100% - 480px);
   }
   .showcase-slider .swiper-pagination {
      bottom: 140px;
   }
   .about:first-child {
      gap: 40px;
   }
   .about:last-child {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 40px;
      margin-top: 0;
   }
   .about__square-1,
   .about__square-2,
   .about__square-3 {
      display: none;
   }
   .what-section {
      background-position: left center;
	      width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
   }
   .what__description {
      width: 60%;
   }
   .what__image {
      width: 40%;
      right: 0;
   }
   .cases {
      overflow: hidden;
      padding-top: 40px;
      padding-bottom: 60px;
	        width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
   }
   .cases .swiper-pagination-bullet {
      background-color: #fff;
   }
   .cases-slider {
      overflow: visible;
   }
   .cases-slider__item {
      width: 364px;
   }
   .cases-slider:not(.swiper-initialized) .swiper-slide {
      width: 364px;
   }
   .cases-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 2) {
      display: none;
   }
   .testimonials {
      overflow: visible;
   }
   .testimonials-slider {
      overflow: visible;
   }
   .testimonial {
      width: 364px;
   }

   .testimonials-slider:not(.swiper-initialized) .swiper-slide {
      width: 364px;
   }
   .testimonials-slider:not(.swiper-initialized)
      .swiper-slide:nth-child(n + 2) {
      display: none;
   }
   .teams {
      overflow: hidden;
   }
   .teams-slider {
      overflow: visible;
   }
   .teams-slider .swiper-pagination {
      bottom: 180px;
   }
   .team {
      width: 267px;
   }

   .teams-slider:not(.swiper-initialized) .swiper-slide {
      width: 267px;
   }
   .teams-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 2) {
      display: none;
   }
   .blogs {
      background-size: 100%;
      overflow: hidden;
   }
   .blogs-slider {
      overflow: visible;
   }
   .blogs-slider .swiper-pagination {
      bottom: 180px;
   }
   .blog {
      width: 364px;
   }
   .blogs-slider:not(.swiper-initialized) .swiper-slide {
      width: 364px;
   }
   .blogs-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 2) {
      display: none;
   }
   .contacts__square-1 {
      display: none;
   }
   .text-section blockquote {
      background-image: none;
   }
   .block-accent {
      background-image: none;
   }
   .numbers__title {
      font-size: 30px;
   }
   .numbers__text {
      font-size: 18px;
   }
   .other-section {
      overflow: hidden;
   }
   .customers {
      overflow: hidden;
   }
   .customers-slider {
      overflow: visible;
   }
   .customer {
      width: 364px;
   }
   .customers-slider:not(.swiper-initialized) .swiper-slide {
      width: 364px;
   }
   .customers-slider:not(.swiper-initialized) .swiper-slide:nth-child(n + 2) {
      display: none;
   }
   .links-section {
      padding-top: 48px;
      padding-bottom: 0;
   }
   .ul li::before {
      top: 9px;
   }
   .images-slider {
      padding-bottom: 0;
   }
   .footer-menu {
      gap: 10px;
   }
   .footer-menu > li > a {
      font-size: 16px;
   }
   .footer-middle {
      -ms-flex-flow: row wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-flow: row wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      
      gap: 10px;
   }
}
@media all and (max-width: 900px) {
   .showcase-case .showcase__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
      height: auto;
   }
   .showcase-case .showcase__inner {
      margin-top: -80px;
      max-width: max-content; /* 580 */
   }
   .showcase-case .showcase__image {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1;
      margin: 0 0 0 auto;
      width: 100%; /* 90 */
      max-width: max-content; /* 500*/
   }
   .showcase__image-photo img {
      max-width: 100%;
   }
   .showcase__image-logo {
      bottom: auto;
      top: 20px;
      right: 20px;
      width: 150px;
   }
   .what__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
	     
   }
   .services__tabs {
      margin-bottom: 20px;
   }
   .services__tab-title {
      white-space: nowrap;
   }
   .service__item {
      width: calc(50% - 12px);
   }
   .contacts__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
      margin-bottom: 20px;
   }
   .contacts__line {
      display: none;
   }
   .contacts__point.buttons {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      -webkit-align-self: center;
      align-self: center;
   }
   .image-left {
      display: block;
      float: none;
      margin: 0 0 16px 0;
   }
   
    .image-left img {
		width: 100%
	}
   .numbers {
      gap: 10px;
   }
   .questions {
      padding: 40px;
   }
   .questions-flex {
      gap: 20px;
   }
   .questions__contacts {
      padding: 16px;
      gap: 20px;
   }
   .blocks-counter .block::after {
      top: 20px;
      left: 64px;
   }
   .block {
      padding: 20px;
   }
   .block__title {
      font-size: 18px;
   }
   .key {
      padding: 20px;
   }
   .footer-menu {
      -ms-flex-flow: row wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-flow: row wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      
   }
   
   .footer-menu { justify-content: flex-start; }
   
   
   
   .footer-menu .is-whatsapp {
      display: none;
   }
   .modal__content {
      padding: 40px;
   }
}
@media all and (max-width: 700px) {
   h1,
   .h1 {
      font-size: 30px;
   }
   h2,
   .h2 {
      font-size: 30px;
   }
   h3,
   .h3 {
      font-size: 20px;
   }
   .subtitle {
      font-size: 18px;
      margin-bottom: 20px;
   }
   .section {
      padding-top: 28px;
      padding-bottom: 28px;
   }
   .section--light {
      margin-top: 28px;
      margin-bottom: 28px;
      padding-top: 40px;
      padding-bottom: 40px;
   }
   .right-button {
      margin-top: 28px;
      text-align: center;
   }
   .swiper-pagination {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      right: 0;
   }
   .header-top .logo {
      width: 160px;
      overflow: hidden;
   }
   .header-buttons .btn--icon {
      display: block;
   }
   .header-buttons .btn--blink {
      padding: 11px;
   }
   .header-buttons .btn--blink span {
      display: none;
   }
   .header-buttons .btn--blink svg {
      display: block;
   }
   .showcase__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto;
   }
   .showcase__inner {
      max-width: none;
   }
   .showcase__title {
      font-size: 30px;
   }
   .showcase__text {
      margin-bottom: 20px;
   }
   .showcase__buttons {
      gap: 10px;
   }
   .showcase__buttons .btn {
      min-width: 180px;
   }
   .showcase__image {
      margin: 40px auto 0;
      max-width: 60%;
      width: auto;
   }
   .showcase-case .showcase__inner {
      max-width: 90%;
   }
   .showcase-slider {
      padding-bottom: calc(17% + 20px);
   }
   .showcase-slider .showcase__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto;
      padding-bottom: 20px;
   }
   .showcase-slider .showcase__inner {
      max-width: none;
   }
   .showcase-slider .showcase__image {
      margin: 0 auto;
      position: static;
      max-width: none;
      width: 0%;
   }
   .showcase-slider .showcase__image-img {
      aspect-ratio: 440 / 200;
      margin: 0 auto;
   }
   .showcase-slider .showcase__image-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }
   .showcase-slider .swiper-pagination {
      position: static;
   }
   .about-section p {
      margin-bottom: 0;
   }
   .about {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
   }
   .about:first-child {
      gap: 20px;
      margin-bottom: 20px;
   }
   .about:first-child .about__image {
      margin-top: 0;
   }
   .about:last-child {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
      gap: 20px;
   }
   .about:last-child .about__image {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
   }
   .about__text {
      max-width: 100%;
      width: 100%;
   }
   .about__text p:not(:last-child) {
      margin-bottom: 20px;
   }
   .about__image {
      max-width: 272px;
   }
   .about-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
   }
   .about-inner__description {
      max-width: 100%;
      padding-right: 0;
      margin-bottom: 20px;
   }
   .about-inner__image {
      max-width: 100%;
   }
   .what__description {
      width: 100%;
   }
   .what__image {
      display: none;
   }
   .what__buttons {
      margin-top: 20px;
   }
   .what .big {
      font-size: 18px;
   }
   .service:not(:last-child) {
      margin-bottom: 40px;
   }
   .service__item {
      padding: 16px;
   }
   .service__item-arrow {
      left: 16px;
   }
   .cases {
      margin-top: 28px;
      margin-bottom: 28px;
   }
   .case__title {
      font-size: 18px;
   }
   .testimonial__inner {
      padding: 16px;
   }
   .testimonial__inner.image .testimonial__info-description {
      padding: 16px;
   }
   .faq__question {
      padding: 12px 68px 16px 12px;
   }
   .faq__question::after {
      width: 50px;
      height: 100%;
   }
   .faq__answer {
      padding-left: 16px;
      padding-right: 16px;
   }
   .blog__description {
      padding: 16px;
   }
   .text-section h3:not(:first-child) {
      margin-top: 40px;
   }
   .text-section h4:not(:first-child) {
      margin-top: 40px;
   }
   .text-section blockquote {
      font-size: 18px;
      padding: 16px 16px 16px 80px;
   }
   .text-section blockquote::before {
      background-size: 40px;
      width: 56px;
   }
   .text-section ul li {
      padding-left: 20px;
   }
   .text-section ul li:not(:last-child) {
      margin-bottom: 12px;
   }
   .text-section ol li {
      padding-left: 40px;
   }
   .text-section ol li:not(:last-child) {
      margin-bottom: 12px;
   }
   .tabs__content {
      columns: 1;
   }
   .ul:not(:first-child) {
      margin-top: 20px;
   }
   .ul:not(:last-child) {
      margin-bottom: 20px;
   }
   .ul li {
      padding-left: 20px;
   }
   .ul li:not(:last-child) {
      margin-bottom: 12px;
   }
   .blocks-two {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .blocks-two .block {
      width: 100%;
   }
   .block {
      padding: 16px;
      width: calc(50% - 12px);
   }
   .block-accent {
      padding: 16px;
   }
   .blocks-flag .block {
      padding: 16px 16px 16px 40px;
   }
   .blocks-flag .block:not(:last-child)::before {
      left: 16px;
      top: 38px;
   }
   .blocks-flag .block::after {
      left: 16px;
      top: 20px;
   }
   .blocks-counter .block::after {
      top: 16px;
      left: 60px;
   }
   .numbers {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .numbers__border {
      display: none;
   }
   .numbers__item {
      max-width: 100%;
   }
   .numbers__title {
      margin-bottom: 0;
   }
   .customer__inner {
      background-size: 60px;
      background-position: right 16px top 16px;
      padding: 16px;
   }
   .links-section {
      padding-top: 48px;
      padding-bottom: 0;
   }
   .questions {
      padding: 16px;
   }
   .questions-flex {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .questions__column {
      width: 100%;
   }
   .questions__form {
      margin-top: 0;
   }
   .questions__image {
      display: none;
   }
   .list--2 {
      columns: 1;
   }
   .list__item {
      margin-bottom: 20px;
   }
   .list__icon {
      width: 28px;
      height: 28px;
      margin-right: 10px;
   }
   .key {
      padding: 16px;
      width: 100%;
   }
   .key__top {
      font-size: 18px;
      padding-left: 36px;
   }
   .key__top::before {
      font-size: 14px;
      line-height: 24px;
      width: 28px;
      height: 28px;
      top: 0;
   }
   .key__list > li {
      padding-left: 20px;
   }
   .key__list > li::before {
      width: 12px;
   }
   .two-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .two-column .list {
      width: 100%;
   }
   .two-column .images-slider {
      width: 100%;
   }
   .footer-bottom {
      -ms-flex-flow: row wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-flow: row wrap;
   }
   .modal__content {
      padding: 20px;
   }
   .modal__close {
      top: 10px;
      right: 10px;
   }
   .modal__title {
      font-size: 28px;
   }
   .form__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .form__column {
      width: 100%;
   }
}
@media all and (max-width: 500px) {
   h1,
   .h1 {
      font-size: 28px;
   }
   h2,
   .h2 {
      font-size: 28px;
   }
   .header-top .logo {
      width: 124px;
   }
   .header-top .logo img {
      height: 33px;
   }
   .showcase__title {
      font-size: 28px;
   }
   .showcase__buttons .btn {
      min-width: 0;
   }
   .showcase__buttons .btn svg {
      display: none;
   }
   .showcase-case .showcase__inner {
      margin-top: 0;
      max-width: none;
      padding: 16px;
      width: 100%;
   }
   .showcase-case .showcase__image {
      max-width: none;
      width: 100%;
   }
   .showcase-case .showcase__buttons .btn {
      padding-left: 16px;
      padding-right: 16px;
   }
   .showcase__image-logo {
      right: 50%;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
   }
   .service__item {
      aspect-ratio: auto;
      min-height: 0;
      padding-bottom: 200px;
      width: 100%;
   }
   .cases-slider__item {
      width: 320px;
   }
   .testimonial {
      width: 280px;
   }
   .blog {
      width: 280px;
   }
   .gallery-item {
      width: 280px;
   }
   .customer {
      width: 100%;
   }
   .block {
      width: 100%;
   }

   
}
 
 
 /* База (на случай если где-то нет media query) */
.desktop-only { display: flex; }
.mobile-only  { display: none; }

/* Моб + планшет (включая landscape/portrait) */
@media (max-width: 1024px) {
  .desktop-only { display: none !important; }
  .mobile-only  { display: block !important; } 
  
 
 
  .header-buttons .btn--blink svg {
    display: block !important;
  }.btn--small {         padding: 12px 23px 15px }
  
  
  body > main > footer > div.footer-middle.mobile-only {
   display: flex!important;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start; 
}
	.footer-contacts-ep { 
	display: flex;
    gap: 20px;
	}
	
	
	.footer-contacts-wr { 
	display: flex;
    align-items: center;
    gap: 10px;
	}
	
	body > main > footer > div.footer-middle.mobile-only > div.footer-contacts-wr > a.btn.btn--small {         padding: 14px 12px 13px; }
	.modal__content { max-width: 47% }
	.showcase__image {
		display:none;
	}
	
}

/* ПК (включая landscape/portrait) */
@media (min-width: 1025px) {
  .desktop-only { display: flex !important; }  /* как ты хочешь */
  .mobile-only  { display: none !important; }
}

 
 
 
 

/* Скрываем элементы на мобильных устройствах */
@media (max-width: 768px) {
   /* Пример брейкпоинта для мобильного */
  

   .questions {
      background: linear-gradient(180deg, #3d8bff 0%, #1f5cff 100%);
   }

   .customer__photo {
      max-width: 160px;
   }

   .what-section {
	 
   }

 
/*   .cases,
   .faq-section {
      margin-left: calc(-53vw + 50%);
      margin-right: calc(-53vw + 50%);
   }
*/
   .teams-grid__container {
      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
   }
   
   .team__inner {
    padding-bottom: 5px;
}
/*
   section.section.testimonials,
   section.section.teams,
   section.section.blogs,
   .blog_section,
   section.section.contacts-section {
      padding-left: 0 !important;
   }
   */
   .teams-grid  {
	   padding-left: 10px;
   }
   
   
}

.whats:hover {
   background-color: #4cbb8c !important;
   color: #fff !important;
}

 
.footer-middle {
   display: flex;
   justify-content: space-between;  

   flex-wrap: wrap;  
   gap: 20px;  
}

 
.footer-middle > a.logo,
.footer-middle > .footer-contacts,
.footer-middle > button {
   flex: 1;  
   width: 100%;
}

}
@media (max-width: 768px) {
   .footer-middle > a.logo,
   .footer-middle > .footer-contacts,
   .footer-middle > button {
      flex: none;  
   }

   .footer-contacts-ep,
   .footer-contacts-wr {
      display: flex;
      gap: 20px;
   }
   
   .showcase__breadcrumbs {
  
   top: 40px;
   left: 0;
   /*        padding-left: var(--padding-horizontal);
        padding-right: var(--padding-horizontal);*/
}

.wp-block-group { 
	    margin-right: -10px;
    margin-left: -10px;
   /* padding-left: 10px;
    padding-right: 10px; */
}

#profile {
	padding: 0px;
}
/*
.text-section {
    padding-left: 0px;
	  padding-right: 0px;
	          padding-top: 0px;
}*/
.modal {
  width: 90%;
}

.modal__content {
	width: auto;
    max-width: 100%;
	overflow: auto;      
        height: 580px;
}
}
@media (min-width: 768px) and (max-width: 970px) {
   .footer-middle.desktop-only {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 20px;
   }
   
   
}

.footer-menu > li > a:hover {
   color: #3d8bff;
}

.footer-contacts__tel:hover,
.footer-contacts__mail:hover {
   color: #3d8bff;
}

/* Service Table */

#post-29
   > div
   > section.services
   > div.services__tabs
   > a:nth-child(5)
   > div.services__tab-stage {
   display: none;
}

#post-29
   > div
   > section.services
   > div.services__tabs
   > a:nth-child(5)
   > div.services__tab-title {
   width: 50px;
}

.service__item-15 > div.service__item-title,
.service__item-365 > div.service__item-title,
.service__item-369 > div.service__item-title {
   width: 220px;
}

.what,
.cases-block,
.faq,
.blog_section,
.blocks-flag {
   max-width: calc(100vw - 2 * var(--padding-horizontal));
   margin: 0 auto;
   
}

.wp-block-group__inner-container {
   max-width: calc(100vw - 2 * var(--padding-horizontal));
   margin: 0 auto;
   
}

/* testimonial block */
 


.testimonial__text {
    position: relative;
    transition: max-height 0.4s ease;
    overflow: hidden;
}

.testimonial__text--collapsed {
    max-height: 225px;
}

.testimonial__text--expanded {
    max-height: none;  
}


.testimonial__text--collapsed::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(to bottom, transparent, white);
    pointer-events: none;
}
 

/* Анимация стрелки */
.testimonial__more svg {
   transition: transform 0.3s ease;  
}

 
.swiper-slide {
   height: auto;
}

span.testimonial__short-text {
   display: block !important;
}

.testimonial__inner.text {
   max-height: auto;
}

.fa-star {
   color: #fdbe40;
   font-size: 14px;
   letter-spacing: 3px;
}

.swiper-button-prev,
.swiper-button-next {
   position: absolute;
   top: 220px; 
   z-index: 10;
   
}

/* Services Block */

/* Call block */

.service__item-372 .service__item-image::before {
   bottom: none;
}
.service__item-372 .service__item-image::after {
   bottom: none;
   right: ;
}

/* Stage 1 */

.service__item-351 .service__item-image::before {
   bottom: -20px;
}
.service__item-351 .service__item-image::after {
   bottom: 88px;
   right: 139px;
}

.service__item-356 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: -7px;
   right: 78px;
}

.service__item-356 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 26px;
   bottom: 47px;
   right: 21px;
}
.service__item-356 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 38px;
   right: 31px;
}
.service__item-356 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-357 .service__item-image::before {
   bottom: 36px;
   right: 0;
}
.service__item-357 .service__item-image::after {
   width: 17px;
   height: 21px;
   bottom: 135px;
   right: 36px;
}

.service__item-360 .service__item-image::before {
   bottom: 23px;
   right: -6px;
}
.service__item-360 .service__item-image::after {
   bottom: 135px;
   right: 28px;
}
.service__item-561 .service__item-image::before {
   bottom: 19px;
   right: -6px;
}
.service__item-361 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 110px;
   right: 47px;
}
.service__item-361 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 21px;
   right: 79px;
}
.service__item-361 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-362 .service__item-image::before {
   bottom: -46px;
   right: 68px;
}
.service__item-362 .service__item-image::after {
   bottom: 135px;
   right: 28px;
}
.service__item-362 .service__item-svg {
   right: 46px;
}
.service__item-364 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: -7px;
   right: 78px;
}
.service__item-364 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 18px;
   height: 21px;
   bottom: 107px;
   right: 123px;
}
.service__item-364 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 37px;
   right: 31px;
}
.service__item-364 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-365 .service__item-image::before {
   bottom: -66px;
   right: -9px;
}
.service__item-365 .service__item-image::after {
   width: 16px;
   height: 20px;
   bottom: 82px;
   right: 139px;
}
.service__item-366 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: 7px;
   right: -21px;
}
.service__item-366 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 26px;
   bottom: 114px;
   right: 124px;
}
.service__item-366 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 37px;
   right: 31px;
}
.service__item-366 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-367 .service__item-image::before {
   bottom: -69px;
   right: -6px;
}
.service__item-367 .service__item-image::after {
   width: 17px;
   height: 21px;
   bottom: 101px;
   right: 23px;
}
.service__item-368 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: -8px;
   right: 78px;
}
.service__item-368 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 25px;
   bottom: 22px;
   right: 123px;
}
.service__item-368 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 38px;
   right: 31px;
}
.service__item-368 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-369 .service__item-image::before {
   bottom: -46px;
   right: -24px;
}
.service__item-369 .service__item-image::after {
   width: 21px;
   height: 25px;
   bottom: 54px;
   right: 97px;
}
.service__item-369 .service__item-svg {
   bottom: 86px;
   right: 31px;
}
.service__item-370 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: -9px;
   right: 78px;
}
.service__item-370 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 25px;
   bottom: 49px;
   right: 21px;
}
.service__item-370 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   right: 31px;
   bottom: 36px;
}
.service__item-370 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}
.service__item-371 .service__item-image::before {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
   bottom: 4px;
   right: -17px;
}
.service__item-371 .service__item-image::after {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   width: 21px;
   height: 26px;
   bottom: 117px;
   right: 123px;
}
.service__item-371 .service__item-svg {
   -webkit-transform: skewY(-29.6deg);
   -ms-transform: skewY(-29.6deg);
   transform: skewY(-29.6deg);
   bottom: 37px;
   right: 31px;
}
.service__item-371 .service__item-svg svg {
   -webkit-transform: skewY(29.6deg);
   -ms-transform: skewY(29.6deg);
   transform: skewY(29.6deg);
}

.service__item-15 .service__item-image {
   right: 22px;
}
.service__item-15 .service__item-image svg {
   display: block;
}
.service__item-15 .service__item-image::before {
   display: none;
}
.service__item-15 .service__item-image::after {
   display: none;
}
.service__item-15:hover .btn {
   background-color: #fff;
   color: #3d8bff;
}

 
/* Стили для сетки кейсов */
.cases-grid {
   display: grid;
   grid-template-columns: repeat(
      auto-fill,
      minmax(300px, 1fr)
   );  
   gap: 20px;  
   padding: 20px 0;  
}

.case-grid-item {
   
}

 
@media (min-width: 769px) {
   .cases-grid {
      grid-template-columns: repeat(2, 1fr); 
   }
}

@media (min-width: 1024px) {
   .cases-grid {
      grid-template-columns: repeat(3, 1fr);  
   }
   
    .what-section,
   .cases,
   .faq-section,
   .blogs,
   .gallery,
   .section--light,
   .wp-block-group {
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
   }
   
   
}

/* пагинация */
 
.page-numbers {
   display: inline-block;
   background-color: #f9f9f9;
   color: #000000;
   border: none;
   padding: 10px;
   width: 40px;
   height: 40px;
   text-align: center;
   text-decoration: none;
   border-radius: 0;
   margin: 0 2px;
   font-size: 16px;
   line-height: 20px;
   box-sizing: border-box;
}

.page-numbers:hover {
   background-color: #3d8bff;
   color: #ffffff;
}

.page-numbers.current {
   background-color: #3d8bff;
   color: #ffffff;
}

 
.page-numbers.prev,
.page-numbers.next {
   text-indent: -9999px;
   position: relative;
}

.page-numbers.prev::before {
   content: "←";
   position: absolute;
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-indent: 0;
}

.page-numbers.next::before {
   content: "→";
   position: absolute;
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-indent: 0;
}

 
.pagination {
   text-align: center;
   margin: 20px 0;
}

 
.blog-grid {
   display: grid;
   grid-template-columns: repeat(
      auto-fill,
      minmax(300px, 1fr)
   );  
   gap: 20px;  
   padding: 20px 0; 
}

.blog-grid-item {
 
}

 
@media (min-width: 769px) {
   .blog-grid {
      grid-template-columns: repeat(2, 1fr);  
   }
}

@media (min-width: 1024px) {
   .blog-grid {
      grid-template-columns: repeat(3, 1fr);  
   }
}

/* Pesronal link blog */
 
.node__header h1 {
   line-height: 1.1;
}

.node__header {
   margin-bottom: 35px;
   /* margin-bottom: 3.5rem; */
}

 


 
.post-author__image {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50px;
   -ms-flex: 0 0 5rem;
   flex: 0 0 50px;
   flex: 0 0 5rem;
   max-width: 50px;
   overflow: hidden;
   margin-right: 15px;
   margin-right: 1.5rem;
}

.post-author__image img {
   width: 100%;
   border-radius: 100%;
}

 
.node__meta-time {
   color: #292929;
   font-size: 15px;
}

body
   > main
   > section
   > div.services__tabs
   > a:nth-child(5)
   > div.services__tab-stage {
   display: none;
}

 
.wp-block-my-anchor .anchor-label {
   display: none;
}

.wp-block-my-anchor {
   scroll-margin-top: 80px;
   height: 0;
   overflow: hidden;
}


.banner-bg {
	background-image: linear-gradient(180deg, #F7FAFF 0%, #E5EEFF 100%);
}


.wp-block-heading {
    padding-left:   calc(50% - 570px);
    padding-right:  calc(50% - 570px);
}



footer > div.footer-top > ul > li.current_page_item > a::before, 
footer > div.footer-top > ul > li.current-menu-item > a::before {
	content: none;
}

/*
div.cases-grid > div:nth-child(n) > div > div.case__back > div:nth-child(n) > div.case__point-text > ul > li:nth-child(n)::before {
       content: "■";
       color: #3d8bff;
       font-size: 8px;
       margin-right: 8px;  
       display: inline-block;
	       margin-left: -10px;
		       top: -2px;
    position: relative;
   }
  */ 
   
   
 div.cases-grid > div:nth-child(n) > div > div.case__back > div:nth-child(n) > div.case__point-text >   ul {
       list-style: none;  
   }
   
   
  
/* фиксируем высоту только для video/image отзывов */
.testimonial__inner.video,
.testimonial__inner.image{
  height: 481px;         /* ПК */
  min-height: 481px;
  max-height: 481px;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 16px;             /* если нужно */
}

/* мобилка */
@media (max-width: 767px){
  .testimonial__inner.video,
  .testimonial__inner.image{
    height: 441px;
    min-height: 441px;
    max-height: 441px;
  }
  
  div#site-search {padding: 10px;}
}


.testimonial__inner.video .testimonial__info-photo,
.testimonial__inner.image .testimonial__info-photo{
  width: 100%;
  height: 100%;
}

.testimonial__inner.video .testimonial__info-photo img,
.testimonial__inner.image .testimonial__info-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;      /* или contain, если нельзя обрезать */
  object-position: center;
}



.testimonial__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}


.testimonial__text {
    max-height: 225px; 
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease;
}

 

.showcase {
    position: relative;  
}

.showcase-slider {
    position: relative;
    z-index: 10;  
}

 
.showcase-slider .swiper-pagination,
.showcase-slider .swiper-button-next,
.showcase-slider .swiper-button-prev,
.showcase-slider .showcase__buttons {
    z-index: 20;  
}

 
.showcase-logo {
    z-index: 5;  
}


.service__item:hover .service__item-svg svg path {
  fill:#3D8BFF
}
.service__item-<?php echo esc_attr($service->ID); ?> .service__item-image::before {
  bottom: -20px;
}
.service__item-<?php echo esc_attr($service->ID); ?> .service__item-image::after {
  bottom: 88px;
  right: 139px;
}


.showcase, .page-content {     overflow: clip }
.txt-uot.text-section > ul {  max-width:100% } 
ul.error-links {
	width: 250px;
	text-align: left
}
.showcase{
	min-height: 86%
}

.swiper-button:hover {
	    background-color: #000;
}

@media (max-width: 768px) {
	.showcase {
		min-height: 50%;
	}
	.teams-slider {
		padding-bottom: 220px;
	}
	
	.blog__inner {
		height: 450px;
	}
	
	.post-author, .node__meta-time {
		font-size: 13px
	
	}
	
	
	
	
	
	.search.open {
    
    width: 100%;
}
.search__button {
        width: 56px;
        height: 60px;
    }
	
	.services__tabs {
		    overflow: auto;
	}
	
	.showcase-slider .showcase__item {
		min-height: 100%
}

.customers-count-2, .customers-count-4, .customers-count-5, .customers-count-6 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    
}
.showcase-case {
	    padding-left: 0px;
    padding-right: 0px;
}

 
.showcase-slider .showcase__item {
    
   min-height: auto;
}

}

@media (min-width: 769px) and (max-width: 1040px) {
	.teams-slider {
		padding-bottom: 60px;
	}
}


/* post */ 
.node__meta {
	    padding: 0 10px 0 0;
    margin: 10px 0 20px 0;
}
 
.post-author {
    display: flex;
    align-items: center;
    gap: 12px;
	font-size: 15px;
}

.post-author__avatar {
    
    height: auto;
    border-radius: 50%;
    object-fit: cover;
	/*max-width: 50px;*/
}

.post-author__name a {
    text-decoration: underline;
}
.node--post .node__meta {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background: #fff; /
   padding: 0px 15px 0px 0px;
 
   border-radius: 50px 0 0 50px;  
   font-size: 16px;
   font-size: 1.6rem;
   line-height: 1.1;
   font-weight: 400;
}

@media (max-width: 768px) {
	.post-author__name {
        display: grid;
	}
	.node__meta-time {
	    padding-left: 20px;
	}
	
	.post-author__image {
		margin-right: 0px;
	}
			

}


 
section.banner-bg {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
 
.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}


.post-author-bottom {
	background-color: #FFF;
	padding: 80px 20px 80px 20px;
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
	}
	
.post-author__image_bottom{
  width:150px;
  height:150px;          /* важно: не auto */
  overflow:hidden;       /* чтобы кроп не вылезал */
}

.post-author__image_bottom img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;         /* убирает baseline-gap у img */
}


.post-author__info_bottom {
	font-size: 20px;
	padding-left: 10px;
	display: grid;
    gap: 20px;
}

.post-author__name_bottom {
	font-weight: 800
}

.author_owner {
	    font-style: italic;
}


@media (max-width: 768px) { 

.post-author__info_bottom {
font-size: 15px; }

.post-author-bottom {
	padding: 40px 0 40px 0;
}

.post-author__image_bottom{
  width:80px;
  height:auto
}

.section-y  { 
}


}

 


.about-block {
	 padding-top: 60px;
   padding-bottom: 90px;
}

.services {
   padding-top: 60px;
   padding-bottom: 30px;
}

.cases {
    padding-top: 50px;
    padding-bottom: 60px;
}

.testimonials {
    padding-top: 15px;
    padding-bottom: 60px;
}

.teams {
    padding-top: 110px;
    padding-bottom: 30px;
}

.faq-section {
    padding-top: 60px;
    padding-bottom: 80px;
}

.contacts-section {
	padding-top: 30px;
    padding-bottom: 30px;
}


@media (max-width: 768px) {  
.about-block {
	 padding-top: 30px;
   padding-bottom: 60px;
}

.services {
   padding-top: 60px;
   padding-bottom: 90px;
}

.testimonials {
   padding-top: 15px;
   padding-bottom: 30px;
}

.teams {
    padding-top: 30px;
    padding-bottom: 30px;
}

.case {
    height: 505px;
}

}



 


ol.wp-block-list {
   counter-reset: ol-counter;
   line-height: 1.5;
   list-style: none;
   margin: 0;
   padding: 0;
   max-width: 930px;
}
ol.wp-block-list:not(:first-child) {
   margin-top: 28px;
}
ol.wp-block-list:not(:last-child) {
   margin-bottom: 28px;
}
ol.wp-block-list li {
   counter-increment: ol-counter;
   padding-left: 56px;
   position: relative;
}
ol.wp-block-list li::before {
   border: 1px solid #3d8bff;
   content: counter(ol-counter);
   color: #3d8bff;
   font-size: inherit;
   line-height: 30px;
   text-align: center;
   width: 32px;
   height: 32px;
   position: absolute;
   top: -2px;
   left: 0;
}
ol.wp-block-list li:not(:last-child) {
   margin-bottom: 20px;
}
ul.wp-block-list {
   line-height: 1.4;
   list-style: none;
   margin: 0;
   padding: 0;
   max-width: 640px;
}
ul.wp-block-list:not(:first-child) {
   margin-top: 28px;
}
ul.wp-block-list:not(:last-child) {
   margin-bottom: 28px;
}
ul.wp-block-list li {
   padding-left: 15px;
   position: relative;
}
ul.wp-block-list li::before {
   content: "";
   background-color: #3d8bff;
   width: 4px;
   height: 4px;
   position: absolute;
   top: 12px;
   left: 0;
}
ul.wp-block-list li:not(:last-child) {
   margin-bottom: 20px;
}


.wp-block-list li {
	    list-style: none;
}


a.whats.btn.btn--icon.header-notfixed.desktop-only {
	    padding: 10px;
    border: 1px #fff solid;
}
/* Кнопки */ 
/* Мобильные устройства (до 767px) */
@media (max-width: 767px) {
    .btn-mobile-only { display: block; }
    .btn-desktop-only { display: none; }
	.any-desktop-only { display: none;}
	
	.wp-block-group.has-white-background-color.has-background {
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
	}
	
	 
}

/* Планшет и ПК (от 768px) */
@media (min-width: 768px) {
    .btn-mobile-only { display: none; }
    .btn-desktop-only { display: inline-flex; }
	.any-desktop-only { display: block;}
}

/* Кнопки */