/* 
 * ---------------------------------------------
 * Variables > Breakpoints
 * ---------------------------------------------
*/
:root {
  --wa-transition-default: 300ms;
  --wa-transition-medium: 500ms;
  --wa-transition-long: 1000ms;
  --wa-box-shadow-primary: 0px 20px 30px;
  --wa-number-grow-color: rgb(73, 217, 122);
}

body .wa-projects-carousel .splide__arrow svg {
  color: var(--secondary);
  transition: var(--wa-transition-default) all ease-in-out;
}
body .wa-projects-carousel .splide__arrow svg:hover {
  color: var(--action);
}
body .wa-projects-carousel .splide__arrow--prev {
  transform: translate(-100%, -50%);
}
body .wa-projects-carousel .splide__arrow--next {
  transform: translate(100%, -50%);
}
body .wa-projects-carousel .splide__pagination {
  bottom: -5% !important;
}
body .wa-projects-carousel .splide__pagination .splide__pagination__page {
  background: var(--primary-dark-trans-40);
  border: 2px solid var(--primary-dark-trans-40);
}
body .wa-projects-carousel .splide__pagination .splide__pagination__page.is-active {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
  transform: scale(1.25);
}

body .wa-project-slide {
  display: grid;
  grid-template-columns: 3fr 2fr;
  align-items: center;
  gap: var(--space-xxl);
  padding: 0;
}
body .wa-project-slide-left {
  position: relative;
}
body .wa-project-slide__desktop {
  padding-bottom: var(--space-m);
  padding-right: var(--space-l);
}
body .wa-project-slide__mobile {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 65%;
  object-fit: contain;
  width: fit-content;
}
body .wa-project-slide__services {
  margin-top: var(--space-xs);
  font-size: calc(var(--text-s) * 1.15);
  color: var(--secondary-light);
  line-height: 1.5;
  font-weight: 700;
  text-transform: lowercase;
}
@media (min-width: 768px) {
  body .wa-project-slide__services {
    max-width: 85%;
  }
}
body .wa-project-slide__services span.project-category {
  margin-right: 1.2rem;
}
@media (max-width: 991px) {
  body .wa-project-slide__services {
    display: flex;
    flex-wrap: wrap;
  }
}
body .wa-project-slide__desc {
  margin-top: var(--space-m);
  font-size: var(--text-m);
  max-width: 85%;
}
body .wa-project-slide .wa-button {
  margin-top: var(--space-m);
}

@media (max-width: 767px) {
  body .wa-project-slide {
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
    align-items: flex-start !important;
  }
  body .wa-project-slide-right {
    width: 100%;
  }
  body .wa-project-slide__desc {
    max-width: unset !important;
  }
}
.wa-hp-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wa-hp-hero-heading {
  margin-top: calc(var(--space-l) * -1.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.wa-hp-hero__subheading {
  color: var(--secondary);
  font-size: calc(var(--text-xxl) * 2);
  line-height: 1.2;
  font-weight: 400;
}
@media (max-width: 1629px) {
  .wa-hp-hero__subheading {
    font-size: calc(var(--text-xxl) * 1.6) !important;
  }
}
@media (max-width: 479px) {
  .wa-hp-hero__subheading {
    font-size: calc(var(--text-xxl) * 1.2) !important;
  }
}
.wa-hp-hero__heading {
  color: var(--base);
  font-size: calc(var(--text-xxl) * 2.8);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 1629px) {
  .wa-hp-hero__heading {
    font-size: calc(var(--text-xxl) * 2.3) !important;
  }
}
@media (max-width: 479px) {
  .wa-hp-hero__heading {
    font-size: calc(var(--text-xxl) * 2) !important;
  }
}
.wa-hp-hero__desc {
  max-width: 62rem;
  text-align: center;
  font-size: var(--text-m);
  line-height: 1.5;
  margin-top: var(--space-m);
}
.wa-hp-hero .wa-button {
  margin-top: var(--space-m);
}
.wa-hp-hero .wa-heading-pattern {
  margin-top: calc(var(--space-xs) * -1);
}
.wa-hp-hero .wa-heading-pattern__item {
  display: flex;
  flex-direction: column;
}
.wa-hp-hero .wa-heading-pattern__item:nth-child(1) svg {
  margin-left: 24%;
  margin-top: -4%;
  width: var(--space-m);
  height: var(--space-m);
  transform: rotate(-25deg);
}
@media (max-width: 678px) {
  .wa-hp-hero .wa-heading-pattern__item:nth-child(1) svg {
    margin-top: -45%;
    margin-left: 60%;
  }
}
@media (max-width: 479px) {
  .wa-hp-hero .wa-heading-pattern__item:nth-child(1) svg {
    width: var(--space-s);
    height: var(--space-s);
  }
}
.wa-hp-hero .wa-heading-pattern__item:nth-child(2) {
  align-items: end;
}
.wa-hp-hero .wa-heading-pattern__item:nth-child(2) svg {
  margin-right: 10%;
  margin-top: -7%;
  width: calc(var(--space-m) * 1.3);
  height: calc(var(--space-m) * 1.3);
  transform: rotate(30deg);
}
@media (max-width: 678px) {
  .wa-hp-hero .wa-heading-pattern__item:nth-child(2) svg {
    margin-right: 30%;
    margin-top: -2%;
  }
}
@media (max-width: 479px) {
  .wa-hp-hero .wa-heading-pattern__item:nth-child(2) svg {
    width: calc(var(--space-m) * 1);
    height: calc(var(--space-m) * 1);
  }
}
.wa-hp-hero .wa-heading-pattern__item:nth-child(3) {
  align-items: end;
}
.wa-hp-hero .wa-heading-pattern__item:nth-child(3) svg {
  margin-right: 18%;
  margin-top: -8%;
  width: calc(var(--space-l) * 1.25);
  height: calc(var(--space-l) * 1.25);
  transform: rotate(-22deg);
}
@media (max-width: 678px) {
  .wa-hp-hero .wa-heading-pattern__item:nth-child(3) svg {
    margin-right: 50%;
    margin-top: -5%;
  }
}
@media (max-width: 479px) {
  .wa-hp-hero .wa-heading-pattern__item:nth-child(3) svg {
    width: calc(var(--space-l) * 1);
    height: calc(var(--space-l) * 1);
  }
}
.wa-hp-hero .wa-heading-pattern__item:nth-child(4) {
  align-items: end;
}
.wa-hp-hero .wa-heading-pattern__item:nth-child(4) svg {
  margin-right: 4%;
  margin-top: -1%;
  width: calc(var(--space-m) * 1.25);
  height: calc(var(--space-m) * 1.25);
  transform: rotate(20deg);
}
@media (max-width: 678px) {
  .wa-hp-hero .wa-heading-pattern__item:nth-child(4) svg {
    margin-right: 55%;
    margin-top: -50%;
  }
}
@media (max-width: 479px) {
  .wa-hp-hero .wa-heading-pattern__item:nth-child(4) svg {
    width: calc(var(--space-m) * 1);
    height: calc(var(--space-m) * 1);
  }
}
.wa-hp-hero .wa-subheading-pattern-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wa-hp-hero .wa-subheading-pattern-wrapper__item {
  margin-left: 16%;
  margin-bottom: -1%;
  width: calc(var(--space-l) * 1.2);
  height: calc(var(--space-l) * 1.2);
  transform: rotate(-15deg);
}
@media (max-width: 479px) {
  .wa-hp-hero .wa-subheading-pattern-wrapper__item {
    width: calc(var(--space-l) * 1);
    height: calc(var(--space-l) * 1);
  }
}
.wa-hp-hero .wa-subheading-inline-pattern {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.wa-hp-hero .wa-subheading-inline-pattern__item {
  display: flex;
  flex-direction: column;
  position: absolute;
}
.wa-hp-hero .wa-subheading-inline-pattern__item:nth-child(1) {
  left: -14%;
  bottom: 16%;
  width: var(--space-l);
  height: var(--space-l);
  transform: rotate(-25deg);
}
@media (max-width: 479px) {
  .wa-hp-hero .wa-subheading-inline-pattern__item:nth-child(1) {
    width: var(--space-m);
    height: var(--space-m);
  }
}
.wa-hp-hero .wa-subheading-inline-pattern__item:nth-child(3) {
  bottom: 10%;
  right: -16%;
  width: calc(var(--space-m) * 1.15);
  height: calc(var(--space-m) * 1.15);
  transform: rotate(30deg);
}
@media (max-width: 479px) {
  .wa-hp-hero .wa-subheading-inline-pattern__item:nth-child(3) {
    width: calc(var(--space-m) * 0.9);
    height: calc(var(--space-m) * 0.9);
  }
}

body .wa-hp-hero__subheading {
  color: var(--secondary);
  font-size: calc(var(--text-xxl) * 2);
  line-height: 1.2;
  font-weight: 400;
}
body .wa-hp-hero__heading {
  color: var(--base);
  font-size: calc(var(--text-xxl) * 2.8);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
body .wa-hp-hero__desc {
  max-width: 62rem;
  text-align: center;
  font-size: calc(var(--text-l) * 0.85);
  line-height: 1.5;
  margin-top: var(--space-m);
}

body .wa-projects-top {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
body .wa-projects-bottom {
  width: 100%;
  margin-top: var(--space-xl);
}
body .wa-projects-subheading {
  max-width: 52rem;
  line-height: 1.4;
  font-size: var(--text-m);
  margin-top: var(--space-xs);
}

body .wa-reviews .x-slider_slide {
  padding: 3rem 1rem !important;
}
@media (max-width: 991px) {
  body .wa-reviews .x-slider_slide {
    padding: 3rem 0rem !important;
  }
}
body .wa-reviews .brxe-xproslider {
  margin-bottom: -5rem;
}
body .wa-reviews-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--space-xxl);
  align-items: center;
}
body .wa-reviews__subheading {
  margin-top: var(--space-s);
  line-height: 1.4;
}
body .wa-reviews-left, body .wa-reviews-right {
  width: fit-content;
}
body .wa-reviews-left__subtitle {
  display: block;
  margin-top: var(--space-s);
}
body .wa-reviews .wa-button {
  margin-top: var(--space-m);
}
body .wa-reviews .splide__pagination {
  bottom: -1% !important;
}
body .wa-reviews .splide__pagination .splide__pagination__page {
  background: var(--primary-dark-trans-40);
  border: 2px solid var(--primary-dark-trans-40);
}
body .wa-reviews .splide__pagination .splide__pagination__page.is-active {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
  transform: scale(1.25);
}

.wa-subservices-list {
  align-items: center;
}

@media (max-width: 991px) {
  .wa-primary-services {
    gap: calc(var(--space-xxl) * 1.25) !important;
  }
}
@media (max-width: 991px) {
  body .wa-projects-top {
    gap: var(--space-m);
    flex-direction: column;
    align-items: flex-start;
  }
  body .wa-reviews-wrapper {
    grid-template-columns: 1fr;
    gap: var(--space-m);
  }
  body .wa-reviews-right {
    overflow: hidden;
    padding-block: 5rem;
  }
}
@media (max-width: 767px) {
  body .wa-hp-hero__subheading {
    font-size: calc(var(--text-xl) * 1.25);
  }
  body .wa-hp-hero__heading {
    font-size: calc(var(--text-xxl) * 1.2);
  }
  body .wa-hp-hero__desc {
    max-width: 62rem;
    text-align: center;
    font-size: calc(var(--text-l) * 0.85);
    line-height: 1.5;
    margin-top: var(--space-m);
  }
  body .wa-count {
    align-items: left;
    text-align: left;
  }
  body .wa-count .wa-primary-heading {
    margin-inline: unset !important;
    text-align: left !important;
  }
  body .wa-count-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    text-align: center;
  }
}