@media (min-width: 1024px) {
  .kj-hero-section .kj-info {
    transform: translateY(60%);
  }
  .kj-reviews-carousel {
    transform: translateY(-35%);
  }
}
@media (max-width: 1550px) {
  body .kj-hero-section .ct-section-inner-wrap {
    padding-top: var(--space-xxl);
  }
  body .kj-hero-section__shape {
    top: 103%;
  }
  body .kj-services-carousel__control {
    bottom: -2.5rem !important;
  }
  body .kj-services-carousel__control.kj-services-carousel__right-arrow {
    right: 40% !important;
  }
  body .kj-services-carousel__control.kj-services-carousel__left-arrow {
    left: 40% !important;
  }
}
@media (max-width: 1023px) {
  body .kj-projects-section .oxy-dynamic-list.kj-projects {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100vw !important;
    overflow-x: scroll !important;
    padding-left: calc(var(--space-xs) * 1.24);
    padding-right: calc(var(--space-xs) * 1.24);
    padding-bottom: calc(var(--space-xxl) * 2);
    gap: var(--space-m) !important;
  }
  body .kj-projects-section .oxy-dynamic-list.kj-projects .kj-projects-card {
    min-width: 38vw !important;
    flex-direction: row !important;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
    box-shadow: 0px 28px 22px 5px rgba(0, 0, 0, 0.07);
    background: rgba(33, 41, 18, 0.5);
  }
  body .kj-projects-section .oxy-dynamic-list.kj-projects .kj-projects-card__link {
    height: auto !important;
    position: static !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: var(--space-s) var(--space-s) var(--space-m) var(--space-s) !important;
    justify-content: flex-start;
    align-self: stretch;
    background: transparent !important;
  }
  body .kj-projects-section .oxy-dynamic-list.kj-projects .kj-projects-card__img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    align-self: flex-start;
  }
  body .kj-projects-section .oxy-dynamic-list.kj-projects .kj-projects-card__title {
    opacity: 1 !important;
    font-size: calc(var(--text-m) * 1.1) !important;
  }
}
@media (max-width: 767px) {
  body .kj-hero-section .kj-info-wrapper .kj-info {
    display: flex !important;
    gap: var(--space-m) !important;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100vw;
    overflow-x: scroll;
    padding-left: calc(var(--space-xs) * 1.24);
    padding-right: calc(var(--space-xs) * 1.24);
    padding-bottom: calc(var(--space-xxl) * 2);
  }
  body .kj-hero-section .kj-info-wrapper .kj-info:after {
    pointer-events: none;
    content: '';
    width: 20%;
    height: 100%;
    z-index: 99;
    display: block;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #fff;
    background: -moz-linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  body .kj-hero-section .kj-info-wrapper .kj-info-card {
    min-width: 38vw !important;
    padding-left: calc(var(--space-xs) * 1.24);
    padding-right: calc(var(--space-xs) * 1.24);
  }
  body .kj-hero-section .kj-info-wrapper .kj-info-card:last-child {
    z-index: 100 !important;
  }
  body .kj-hero-section .kj-info-wrapper {
    position: relative;
    width: 100vw;
  }
  body .kj-services-carousel__control {
    width: 40px !important;
    height: 40px !important;
  }
  body .kj-services-carousel__control-icon {
    height: 20px !important;
  }
}
@media (max-width: 580px) and (min-width: 480px) {
  body .kj-hero-section .ct-section-inner-wrap {
    padding-top: var(--space-m);
  }
}
@media (max-width: 479px) {
  body .kj-primary-heading {
    margin-bottom: var(--space-s);
  }
  body .kj-projects-section .oxy-dynamic-list.kj-projects .kj-projects-card {
    min-width: 70vw !important;
  }
  body .kj-services-carousel__control {
    bottom: -2rem !important;
  }
  body .kj-services-carousel__control.kj-services-carousel__right-arrow {
    right: 35% !important;
  }
  body .kj-services-carousel__control.kj-services-carousel__left-arrow {
    left: 35% !important;
  }
  body .kj-footer__shape-svg {
    top: calc(var(--space-xxl) *-1.8) !important;
  }
}