/* ***** Global ***** */
: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: "Quicksand", sans-serif;
  --lqd-body-font-size: 13px;
  --lqd-body-line-height: 1.23em;

  --lqd-accent-font-family: "Quicksand", serif;
  --lqd-accent-font-weight: 400;

  --lqd-heading-font-family: "Quicksand", 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;
}

/* ***** Button ***** */
button,
input[type="button"],
input[type="submit"],
.button {
  font-family: var(--lqd-heading-font-family);
}

/* ***** Lity Modal ***** */
.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;
}

@media (max-width: 1199px) {
  .lity-modal .ld-fancy-heading h2 {
    font-size: 48px;
    line-height: 1em;
  }

  .lity-modal .module-content {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .lity-modal .container {
    padding: 30px 15px;
  }

  .lity-modal .module-info,
  .lity-modal .module-form {
    margin-top: 30px;
  }

  .lity-modal .ld-fancy-heading h2 {
    font-size: 34px;
  }
}

/* ***** Main Header ***** */
.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 {
  --lqd-menu-items-top-padding: 0;
  --lqd-menu-items-right-padding: 0;
  --lqd-menu-items-bottom-padding: 60px;
  --lqd-menu-items-left-padding: 0;
}

.module-mobile-nav .main-nav {
  --lqd-menu-items-top-padding: 0;
  --lqd-menu-items-right-padding: 0;
  --lqd-menu-items-bottom-padding: 40px;
  --lqd-menu-items-left-padding: 0;
}

.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;
  }
}

@media (max-width: 1199px) {
  .main-header .module-logo {
    padding: 20px 0;
  }
}

@media (max-width: 767px) {
  .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;
  }

  .main-header .module-header {
    padding: 20px 20px 0;
  }

  .main-header .ld-module-sd .module-social {
    bottom: 30px;
  }
}

/* ***** Stickybar Right ***** */
.main-header .lqd-stickybar-right {
  padding: 0 0 7% 0;
}

/* ***** Stickybar Left ***** */
.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);
}

/* ***** Sidebar Left ***** */
.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:hover > a,
.main-header .ld-module-sd .main-nav > li.is-active > 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;
}

@media (max-width: 1199px) {
  .main-header .module-left-side {
    padding: 100px 50px 50px 50px;
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .main-header .ld-module-sd > .ld-module-dropdown {
    width: 80vw;
  }

  .main-header .module-left-side {
    flex-direction: column;
    padding: 35px;
  }

  .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;
  }
}

/* ***** Mobile Header ***** */
.main-header .navbar-collapse {
  flex: 1 auto;
  overflow: visible;
  height: auto;
}

/* ***** Banner ***** */
.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 - 40px);
}

@media (max-width: 1199px) {
  .banner .lqd-vslider-ext .d-flex {
    padding-inline-end: 20%;
  }
}

@media screen and (min-width: 992px) {
  .lqd-vslider-ext li {
    top: 0;
    inset-inline-start: 0;
    padding: 5.5rem 4rem 1rem;
  }
}

@media (max-width: 767px) {
  .banner {
    padding: 20px 20px 0 20px;
  }

  .banner .ld-fancy-heading h2 {
    font-size: 50px;
  }
}

/* ***** Clients ***** */
@media (max-width: 1199px) {
  .clients {
    padding: 50px 20px 40px 20px;
  }
}

@media (max-width: 767px) {
  .clients {
    padding-top: 40px;
  }

  .clients .module-img {
    margin-bottom: 20px;
  }
}

/* ***** Our Services ***** */
.our-services .module-img-3 {
  inset-inline-start: 25%;
}

@media (max-width: 1199px) {
  .our-services {
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }
}

@media (min-width: 768px) {
  .our-services .ld-fancy-heading h3 {
    padding-inline-end: 10px;
  }
}

@media (max-width: 767px) {
  .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 ***** */
@media (max-width: 1199px) {
  .solutions {
    padding-top: 80px;
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }

  .solutions .module-title h2 {
    margin: 15px 0 30px 0;
  }

  .solutions .module-box {
    gap: 30px;
  }
}

@media (max-width: 767px) {
  .solutions {
    padding-top: 40px;
    padding-bottom: 90px;
  }

  .solutions .module-title {
    padding-bottom: 6%;
  }

  .solutions .module-title h2 {
    margin: 5px 0 10px 0;
  }
}

/* ***** Section Dark ***** */
@media (max-width: 767px) {
  .section-dark {
    padding: 80px 20px;
  }
}

/* ***** Our Vision ***** */
.our-vision .lqd-throwable-scene {
  height: 73vh;
}

.our-vision .lqd-throwable-scene .module-float-1 span {
  background-color: #d5d5d5;
}

.our-vision .lqd-throwable-scene .module-float-2 span {
  background-color: #e1e3e8;
}

.our-vision .lqd-throwable-scene .module-float-3 span {
  background-color: #c7d0c1;
}

.our-vision .lqd-throwable-scene .module-float-4 span {
  background-color: #d9f8ea;
}

.our-vision .lqd-throwable-scene .module-float-5 span {
  background-color: #c7d0c1;
}

.our-vision .lqd-throwable-scene .module-float-6 span {
  background-color: #d9eef8;
}

.our-vision .lqd-throwable-scene .module-float-7 span {
  background-color: #d9f8f1;
}

.our-vision .lqd-throwable-scene .module-float-8 span {
  background-color: #f8f8d9;
}

.our-vision > .pos-abs {
  inset-inline-start: 0px;
}

@media (max-width: 767px) {
  .our-vision .lqd-text-reveal-el {
    font-size: 12vw;
  }
}

/* ***** Case Studies ***** */
.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: #000000;
}

.case-studies .lqd-pf-item:hover .lqd-pf-overlay-bg {
  opacity: 0;
}

@media (max-width: 1199px) {
  .case-studies .module-title {
    padding-inline-start: 30px;
  }

  .case-studies .module-col {
    padding-inline-end: 30px;
    padding-inline-start: 30px;
  }
}

@media (max-width: 767px) {
  .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 ***** */
.services .lqd-counter-element {
  font-family: var(--lqd-heading-font-family);
}

.services .accordion-item.active .accordion-expander {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}

.services .accordion-title a {
  border-color: #707070;
}

.services .accordion-item.active .accordion-title a {
  border-color: transparent;
}

.services .lqd-counter-element {
  font-size: 170px;
}

@media (min-width: 1199px) {
  .services .lqd-counter-element {
    font-size: 220px;
  }
}

@media (max-width: 1199px) {
  .services .module-col {
    padding-inline-end: 45px;
    padding-inline-start: 45px;
  }

  .services .module-title {
    padding-inline-start: 20px;
  }

  .services .module-btn {
    padding-inline-end: 20px;
  }

  .services .module-content {
    padding-inline-end: 20px;
  }
}

@media (max-width: 767px) {
  .services .module-title {
    margin-bottom: 20px;
  }

  .services .module-btn {
    padding-inline-start: 20px;
  }

  .services .module-col {
    padding: 0 20px 30px 20px;
  }

  .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 ***** */
.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%;
}

@media (max-width: 767px) {
  .section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

/* ***** Clients Carousel ****** */
@media (max-width: 1199px) {
  .clients-carousel .carousel-item {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }
}

@media (max-width: 767px) {
  .clients-carousel .carousel-item {
    width: calc(100% / 1.5);
  }
}

/* ***** Bolg ***** */
.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 (max-width: 1199px) {
  .blog {
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }
}

@media screen and (min-width: 768px) {
  .blog .lqd-lp-style-21 .lqd-lp-img {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .blog {
    padding-bottom: 20px;
  }

  .blog .row:first-child .col-12:first-child {
    margin-bottom: 20px;
  }
}

/* ***** Contact ***** */
.contact .lqd-contact-form {
  --inputs-margin: 0 0 25px 0;
  --input-margin-bottom: 25px;
}

.lqd-contact-form select:focus,
.lqd-contact-form input:focus,
.lqd-contact-form textarea:focus,
.lqd-contact-form .ui-button.ui-selectmenu-button:focus {
  outline: none;
  border-color: #000000;
  color: #000000;
}

.contact input[type="submit"] {
  height: 40px;
  border: 2px solid;
}

@media (max-width: 1199px) {
  .contact {
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }
}

@media (max-width: 767px) {
  .contact .module-content {
    margin-bottom: 30px;
  }
}

/* ***** FOOTER ***** */
.main-footer .divider {
  --divider-border-style: solid;
  --divider-color: rgba(255, 255, 255, 0.12);
  --divider-border-width: 1px;
}

.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) {
  .main-footer {
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }

  .main-footer .module-menu .module-col {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .main-footer .module-top .module-col {
    margin-bottom: 30px;
  }

  .main-footer .module-info .module-col {
    margin-bottom: 20px;
  }
}