.portfolio-products {
  --portfolio-products-color-background: #dfe8f6;
  --portfolio-products-color-card: #ffffff;
  --portfolio-products-color-blue: #78a1d3;
  --portfolio-products-color-blue-dark: #0d5aab;
  --portfolio-products-color-text: #30343b;
  --portfolio-products-color-label: #4e535b;
  --portfolio-products-radius-card: 14px;
  --portfolio-products-radius-heading: 999px;
  --portfolio-products-space-small: 8px;
  --portfolio-products-space-medium: 16px;
  --portfolio-products-space-large: 32px;
  --portfolio-products-card-min-height: 270px;
  --portfolio-products-font: Calibri, Arial, sans-serif;
  margin: 0;
  padding: clamp(24px, 4vw, 48px);
  border-radius: 24px;
  background: var(--portfolio-products-color-background);
  font-family: var(--portfolio-products-font);
}
.portfolio-products,
.portfolio-products *,
.portfolio-products *::before,
.portfolio-products *::after {
  box-sizing: border-box;
}
.portfolio-products__heading {
  margin: 0 0 var(--portfolio-products-space-large);
  padding: 13px 24px 12px;
  border-radius: var(--portfolio-products-radius-heading);
  background: var(--portfolio-products-color-blue-dark);
  color: var(--portfolio-products-color-card) !important;
  font: 700 clamp(16px, 1.6vw, 20px)/1.2 var(--portfolio-products-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.portfolio-products__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--portfolio-products-space-large);
}
.portfolio-products__controls {
  display: none;
}

.portfolio-product {
  position: relative;
  min-width: 0;
  min-height: var(--portfolio-products-card-min-height);
  margin: 0;
  padding: 28px 30px;
  overflow: hidden;
  border-radius: var(--portfolio-products-radius-card);
  background: var(--portfolio-products-color-card);
}
.portfolio-product__heading {
  position: relative;
  z-index: 2;
  display: flex;
  margin: 0 0 var(--portfolio-products-space-small);
  gap: 7px;
  color: var(--portfolio-products-color-blue) !important;
  font: 700 clamp(21px, 2vw, 27px)/1.15 var(--portfolio-products-font);
}
.portfolio-product__number {
  flex: 0 0 auto;
}
.portfolio-product__intro {
  position: relative;
  z-index: 2;
  max-width: 82%;
  min-height: 44px;
  margin: 0 0 var(--portfolio-products-space-medium);
  color: var(--portfolio-products-color-text) !important;
  font: 400 clamp(15px, 1.35vw, 18px)/1.3 var(--portfolio-products-font);
}
.portfolio-product__metrics {
  position: relative;
  z-index: 2;
  display: flex;
  margin: 0;
  flex-direction: column;
  gap: 2px;
}
.portfolio-product__metric {
  display: flex;
  margin: 0;
  align-items: baseline;
  gap: 10px;
}
.portfolio-product__metric dt {
  order: 2;
  margin: 0;
  color: var(--portfolio-products-color-label);
  font: 700 clamp(12px, 1.1vw, 15px)/1 var(--portfolio-products-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.portfolio-product__metric dd {
  order: 1;
  margin: 0;
  color: var(--portfolio-products-color-blue);
  font: 400 clamp(34px, 4vw, 48px)/1.05 var(--portfolio-products-font);
}
.portfolio-product__image {
  position: absolute;
  right: 24px;
  bottom: 22px;
  z-index: 1;
  display: block;
  width: 38%;
  height: 92px;
  max-width: 210px;
  object-fit: contain;
  object-position: right bottom;
}
.portfolio-product--single-metric, .portfolio-product--no-metrics {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  align-items: end;
}
.portfolio-product--single-metric .portfolio-product__heading, .portfolio-product--no-metrics .portfolio-product__heading {
  grid-area: heading;
}
.portfolio-product--single-metric .portfolio-product__intro, .portfolio-product--no-metrics .portfolio-product__intro {
  max-width: 100%;
  grid-area: intro;
}
.portfolio-product--single-metric .portfolio-product__image, .portfolio-product--no-metrics .portfolio-product__image {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 120px;
  grid-area: image;
  margin: auto;
}
.portfolio-product--single-metric {
  grid-template-columns: minmax(0, 1fr) minmax(0, 46%);
  grid-template-areas: "heading heading" "intro   intro" "metrics image";
}
.portfolio-product--single-metric .portfolio-product__metrics {
  grid-area: metrics;
}
.portfolio-product--no-metrics {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "heading" "intro" "image";
}
.portfolio-product--no-metrics .portfolio-product__intro {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .portfolio-products {
    padding: 24px 18px 20px;
  }
  .portfolio-products__heading {
    margin-bottom: 24px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .portfolio-products__items {
    display: block;
  }
  .portfolio-products__items.slick-initialized {
    overflow: visible;
  }
  .portfolio-products__items .slick-list {
    border-radius: var(--portfolio-products-radius-card);
  }
  .portfolio-products__items .slick-track {
    display: flex;
  }
  .portfolio-products__items .slick-slide {
    float: none;
    height: auto;
  }
  .portfolio-products__controls {
    display: flex;
    min-height: 36px;
    margin-top: 18px;
    align-items: center;
    justify-content: center;
    gap: 14px;
  }
  .portfolio-products__arrow {
    display: inline-flex;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: var(--portfolio-products-color-blue-dark);
    color: var(--portfolio-products-color-card);
    font: 700 20px/1 var(--portfolio-products-font);
    cursor: pointer;
  }
  .portfolio-products__arrow--previous {
    order: 1;
  }
  .portfolio-products__arrow--next {
    order: 3;
  }
  .portfolio-products__arrow.slick-disabled {
    cursor: default;
    opacity: 0.35;
  }
  .portfolio-products__arrow:focus-visible {
    outline: 3px solid var(--portfolio-products-color-card);
    outline-offset: 3px;
  }
  .portfolio-products__dots {
    position: static;
    order: 2;
    display: flex;
    width: auto;
    margin: 0;
    padding: 0;
    align-items: center;
    gap: 7px;
    list-style: none;
  }
  .portfolio-products__dots li {
    width: auto;
    height: auto;
    margin: 0;
  }
  .portfolio-products__dots li button {
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--portfolio-products-color-card);
    font-size: 0;
    opacity: 0.65;
  }
  .portfolio-products__dots li button::before {
    content: none;
  }
  .portfolio-products__dots li.slick-active button {
    background: var(--portfolio-products-color-blue-dark);
    opacity: 1;
  }
  .portfolio-product {
    min-height: 300px;
    padding: 24px;
  }
  .portfolio-product__intro {
    max-width: 100%;
  }
  .portfolio-product__image {
    right: 20px;
    bottom: 20px;
    width: 42%;
    height: 88px;
  }
}
@media (max-width: 479px) {
  .portfolio-products {
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0;
  }
  .portfolio-product__intro {
    min-height: 58px;
  }
  .portfolio-product__metric {
    gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .portfolio-products *,
  .portfolio-products *::before,
  .portfolio-products *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/*# sourceMappingURL=portfolio-products.css.map */