.button,
.services .lqd-counter-element,
button,
input[type="button"],
input[type="submit"] {
  font-family: var(--lqd-heading-font-family);
}
.main-footer .divider,
.testimonials .divider {
  --divider-border-style: solid;
  --divider-border-width: 1px;
}
:root {
  --lqd-container-width: 1220px;
  --lqd-container-width-md: 100%;
  --lqd-container-width-sm: 100%;
  --lqd-row-gutter-x: 0;
  --lqd-row-gutter-y: 0;
  --lqd-color-primary: #000000;
  --lqd-body-text-color: #000000;
  --lqd-color-accent: #f7fd92;
  --lqd-color-dark: #1a1d21;
  --lqd-badge-color: rgba(255, 255, 255, 0.678);
  --lqd-color-gray-500: #6b7280;
  --lqd-body-font-family: "Poppins", sans-serif;
  --lqd-body-font-size: 13px;
  --lqd-body-line-height: 1.23em;
  --lqd-accent-font-family: "Playfair Display", serif;
  --lqd-accent-font-weight: 400;
  --lqd-heading-font-family: "Space Grotesk", sans-serif;
  --lqd-heading-font-weight: 700;
  --lqd-heading-line-height: 1em;
  --lqd-heading-color: var(--lqd-color-primary);
  --lqd-h1-font-size: 55px;
  --lqd-h2-font-size: 42px;
  --lqd-h2-letter-spacing: -0.8px;
  --lqd-h3-font-size: 32px;
  --lqd-h3-line-height: 1.31em;
  --lqd-h3-letter-spacing: -0.4px;
  --lqd-h4-font-size: 29px;
  --lqd-h4-letter-spacing: -0.4px;
  --lqd-h5-font-size: 20px;
  --lqd-h5-line-height: 1.2em;
  --lqd-h6-font-family: var(--lqd-body-font-family);
  --lqd-h6-font-size: 14px;
  --lqd-h6-font-weight: 500;
  --lqd-h6-line-height: 1.2em;
  --lqd-cc-size-inner: 25px;
  --lqd-cc-bg: #fff;
  --lqd-cc-active-bw: 1px;
  --lqd-cc-active-bg: #fff;
  --lqd-cc-active-bc: #fff;
  --lqd-cc-active-circle-txt: #000;
  --lqd-cc-blend-mode: difference;
}
.lity-modal .lqd-contact-form {
  --inputs-margin: 0 0 30px 0;
  --input-margin-bottom: 30px;
}
.lity-modal h2 span {
  font-family: "DM Serif Text", serif;
  font-style: italic;
}
.main-header .main-nav {
  --lqd-menu-items-top-padding: 16px;
  --lqd-menu-items-right-padding: 40px;
  --lqd-menu-items-bottom-padding: 16px;
  --lqd-menu-items-left-padding: 40px;
}
.main-header .ld-module-sd .main-nav,
.module-mobile-nav .main-nav {
  --lqd-menu-items-top-padding: 0;
  --lqd-menu-items-right-padding: 0;
  --lqd-menu-items-left-padding: 0;
}
.main-header .ld-module-sd .main-nav {
  --lqd-menu-items-bottom-padding: 60px;
}
.module-mobile-nav .main-nav {
  --lqd-menu-items-bottom-padding: 40px;
}
.module-mobile-nav .ld-module-dropdown {
  width: 80vw;
}
.module-mobile-nav .module-col-inner {
  padding: 35px;
}
.module-mobile-nav .lqd-menu-counter-right li a {
  font-size: 24px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .main-header .main-nav {
    --lqd-menu-items-right-padding: 20px;
    --lqd-menu-items-left-padding: 20px;
  }
}
.main-header .lqd-stickybar-right {
  padding: 0 0 7%;
}
.main-header .lqd-stickybar-left {
  padding: 6% 2% 6% 0;
  justify-content: space-between;
}
.lqd-stickybar-wrap .ld-module-sd > .nav-trigger {
  transform: rotate(-90deg);
}
.main-header .lqd-stickybar-left .ld-module-sd > .ld-module-dropdown {
  width: 55vw;
}
.main-header .ld-sd-wrap {
  padding: 0;
}
.main-header .ld-module-sd .main-nav > li.is-active > a,
.main-header .ld-module-sd .main-nav > li:hover > a,
.navbar-fullscreen .main-header .ld-module-sd .main-nav > li > a:hover {
  color: #184341;
}
.main-header .main-nav > li > a > .link-icon {
  font-size: 0.7em;
}
.main-header .navbar-collapse {
  flex: 1 auto;
  overflow: visible;
  height: auto;
}
.banner .lqd-vslider-ext h2 {
  font-size: 55px;
}
.banner .lqd-vslider .lqd-extra-cursor {
  background-color: rgba(255, 4, 4, 0.85);
}
.banner .lqd-vslider-scrn {
  height: calc(100vh - 120px);
}
@media screen and (min-width: 992px) {
  .lqd-vslider-ext li {
    top: 0;
    inset-inline-start: 0;
    padding: 5.5rem 4rem 1rem;
  }
}
.our-services .module-img-3 {
  inset-inline-start: 25%;
}
@media (min-width: 768px) {
  .our-services .ld-fancy-heading h3 {
    padding-inline-end: 10px;
  }
}
.our-vision .lqd-throwable-scene {
  height: 73vh;
}
.our-vision .lqd-throwable-scene .module-float-1 span,
.our-vision .lqd-throwable-scene .module-float-3 span,
.our-vision .lqd-throwable-scene .module-float-5 span,
.our-vision .lqd-throwable-scene .module-float-7 span,
.our-vision .lqd-throwable-scene .module-float-9 span {
  background-color: #fe2c55;
}
.our-vision .lqd-throwable-scene .module-float-2 span,
.our-vision .lqd-throwable-scene .module-float-4 span,
.our-vision .lqd-throwable-scene .module-float-6 span,
.our-vision .lqd-throwable-scene .module-float-8 span {
  background-color: #25f4ee;
}
.our-vision > .pos-abs {
  inset-inline-start: 0px;
}
.case-studies .liquid-filter-items {
  margin-bottom: 35px;
}
.case-studies .filter-list li,
.case-studies .lqd-filter-dropdown .ui-button {
  color: #4d4d4d;
}
.case-studies .filter-list li.active,
.case-studies .filter-list li.hover,
.case-studies .lqd-filter-dropdown .ui-button:active,
.case-studies .lqd-filter-dropdown .ui-button:focus {
  color: #000;
}
.case-studies .lqd-pf-item:hover .lqd-pf-overlay-bg {
  opacity: 0;
}
.services .lqd-counter-element {
  font-size: 170px;
}
.services .accordion-item.active .accordion-expander {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.services .accordion-title a {
  border-color: #707070;
}
.services .accordion-item.active .accordion-title a {
  border-color: transparent;
}
@media (min-width: 1199px) {
  .services .lqd-counter-element {
    font-size: 220px;
  }
}
.section-flow {
  min-height: 655px;
}
.section-flow .lqd-section-flow-panel-end {
  padding: 13% 6%;
}
.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {
  padding-top: 20%;
  padding-bottom: 20%;
}
.testimonials .divider {
  --divider-color: #ffffff26;
  --divider-element-spacing: 20px;
}
.testimonials .lqd-carousel-slides {
  justify-content: center;
  align-items: center;
}
.testimonials .carousel-nav .flickity-button {
  width: 26px;
  height: 26px;
  color: #fff;
  border-color: #3b3d3f;
  background: #3b3d3f;
  padding: 0;
}
.testimonials .carousel-nav .flickity-button svg {
  fill: #ffffff;
}
.testimonials .carousel-dots {
  top: auto;
  bottom: 0;
  inset-inline-end: 0px;
  inset-inline-start: 0;
}
.testimonials .lqd-carousel-slides-numbers {
  color: #fff;
}
.testimonials
  .carousel-dots-mobile.carousel-dots-mobile-outside
  .flickity-page-dots {
  margin-top: 1.5em;
}
.testimonials .flickity-page-dots .dot {
  background-color: rgba(255, 255, 255, 0.14);
}
.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
  background-color: #fff;
}
.blog .lqd-lp-style-21 h2.lqd-lp-title {
  font-size: 21px;
}
.blog .lqd-lp .lqd-lp-content-bg,
.blog .lqd-lp .lqd-lp-img .lqd-overlay {
  background-color: rgba(66, 46, 46, 0.16);
}
@media screen and (min-width: 768px) {
  .blog .lqd-lp-style-21 .lqd-lp-img {
    margin-bottom: 0;
  }
}
.contact .lqd-contact-form {
  --inputs-margin: 0 0 25px 0;
  --input-margin-bottom: 25px;
}
.lqd-contact-form .ui-button.ui-selectmenu-button:focus,
.lqd-contact-form input:focus,
.lqd-contact-form select:focus,
.lqd-contact-form textarea:focus {
  outline: 0;
  border-color: #000;
  color: #000;
}
.contact input[type="submit"] {
  height: 40px;
  border: 2px solid;
}
.main-footer .divider {
  --divider-color: rgba(255, 255, 255, 0.12);
}
.main-footer .social-icons-wrapper {
  --grid-template-columns: repeat(0, auto);
  --justify-content: center;
  --grid-column-gap: 40px;
  --content-width: 100%;
}
.main-footer .module-menu .link-badge {
  font-size: 10px;
  letter-spacing: 1px;
}
@media (max-width: 1199px) {
  .lity-modal .ld-fancy-heading h2 {
    font-size: 48px;
    line-height: 1em;
  }
  .lity-modal .module-content {
    padding: 10px;
  }
  .main-header .module-logo {
    padding: 20px 0;
  }
  .main-header .module-left-side {
    padding: 100px 50px 50px;
    flex-direction: row;
  }
  .banner .lqd-vslider-ext .d-flex {
    padding-inline-end: 20%;
  }
  .clients {
    padding: 50px 20px 40px;
  }
  .blog,
  .contact,
  .main-footer,
  .our-services {
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }
  .solutions {
    padding-top: 80px;
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }
  .solutions .module-title h2 {
    margin: 15px 0 30px;
  }
  .solutions .module-box {
    gap: 30px;
  }
  .case-studies .module-col,
  .case-studies .module-title {
    padding-inline-start: 30px;
  }
  .case-studies .module-col {
    padding-inline-end: 30px;
  }
  .services .module-col {
    padding-inline-end: 45px;
    padding-inline-start: 45px;
  }
  .services .module-title {
    padding-inline-start: 20px;
  }
  .services .module-btn,
  .services .module-content {
    padding-inline-end: 20px;
  }
  .clients-carousel .carousel-item {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }
  .main-footer .module-menu .module-col {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .lity-modal .container {
    padding: 30px 15px;
  }
  .lity-modal .module-form,
  .lity-modal .module-info {
    margin-top: 30px;
  }
  .lity-modal .ld-fancy-heading h2 {
    font-size: 34px;
  }
  .main-header .ld-module-sd .main-nav {
    --lqd-menu-items-bottom-padding: 25px;
  }
  .module-mobile-nav .lqd-menu-counter-right li a {
    font-size: 17px;
  }
  .banner,
  .main-header .module-header {
    padding: 20px 20px 0;
  }
  .main-header .ld-module-sd .module-social {
    bottom: 30px;
  }
  .main-header .ld-module-sd > .ld-module-dropdown {
    width: 80vw;
  }
  .main-header .module-left-side {
    flex-direction: column;
    padding: 35px;
  }
  .contact .module-content,
  .main-footer .module-top .module-col,
  .main-header .module-left-side .lqd-fancy-menu {
    margin-bottom: 30px;
  }
  .main-header .module-left-side .main-nav a {
    font-size: 24px;
    --lqd-menu-items-top-padding: 0;
    --lqd-menu-items-right-padding: 0;
    --lqd-menu-items-bottom-padding: 40px;
    --lqd-menu-items-left-padding: 0;
  }
  .banner .ld-fancy-heading h2 {
    font-size: 50px;
  }
  .clients {
    padding-top: 40px;
  }
  .blog .row:first-child .col-12:first-child,
  .clients .module-img,
  .main-footer .module-info .module-col,
  .services .module-title {
    margin-bottom: 20px;
  }
  .our-services {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .our-services .module-img-3 img {
    width: 170px;
  }
  .our-services .module-col {
    margin-bottom: 140px;
  }
  .our-services .module-img-1 {
    width: 40%;
  }
  .our-services .module-img-2 {
    width: 45%;
  }
  .solutions {
    padding-top: 40px;
    padding-bottom: 90px;
  }
  .solutions .module-title {
    padding-bottom: 6%;
  }
  .solutions .module-title h2 {
    margin: 5px 0 10px;
  }
  .section-dark {
    padding: 80px 20px;
  }
  .our-vision .lqd-text-reveal-el {
    font-size: 12vw;
  }
  .case-studies .col-12 > .d-flex .ld-fancy-heading:first-child h2 {
    font-size: 14vw;
  }
  .case-studies .col-12 > .d-flex h2 {
    font-size: 13vw;
  }
  .services .module-btn {
    padding-inline-start: 20px;
  }
  .services .module-col {
    padding: 0 20px 30px;
  }
  .services .accordion-title a {
    font-size: 24px;
    line-height: 1.1em;
  }
  .services .accordion-expander {
    font-size: 20px;
    width: 45px;
    height: 45px;
  }
  .services span.ld-fh-element {
    margin-bottom: 0;
  }
  .section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .clients-carousel .carousel-item {
    width: calc(100% / 1.5);
  }
  .blog {
    padding-bottom: 20px;
  }
}
.lqd-imggrp-single[data-hover3d] {
  perspective: 1200px;
}
.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container {
  transform-style: preserve-3d;
}
.bananas-banner .lqd-bnr-bnns .module-sticky {
  inset-inline-start: 0;
  top: 0;
}
.bananas-banner .lqd-bnr-bnns-h {
  font-size: 5vw;
}
.text-tt-shadow {
  text-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3),
    0 -4px 10px rgba(255, 255, 255, 0.3);
}
.cs_preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  background: #121212;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.glitch {
  position: relative;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  letter-spacing: 5px;
  z-index: 1;
  animation: 2s ease-in-out infinite alternate shift;
}
.glitch:after,
.glitch:before {
  display: block;
  content: attr(data-glitch);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
}
.glitch:before {
  animation: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both glitch;
  color: #fe2c55;
  z-index: -1;
}
.glitch:after {
  animation: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite reverse both
    glitch;
  color: #25f4ee;
  z-index: -2;
}
@keyframes glitch {
  0%,
  to {
    transform: translate(0);
  }
  20% {
    transform: translate(-3px, 3px);
  }
  40% {
    transform: translate(-3px, -3px);
  }
  60% {
    transform: translate(3px, 3px);
  }
  80% {
    transform: translate(3px, -3px);
  }
}
@keyframes shift {
  0%,
  100%,
  40%,
  44%,
  58%,
  61%,
  65%,
  69%,
  73% {
    transform: skewX(0);
  }
  41% {
    transform: skewX(10deg);
  }
  42% {
    transform: skewX(-10deg);
  }
  59% {
    transform: skewX(40deg) skewY(10deg);
  }
  60% {
    transform: skewX(-40deg) skewY(-10deg);
  }
  63% {
    transform: skewX(10deg) skewY(-5deg);
  }
  70% {
    transform: skewX(-50deg) skewY(-20deg);
  }
  71% {
    transform: skewX(10deg) skewY(-10deg);
  }
}
.cs_preloader_dots_wrap {
  display: block;
  margin: 0 auto;
  width: 97px;
  -webkit-transform: scale(2);
  transform: scale(2);
}
.cs_preloader_dots_wrap .cs_preloader_dots i {
  width: 19px;
  height: 19px;
  display: inline-block;
  border-radius: 50%;
  background: #25f4ee;
}
.cs_preloader_dots_wrap .cs_preloader_dots i:first-child {
  opacity: 0;
  -webkit-animation: 0.58s linear infinite cs_preloader_dots-ani2;
  animation: 0.58s linear infinite cs_preloader_dots-ani2;
  -webkit-transform: translate(-19px);
  transform: translate(-19px);
}
.cs_preloader_dots_wrap .cs_preloader_dots i:nth-child(2),
.cs_preloader_dots_wrap .cs_preloader_dots i:nth-child(3) {
  -webkit-animation: 0.58s linear infinite cs_preloader_dots-ani3;
  animation: 0.58s linear infinite cs_preloader_dots-ani3;
}
.cs_preloader_dots_wrap .cs_preloader_dots i:last-child {
  -webkit-animation: 0.58s linear infinite cs_preloader_dots-ani1;
  animation: 0.58s linear infinite cs_preloader_dots-ani1;
}
@-webkit-keyframes cs_preloader_dots-ani1 {
  100% {
    -webkit-transform: translate(39px);
    transform: translate(39px);
    opacity: 0;
  }
}
@keyframes cs_preloader_dots-ani1 {
  100% {
    -webkit-transform: translate(39px);
    transform: translate(39px);
    opacity: 0;
  }
}
@-webkit-keyframes cs_preloader_dots-ani2 {
  100% {
    -webkit-transform: translate(19px);
    transform: translate(19px);
    opacity: 1;
  }
}
@keyframes cs_preloader_dots-ani2 {
  100% {
    -webkit-transform: translate(19px);
    transform: translate(19px);
    opacity: 1;
  }
}
@-webkit-keyframes cs_preloader_dots-ani3 {
  100% {
    -webkit-transform: translate(19px);
    transform: translate(19px);
  }
}
@keyframes cs_preloader_dots-ani3 {
  100% {
    -webkit-transform: translate(19px);
    transform: translate(19px);
  }
}
.cs_preloader_text {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 3px;
}

