/* CssVars count: 9 */

:root {

/* webhostname.MetaData(CssVars) guid: 1e51b98ee63547d3926c877892e6a238 */

 --header-background-color: 171 71 188;
 --header-foreground-color: 255 255 255;
 --footer-background-color: 29 28 28;
 --footer-foreground-color: 255 255 255;
 --branding-primary-color: 171 71 188;
 --branding-cta-color: 156 204 101;
 --branding-cta-foreground-color: 0 0 0;
 --branding-primary-foreground-color: 255 255 255;
}


/* WebRouteTemplate.Css guid: d9c64932d091488b9a86110ccecea790 */

:root {
    --color-text-dark: 73 69 79;
}


/* WebSectionTemplate.Css guid: b71dc8264b7b45d6b97296c0fa0f81f9 */

body.white-primary-foreground .icon-carousel-section.colored-bg .swiper-slide {
  background-color: white;
}
body.black-primary-foreground .icon-carousel-section.colored-bg .swiper-slide {
  background-color: black;
}
body.black-primary-foreground .icon-carousel-section.colored-bg .swiper-slide .list-item-title, body.black-primary-foreground .icon-carousel-section.colored-bg .swiper-slide .list-item-description {
  color: white;
}

.icon-carousel-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.icon-carousel-section.colored-bg {
  background-color: rgb(var(--branding-primary-color));
}
.icon-carousel-section.colored-bg .section-title {
  color: rgb(var(--branding-primary-foreground-color));
}
.icon-carousel-section.colored-bg .section-description {
  color: rgb(var(--branding-primary-foreground-color));
}
.icon-carousel-section.colored-bg .swiper-pagination-bullet {
  background-color: rgb(var(--branding-primary-foreground-color));
}
.icon-carousel-section.no-bg .swiper-slide {
  background-color: #F5F5F5;
}
.icon-carousel-section.no-bg .swiper-pagination-bullet {
  background-color: rgb(var(--branding-primary-color));
}
.icon-carousel-section .section-inner {
  display: flex;
  flex-direction: column;
}
.icon-carousel-section .section-header {
  max-width: 768px;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  margin-bottom: 48px;
}
.icon-carousel-section .section-header, .icon-carousel-section .swiper {
  padding-left: 24px;
  padding-right: 24px;
}
.icon-carousel-section .swiper {
  width: 100%;
  height: auto;
}
.icon-carousel-section .swiper-wrapper {
  margin: 0;
  padding: 0;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .icon-carousel-section .swiper-navigation-wrapper {
    gap: 0.5rem;
  }
}
.icon-carousel-section .swiper-navigation-wrapper {
  display: flex;
  justify-content: space-between;
}
.icon-carousel-section .swiper-navigation-wrapper:not(:has(.swiper-button-lock)) {
  margin-bottom: 15px;
}
.icon-carousel-section .swiper-navigation-wrapper .swiper-button-next, .icon-carousel-section .swiper-navigation-wrapper .swiper-button-prev {
  width: 24px;
  height: 24px;
}
.icon-carousel-section .swiper-slide {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 1rem;
  transition-property: all;
  transition-duration: 300ms;
}
.icon-carousel-section .swiper .icon-carousel-swiper-pagination {
  position: relative;
  top: 0;
  bottom: 0;
  background: none;
  text-align: center;
}
.icon-carousel-section .swiper .icon-carousel-swiper-pagination .swiper-pagination-bullet {
  opacity: 0.3;
}
.icon-carousel-section .swiper .icon-carousel-swiper-pagination .swiper-pagination-bullet:hover, .icon-carousel-section .swiper .icon-carousel-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.icon-carousel-section .list-item-description {
  color: #1a1a1a;
}
.icon-carousel-section .list-item-icon {
  font-size: 48px;
  color: rgb(var(--branding-primary-color));
}
.icon-carousel-section .list-item-title {
  font-size: 20px;
  font-weight: 600;
}
.icon-carousel-section .list-item-button {
  margin: 15px 0;
}
.icon-carousel-section .swiper-slide:last-child {
  margin-right: 0 !important;
}
@media (width >= 768px) {
  .icon-carousel-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .icon-carousel-section .swiper .swiper-pagination {
    display: flex;
  }
  .icon-carousel-section .swiper-wrapper:has(> :nth-child(2)) .swiper-slide {
    min-width: 450px;
    width: 450px;
  }
  .icon-carousel-section .swiper-wrapper:has(> :nth-child(3)) .swiper-slide {
    min-width: 400px;
    width: 400px;
  }
}
@media (width >= 1440px) {
  .icon-carousel-section .swiper-wrapper:has(> :only-child) .swiper-slide {
    min-width: 1000px;
    width: 1000px;
  }
}

.ungsys-section.no-bg:has(+ .icon-carousel-section.no-bg),
.icon-carousel-section.no-bg:has(+ .ungsys-section.no-bg),
.ungsys-section.colored-bg:has(+ .icon-carousel-section.colored-bg),
.icon-carousel-section.colored-bg:has(+ .ungsys-section.colored-bg) {
  padding-bottom: 20px;
}

.ungsys-section.no-bg + .icon-carousel-section.no-bg,
.icon-carousel-section.no-bg + .ungsys-section.no-bg,
.ungsys-section.colored-bg + .icon-carousel-section.colored-bg,
.icon-carousel-section.colored-bg + .ungsys-section.colored-bg {
  padding-top: 20px;
}

@media (min-width: 768px) {
  .ungsys-section.no-bg:has(+ .icon-carousel-section.no-bg),
  .icon-carousel-section.no-bg:has(+ .ungsys-section.no-bg),
  .ungsys-section.colored-bg:has(+ .icon-carousel-section.colored-bg),
  .icon-carousel-section.colored-bg:has(+ .ungsys-section.colored-bg) {
    padding-bottom: 40px;
  }
  .ungsys-section.no-bg + .icon-carousel-section.no-bg,
  .icon-carousel-section.no-bg + .ungsys-section.no-bg,
  .ungsys-section.colored-bg + .icon-carousel-section.colored-bg,
  .icon-carousel-section.colored-bg + .ungsys-section.colored-bg {
    padding-top: 40px;
  }
}