.devx-icon-boxes {
  background-color: var(--blue-500);
  position: relative;
}
.devx-icon-boxes__main {
  color: var(--neutral-50);
}
.devx-icon-boxes__main--layout-secondary .devx-wrapper {
  background-color: var(--blue-400);
}
.devx-icon-boxes__content {
  position: relative;
}
.devx-icon-boxes__content--layout-primary {
  padding-top: var(--spacing--140);
  padding-bottom: var(--spacing--100);
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__content--layout-primary {
    padding-top: var(--spacing--84);
  }
}
@media (max-width: 479.98px) {
  .devx-icon-boxes__content--layout-primary {
    padding-top: var(--spacing--54);
    padding-bottom: var(--spacing--92);
  }
}
.devx-icon-boxes__content--layout-secondary {
  padding: var(--spacing--48) 0;
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__content--layout-secondary {
    padding-top: var(--spacing--80);
    padding-bottom: var(--spacing--60);
  }
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__content--layout-secondary {
    padding-top: var(--spacing--130);
    padding-bottom: var(--spacing--160);
  }
}
.devx-icon-boxes__headings {
  padding-bottom: var(--spacing--90);
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__headings {
    padding-bottom: var(--spacing--76);
  }
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__headings {
    padding-bottom: var(--spacing--44);
  }
}
.devx-icon-boxes__header {
  margin: 0;
  color: var(--neutral-50);
}
.devx-icon-boxes__subheader {
  margin: 0;
  font-size: var(--font-size--32);
  color: var(--blue-100);
  padding-left: var(--spacing--80);
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__subheader {
    padding-left: var(--spacing--52);
  }
}
.devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-primary {
  -moz-column-gap: var(--spacing--24);
       column-gap: var(--spacing--24);
}
@media (min-width: 1024px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-primary > :nth-child(4n) {
    border-right: 0 !important;
  }
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-primary {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-primary > :nth-child(n+3) {
    border-top: 1px solid var(--blue-100);
  }
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-primary > :nth-child(2n) {
    border-left: 1px solid var(--blue-100);
  }
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-primary > :nth-child(odd) {
    padding: var(--spacing--18) var(--spacing--52) var(--spacing--18) 0;
  }
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-primary > :nth-child(even) {
    padding: var(--spacing--18) 0 var(--spacing--18) var(--spacing--52);
  }
}
.devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-secondary {
  -moz-column-gap: 0;
       column-gap: 0;
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper--layout-secondary {
    -moz-column-gap: var(--spacing--24);
         column-gap: var(--spacing--24);
    row-gap: var(--spacing--40);
  }
}
.devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper > .devx-icon-boxes__item--layout-primary {
  flex: 1 1 calc(25% - var(--spacing--24));
}
@media (min-width: 1024px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper > .devx-icon-boxes__item--layout-primary {
    border-right: 1px solid var(--blue-100);
  }
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper > .devx-icon-boxes__item--layout-primary {
    flex: 1 1 50%;
  }
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper > .devx-icon-boxes__item--layout-primary {
    flex: 1 1 100%;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--blue-100);
  }
}
.devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper > .devx-icon-boxes__item--layout-secondary {
  flex: 1 1 25%;
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper > .devx-icon-boxes__item--layout-secondary {
    flex: 1 1 calc(50% - var(--spacing--24));
    padding: var(--spacing--48) 0;
  }
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__items:not(.swiper-initialized) > .devx-icon-boxes__items__wrapper > .devx-icon-boxes__item--layout-secondary {
    flex: 1 1 100%;
  }
}
.devx-icon-boxes__item {
  display: flex;
  flex-direction: column;
  color: var(--blue-100);
}
.devx-icon-boxes__item--layout-primary {
  padding: var(--spacing--24);
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__item--layout-primary {
    padding: var(--spacing--24) 0 !important;
  }
}
.devx-icon-boxes__item--layout-secondary {
  padding: 0 var(--spacing--24);
  flex-direction: column-reverse;
  text-align: center;
}
.devx-icon-boxes__item__icon {
  flex: 1 1 100%;
}
.devx-icon-boxes__item__icon--layout-primary {
  padding-bottom: var(--spacing--84);
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__item__icon--layout-primary {
    padding-bottom: var(--spacing--64);
  }
}
@media (max-width: 479.98px) {
  .devx-icon-boxes__item__icon--layout-primary {
    padding-bottom: var(--spacing--28);
  }
}
.devx-icon-boxes__item__icon--layout-secondary {
  padding-bottom: var(--spacing--22);
}
.devx-icon-boxes__item__icon__image img {
  height: var(--icon-size-52);
  width: auto;
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__item__icon__image img {
    height: var(--icon-size-48);
  }
}
@media (max-width: 479.98px) {
  .devx-icon-boxes__item__icon__image img {
    height: var(--icon-size-32);
  }
}
.devx-icon-boxes__item__icon__image svg {
  color: var(--cyan-100);
  height: var(--icon-size-52);
  width: auto;
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__item__icon__image svg {
    height: var(--icon-size-48);
  }
}
@media (max-width: 479.98px) {
  .devx-icon-boxes__item__icon__image svg {
    height: var(--icon-size-32);
  }
}
.devx-icon-boxes__item__text {
  flex: 1 1 100%;
}
.devx-icon-boxes__item__text--layout-primary {
  padding-right: var(--spacing--44);
  padding-bottom: var(--spacing--22);
  font-size: var(--font-size--16);
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__item__text--layout-primary {
    padding-right: 0;
  }
}
@media (max-width: 479.98px) {
  .devx-icon-boxes__item__text--layout-primary {
    padding-bottom: var(--spacing--44);
  }
}
.devx-icon-boxes__item__text--layout-secondary {
  font-size: var(--font-size--20);
}
@media (max-width: 1599.98px) {
  .devx-icon-boxes__item__text--layout-secondary {
    font-size: var(--font-size--18);
  }
}
.devx-icon-boxes__item__metric {
  font-size: var(--font-size--48);
  flex: 1 1 100%;
  align-content: end;
}
.devx-icon-boxes__item__metric span {
  font-size: var(--font-size--32);
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__item__metric {
    font-size: var(--font-size--48);
  }
}
.devx-icon-boxes__item__metric--layout-secondary {
  color: var(--cyan-100);
}
.devx-icon-boxes__pagination {
  width: 100%;
  bottom: var(--spacing--40) !important;
  text-align: right !important;
  display: none !important;
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__pagination {
    display: flex !important;
    bottom: var(--spacing--90) !important;
  }
}
.devx-icon-boxes__pagination .swiper-pagination-bullet {
  border: solid 1px var(--blue-75) !important;
}
.devx-icon-boxes__pagination .swiper-pagination-bullet-active {
  background-color: var(--blue-75) !important;
}
.devx-icon-boxes__decor {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .devx-icon-boxes__decor {
    display: none;
  }
}
.devx-icon-boxes__decor:before {
  content: "";
  display: block;
  width: 100%;
  border-right: 3px solid var(--neutral-50);
  height: 100%;
  position: absolute;
  right: calc(100% - var(--spacing--60));
  top: 0;
}
@media (max-width: 1023.98px) {
  .devx-icon-boxes__decor:before {
    right: calc(100% - var(--spacing--40));
  }
}