.home-hero-heading-wrap {
          -webkit-animation: fadeIn 0.4s ease backwards;
          animation: fadeIn 0.4s ease backwards;
          -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
        }

        .home-hero-subheading {
          -webkit-animation: fadeIn 0.4s ease backwards;
          animation: fadeIn 0.4s ease backwards;
          -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
        }

        .home-hero .cta {
          -webkit-animation: fadeIn 0.4s ease backwards;
          animation: fadeIn 0.4s ease backwards;
          -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
        }

        .home-hero-logos {
          -webkit-animation: fadeIn 0.4s ease backwards;
          animation: fadeIn 0.4s ease backwards;
          -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
        }

        .hero-scroll-wrap {
          -webkit-animation: fadeInDisplay 0.4s ease backwards;
          animation: fadeInDisplay 0.4s ease backwards;
          -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
        }

        @-webkit-keyframes fadeIn {
          from {
            opacity: 0;
            -webkit-transform: translateY(50px);
          }

          to {
            opacity: auto;
            -webkit-transform: translateY(0px);
          }
        }

        @keyframes fadeIn {
          from {
            opacity: 0;
            transform: translateY(50px);
          }

          to {
            opacity: auto;
            transform: translateY(0px);
          }
        }

        @-webkit-keyframes fadeInDisplay {
          from {
            opacity: 0;
            -webkit-transform: translateY(100px);
          }

          to {
            opacity: auto;
            -webkit-transform: translateY(0px);
          }
        }

        @keyframes fadeInDisplay {
          from {
            opacity: 0;
            transform: translateY(100px);
          }

          to {
            opacity: auto;
            transform: translateY(0px);
          }
        }

        .home-hero-heading {
          background: linear-gradient(0deg, #11181c 20%, rgba(17, 24, 28, 0) 45%),
            linear-gradient(90deg,
              #0f3058 0%,
              #006adc 33.333%,
              #11181c 50%,
              #11181c 100%);
          background-size: 300% 100%;
          background-repeat: no-repeat;
          -webkit-background-clip: text;
          background-clip: text;
          -moz-background-clip: text;
          -webkit-animation: intro-gradient 1.8s ease backwards;
          animation: intro-gradient 1.8s ease backwards;
          -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
        }

        @-webkit-keyframes intro-gradient {
          0% {
            background-position: 100% 0%;
          }

          100% {
            background-position: 0% 0%;
          }
        }

        @keyframes intro-gradient {
          0% {
            background-position: 100% 0%;
          }

          100% {
            background-position: 0% 0%;
          }
        }

        .home-hero-carousel-row {
          -webkit-animation: marquee-horizontal 30s linear infinite;
          animation: marquee-horizontal 30s linear infinite;
        }

        @-webkit-keyframes marquee-horizontal {
          from {
            transform: translateX(0) translateZ(0);
          }

          to {
            transform: translateX(-100%) translateZ(0);
          }
        }

        @keyframes marquee-horizontal {
          from {
            transform: translateX(0) translateZ(0);
          }

          to {
            transform: translateX(-100%) translateZ(0);
          }
        }

        @media only screen and (min-width: 992px) {
          .hero-scroll-wrap {
            margin-top: calc((100vh - 38.3vw) / 2 * -1);
          }
        }

        .projects-list-item-link:hover .project-list-img-inner {
          -webkit-transform: scale(1);
          transform: scale(1);
          border-top-left-radius: 18px;
          border-top-right-radius: 18px;
        }

        .projects-list-item-link .project-list-img-inner {
          -webkit-transform: scale(0.85);
          transform: scale(0.85);
        }

        .projects-list-item-link .project-item-close {
          opacity: 0;
        }

        .projects-list-item-link:hover .project-item-close {
          opacity: 1;
        }

        @media only screen and (min-width: 992px) and (max-width: 1600px) and (max-height: 850px) {
          .home-hero-heading {
            font-size: 100px;
          }

          .home-hero-subheading {
            font-size: 20px;
            max-width: 580px;
          }
        }

        @media only screen and (min-width: 992px) and (min-height: 1300px) {
          .home-hero-heading {
            font-size: 124px;
          }

          .home-hero-subheading {
            font-size: 24px;
            max-width: 700px;
          }
        }

        @media only screen and (min-width: 992px) and (max-width: 1300px) {
          .home-hero-logos {
            max-width: 650px;
          }
        }

        .testimonials-slide {
          overflow: visible !important;
        }

        .testimonials-slide.swiper-slide-active .testimonial-img {
          opacity: 100%;
        }

        .swiper-pagination-bullet {
          width: 40px;
          height: 20px;
          background: none;
          border-radius: 100px;
          opacity: 15%;
          cursor: none !important;
          position: relative;
        }

        .swiper-pagination-bullet::before {
          content: "";
          width: 40px;
          height: 5px;
          background: #11181c;
          border-radius: 100px;
          position: absolute;
          left: 0;
          top: 8px;
        }

        .swiper-pagination-bullet:focus {
          outline: none;
        }

        .swiper-pagination-bullet-active {
          opacity: 70%;
        }

        .swiper-3d .swiper-slide-shadow {
          background: rgba(0, 0, 0, 0.025);
          border-radius: inherit;
        }

        .testimonials-slider-btn {
          width: calc(50% - 240px);
        }

        .testimonials-slider-btn:focus {
          outline: none;
        }

        .workflow-card-step {
          font-variant-numeric: tabular-nums;
        }

        .nav.dark .nav-link {
          color: #9ba1a6;
        }

        .nav.dark .nav-link:hover {
          color: #ecedee;
        }

        .nav.dark .cta {
          color: #54a4eb;
        }

        .nav.dark {
          background: rgba(21, 23, 24, 0.7);
        }

        .nav.dark .nav-inner {
          border-color: rgba(223, 243, 253, 0.1);
        }

        .intro-img-blur-bg {
          background: conic-gradient(from 180deg at 50% 50%,
              #0aefff -69.37deg,
              #0f83ff 31.88deg,
              #b056e7 120deg,
              #ff9966 204.37deg,
              #0aefff 290.63deg,
              #0f83ff 391.87deg);
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }

        .intro-img-wrap {
          clip-path: inset(-1000px -1000px 1px -1000px);
        }

        .card-bg::before {
          content: "";
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          opacity: 0;
          transition-duration: 400ms;
          transition-timing-function: ease;
          transition-delay: 0s;
          transition-property: opacity;
          background-image: radial-gradient(480px at var(--cursor-x) var(--cursor-y),
              rgba(255, 255, 255, 0.5),
              transparent 40%);
          background-size: auto;
          background-origin: padding-box;
          z-index: 1;
          border-radius: 10px;
        }

        .cards-grid:hover .card-bg::before {
          opacity: 1;
        }

        .card-highlight {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          opacity: 0;
          transition-duration: 300ms;
          transition-timing-function: ease;
          transition-delay: 0s;
          transition-property: opacity;
          background-image: radial-gradient(400px at var(--cursor-x) var(--cursor-y),
              rgba(255, 255, 255, 0.4),
              transparent);
          border-radius: 10px;
          pointer-events: none;
        }

        .card-wrap:hover .card-highlight {
          opacity: 0.1;
        }

        .benefits-bg-blur {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }

        .benefits-bg-gradient {
          background: conic-gradient(from 180deg at 50% 50%,
              #0aefff -69.37deg,
              #0f83ff 31.88deg,
              #b056e7 120deg,
              #ff9966 204.37deg,
              #0aefff 290.63deg,
              #0f83ff 391.87deg),
            #a84ddf;
        }

        @media only screen and (max-width: 1250px) and (min-width: 992px) {

          .screen-slice-img-left,
          .screen-slice-img-right {
            height: 256px;
          }

          .screen-slice-content.cc-right {
            width: 230px;
            padding-right: 24px;
          }
        }

        @media only screen and (max-width: 991px) {

          .fsm.opened,
          .fsm.opened .project-list-img-inner,
          .fsm.opened .project-list-item-container {
            border-radius: 0px;
          }
        }

        @media only screen and (max-width: 410px) {
          .workflow-card {
            height: 300px;
            border-radius: 20px;
          }
        }

        @media only screen and (max-width: 350px) {
          .workflow-card {
            height: 335px;
            border-radius: 20px;
          }
        }

        .card--footer-cta:hover .footer-cta-bg {
          opacity: 100%;
        }

        .swiper-button-disabled {
          display: none;
        }