@import url(font.css);

/*@import "tailwindcss";

@theme {
  --font-inter: "Inter", sans-serif;
  --font-bebas: "Bebas Neue", sans-serif;
  --breakpoint-xlDesktop: 1441px;
  --breakpoint-desktop: 1280px;
  --breakpoint-lgDesktop: 1160px;
  --breakpoint-smDesktop: 1025px;
  --breakpoint-xlTablet: 960px;
  --breakpoint-lgTablet: 860px;
  --breakpoint-tablet: 769px;
  --breakpoint-mobile: 641px;
  --breakpoint-xsMobile: 541px;
  --breakpoint-mini: 460px;
  --breakpoint-xs: 390px;
  --breakpoint-sm: 360px;
}*/

html {
  scroll-behavior: smooth;
}

body {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

body {
  overflow-x: hidden;
}

button {
  cursor: pointer;
}

.wrapper {
  position: relative;
  /*overflow-x: hidden;*/
}

.home-page .delayed-sticky-header {
  position: absolute;
  top: 0;
  left: 0;
}

.home-page .delayed-sticky-header.header-pinned {
  position: fixed;
}

.section-padding {
  box-sizing: border-box;
  padding-left: 36px;
  padding-right: 36px;
}

.font-bebas-cyrillic {
  font-family: "Bebas Neue Cyrillic", "Bebas Neue", sans-serif;
}

.tabs-scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.tabs-scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.home-page.hero-intro-running .bg-layer {
  transform: scale(1.1);
  transition: transform 1350ms cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
}

.home-page:not(.hero-intro-done) .hero-stage-1,
.home-page:not(.hero-intro-done) .hero-stage-2,
.home-page:not(.hero-intro-done) .hero-stage-3 {
  opacity: 0;
  transform: translateY(20px);
}

.home-page.hero-intro-running.is-stage-1 .bg-layer {
  transform: scale(1);
}

.home-page.hero-intro-running .hero-stage-1,
.home-page.hero-intro-running .hero-stage-2,
.home-page.hero-intro-running .hero-stage-3 {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 460ms ease-out,
    transform 560ms ease-out;
  will-change: opacity, transform;
}

.home-page.hero-intro-running.is-stage-1 .hero-stage-1,
.home-page.hero-intro-running.is-stage-2 .hero-stage-2,
.home-page.hero-intro-running.is-stage-3 .hero-stage-3 {
  opacity: 1;
  transform: translateY(0);
}

.home-page.hero-intro-done .bg-layer,
.home-page.hero-intro-done .hero-stage-1,
.home-page.hero-intro-done .hero-stage-2,
.home-page.hero-intro-done .hero-stage-3 {
  opacity: 1;
  transform: none;
}

.scroll-reveal .reveal-item {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 620ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.scroll-reveal .reveal-item.reveal-opacity-only {
  transform: none;
}

.scroll-reveal.is-visible .reveal-item {
  opacity: 1;
  transform: translateY(0);
}

.scroll-reveal.is-visible .reveal-item.reveal-opacity-only {
  transform: none;
}

.scroll-reveal .reveal-item.reveal-manual-visible {
  opacity: 1;
  transform: translateY(0);
}

.cats-reveal-item {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 620ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.cats-reveal-item.is-visible-item {
  opacity: 1;
  transform: translateY(0);
}

.cats-heading-inner {
  transform-origin: center center;
  transform: scale(var(--cats-heading-scale, 1));
  will-change: transform;
}

.workflow-card .workflow-el {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 560ms ease-out,
    transform 560ms ease-out;
  will-change: opacity, transform;
}

.workflow-card.is-visible .workflow-el {
  opacity: 1;
  transform: translateY(0);
}

.workflow-card .hands-image {
  opacity: 0;
  transform: scale(1.08);
  transform-origin: center top;
  transition:
    opacity 640ms ease-out,
    transform 700ms ease-out;
}

.workflow-card.is-visible .hands-image {
  opacity: 1;
  transform: scale(1);
}

.workflow-card .card3-download-btn {
  opacity: 0;
  transform: scale(0.9);
  transition:
    opacity 520ms ease-out,
    transform 620ms ease-out;
}

.workflow-card.is-visible .card3-download-btn {
  opacity: 1;
  transform: scale(1);
}

.workflow-card .card4-bg-image {
  opacity: 0;
  transform: scale(1.08);
  transform-origin: center center;
  transition:
    opacity 650ms ease-out,
    transform 760ms ease-out;
}

.workflow-card.is-visible .card4-bg-image {
  opacity: 1;
  transform: scale(1);
}

.workflow-card .card4-phone-wrap {
  opacity: 0;
  transform: translateY(56px);
  transition:
    opacity 560ms ease-out,
    transform 650ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.workflow-card.is-visible .card4-phone-wrap {
  opacity: 1;
  transform: translateY(0);
}

.workflow-card-4 .card4-bg-image,
.workflow-card-4 .card4-phone-wrap,
.workflow-card-4 .card4-time,
.workflow-card-4 .card4-notification,
.workflow-card-4 .card4-logo,
.workflow-card-4 .card4-support {
  opacity: 0;
}

.workflow-card-4 .card4-time,
.workflow-card-4 .card4-notification,
.workflow-card-4 .card4-logo,
.workflow-card-4 .card4-support {
  transform: translateY(14px);
  transition:
    opacity 500ms ease-out,
    transform 520ms ease-out;
}

.workflow-card-4.is-phase-1 .card4-bg-image {
  opacity: 1;
  transform: scale(1);
}

.workflow-card-4.is-phase-2 .card4-phone-wrap {
  opacity: 1;
  transform: translateY(0);
}

.workflow-card-4.is-phase-3 .card4-time,
.workflow-card-4.is-phase-3 .card4-notification,
.workflow-card-4.is-phase-3 .card4-logo,
.workflow-card-4.is-phase-3 .card4-support {
  opacity: 1;
  transform: translateY(0);
}

.workflow-card-4.is-phase-3 .card4-notification {
  transition-delay: 90ms;
}
.workflow-card-4.is-phase-3 .card4-logo {
  transition-delay: 170ms;
}
.workflow-card-4.is-phase-3 .card4-support {
  transition-delay: 250ms;
}

.workflow-card .card2-avatar {
  opacity: 0;
  transform: translateY(12px) scale(0.94);
  transition:
    opacity 420ms ease-out,
    transform 500ms ease-out;
}

.workflow-card.is-visible .card2-avatar {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.workflow-card .card2-avatar:nth-child(1) {
  transition-delay: 0ms;
}
.workflow-card .card2-avatar:nth-child(2) {
  transition-delay: 90ms;
}
.workflow-card .card2-avatar:nth-child(3) {
  transition-delay: 180ms;
}
.workflow-card .card2-avatar:nth-child(4) {
  transition-delay: 270ms;
}

.workflow-card .card1-bottom-text {
  transition-delay: 180ms;
}
.workflow-card .card2-avatars-row {
  transition-delay: 140ms;
}
.workflow-card .card2-request-card {
  transition-delay: 280ms;
}
.workflow-card .card3-download-btn {
  transition-delay: 160ms;
}
.workflow-card .card3-bottom-text {
  transition-delay: 320ms;
}

.cases-section {
  --cases-heading-scale: 1;
  --cases-heading-opacity: 1;
}

.cases-heading-content {
  transform-origin: center top;
  transform: scale(var(--cases-heading-scale));
  opacity: var(--cases-heading-opacity);
  will-change: transform, opacity;
}

.process-step {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 520ms ease-out,
    transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.process-steps.is-visible .process-step {
  opacity: 1;
  transform: translateY(0);
}

.process-steps .process-step:nth-child(1) { transition-delay: 0ms; }
.process-steps .process-step:nth-child(2) { transition-delay: 110ms; }
.process-steps .process-step:nth-child(3) { transition-delay: 220ms; }
.process-steps .process-step:nth-child(4) { transition-delay: 330ms; }

.testimonial-card {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 560ms ease-out,
    transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.testimonials-grid.is-visible .testimonial-card {
  opacity: 1;
  transform: translateY(0);
}

.testimonials-grid .testimonial-card-1 { transition-delay: 0ms; }
.testimonials-grid .testimonial-card-2 { transition-delay: 120ms; }
.testimonials-grid .testimonial-card-3 { transition-delay: 240ms; }
.testimonials-grid .testimonial-card-4 { transition-delay: 360ms; }

.testimonial-card-3 .testimonial-stars,
.testimonial-card-3 .testimonial-review,
.testimonial-card-3 .testimonial-numbers,
.testimonial-card-4 .testimonial-stars,
.testimonial-card-4 .testimonial-review,
.testimonial-card-4 .testimonial-numbers {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 480ms ease-out,
    transform 560ms ease-out;
}

.testimonial-card-3.is-phase-1 .testimonial-stars,
.testimonial-card-4.is-phase-1 .testimonial-stars {
  opacity: 1;
  transform: translateY(0);
}

.testimonial-card-3.is-phase-2 .testimonial-review,
.testimonial-card-4.is-phase-2 .testimonial-review {
  opacity: 1;
  transform: translateY(0);
}

.testimonial-card-3.is-phase-3 .testimonial-numbers,
.testimonial-card-4.is-phase-3 .testimonial-numbers {
  opacity: 1;
  transform: translateY(0);
}

.faq-accordion-list .accordion-item {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 500ms ease-out,
    transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.faq-accordion-list.is-visible .accordion-item {
  opacity: 1;
  transform: translateY(0);
}

.faq-accordion-list .accordion-item:nth-child(1) { transition-delay: 0ms; }
.faq-accordion-list .accordion-item:nth-child(2) { transition-delay: 100ms; }
.faq-accordion-list .accordion-item:nth-child(3) { transition-delay: 200ms; }
.faq-accordion-list .accordion-item:nth-child(4) { transition-delay: 300ms; }
.faq-accordion-list .accordion-item:nth-child(5) { transition-delay: 400ms; }
.faq-accordion-list .accordion-item:nth-child(6) { transition-delay: 500ms; }

.footer-reveal-layout main {
  position: relative;
  z-index: 10;
}

.footer-reveal-layout .footer-reveal-source {
  position: relative;
  z-index: 10;
}

.footer-reveal-layout .footer-reveal-target {
  position: sticky;
  bottom: 0;
  z-index: 0;
}

@media (min-width: 1025px) {
  .cases-section {
    overflow: visible !important;
  }

  .cases-stage {
    position: relative;
  }

  .cases-heading-sticky {
    position: sticky;
    top: 0;
    z-index: 1;
    pointer-events: none;
  }

  .cases-grid-layer {
    position: relative;
    z-index: 2;
    background: transparent;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page.hero-intro-running .bg-layer,
  .home-page.hero-intro-running .hero-stage-1,
  .home-page.hero-intro-running .hero-stage-2,
  .home-page.hero-intro-running .hero-stage-3 {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  .scroll-reveal .reveal-item {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  .cats-heading-inner {
    transform: scale(1) !important;
  }

  .cats-reveal-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .workflow-card .workflow-el {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .cases-heading-content {
    transform: none !important;
    opacity: 1 !important;
  }

  .process-step {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .testimonial-card,
  .testimonial-card-3 .testimonial-stars,
  .testimonial-card-3 .testimonial-review,
  .testimonial-card-3 .testimonial-numbers,
  .testimonial-card-4 .testimonial-stars,
  .testimonial-card-4 .testimonial-review,
  .testimonial-card-4 .testimonial-numbers {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .faq-accordion-list .accordion-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

}

.blog-cards-grid {
  display: grid;
  gap: 90px 20px;
}

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

  .blog-cards-grid > .blog-card-item:nth-child(3n + 1) {
    grid-column: 1;
  }

  .blog-cards-grid > .blog-card-item:nth-child(3n + 2) {
    grid-column: 3;
  }

  .blog-cards-grid > .blog-card-item:nth-child(3n + 3) {
    grid-column: 2;
  }
}

@media (max-width: 1280px) {
  .blog-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .blog-cards-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

body.menu-open header {
  background: #f9452d !important;
  box-shadow: none !important;
}

body.menu-open #header-main-nav {
  opacity: 0;
  pointer-events: none;
}

body.menu-open #header-dropdown-menu {
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 1024px) {
  body.menu-open #header-dropdown-menu {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.input-field {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 47px;
}

.input-field::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  cursor: pointer;
  height: 29px;
  padding: 10px 40px;
  border-radius: 9999px;
  background: #f9452d;
}

.form-btn__icon {
  display: block;
}

.form-btn__icon--desktop {
  display: none;
  width: 13px;
  height: 17px;
}

.form-btn__icon--mobile {
  display: block;
  width: 24px;
  height: 24px;
}

.form-btn__text {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}

@media (min-width: 1025px) {
  .form-btn {
    justify-content: flex-start;
    padding: 0;
    background: transparent;
  }

  .form-btn__icon--desktop {
    display: block;
  }

  .form-btn__icon--mobile {
    display: none;
  }

  .form-btn__text {
    color: #fff;
  }
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  color: #fff !important;
}

.wpcf7-spinner {
  display: none !important;
}

.contacts-form__fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contacts-form__field {
  width: 100%;
}

.contacts-form__label {
  display: block;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.04em;
  color: #0c0c0c;
  opacity: 0.5;
}

.contacts-form__input,
.contacts-form__textarea {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #0c0c0c;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.04em;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.contacts-form__field--message .contacts-form__textarea {
  min-height: 118px;
  height: 155px;
  resize: vertical;
}

.contacts-form__btn {
  margin-top: 32px;
  height: 56px;
  border: 0;
  border-radius: 9999px;
  padding: 10px 40px;
  background: #f9452d;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.contacts-form__btn > .wpcf7-submit {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
}

.contacts-form__btn-icon--desktop {
  display: none;
}

.contacts-form__btn-icon--mobile {
  display: block;
}

@media (min-width: 768px) {
  .contacts-form__btn {
    margin-top: 64px;
    padding: 0;
    height: auto;
    border-radius: 0;
    background: transparent;
    justify-content: flex-start;
  }

  .contacts-form__btn > .wpcf7-submit {
    font-size: 22px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.05em;
    color: #0c0c0c;
  }

  .contacts-form__btn-icon--desktop {
    display: block;
  }

  .contacts-form__btn-icon--mobile {
    display: none;
  }
}

.contacts-form #wpcf7-f376-o1 > form >.wpcf7-response-output {
  color: #000 !important;
}