.devx-cards {
  position: relative;
  overflow: hidden;
  padding-inline: var(--global-inline-padding);
  --cards-header-color: var(--blue-500);
  --cards-subheader-color: var(--blue-500);
  --cards-vertical-header-color: var(--blue-500);
  --cards-bg-item: var(--neutral-50);
  --cards-item-header: var(--blue-200);
  --cards-item-header-active: var(--cyan-200);
  --cards-item-number: var(--blue-100);
  --cards-item-number-active: var(--blue-300);
  --cards-vertical-item-icon: var(--blue-200);
  --cards-narrow-item-icon: var(--blue-100);
  --cards-item-description: var(--blue-500);
  --cards-item-link: var(--blue-500);
  --cards-narrow-header-color: var(--blue-500);
  --cards-pagination-color: var(--blue-400);
}
.devx-cards + section {
  z-index: 10;
}
.devx-cards #hero_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.devx-cards #hero_bg canvas {
  width: 100% !important;
  height: auto !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.devx-cards--layout-default {
  padding-block: var(--block-spacing-md);
}
@media (max-width: 1023.98px) {
  .devx-cards--layout-default {
    padding-block: var(--block-spacing-sm);
  }
}
.devx-cards--layout-secondary {
  padding-block: var(--block-spacing-md);
}
@media (max-width: 1023.98px) {
  .devx-cards--layout-secondary {
    padding-block: var(--block-spacing-sm);
  }
}
.devx-cards--layout-boxes {
  padding-block: var(--block-spacing-md);
}
@media (max-width: 1023.98px) {
  .devx-cards--layout-boxes {
    padding-block: var(--block-spacing-sm);
  }
}
.devx-cards--layout-vertical {
  padding-top: var(--block-spacing-lg);
  padding-bottom: var(--block-spacing-lg);
}
@media (max-width: 1023.98px) {
  .devx-cards--layout-vertical {
    padding-top: var(--spacing--60);
    padding-bottom: var(--spacing--60);
  }
}
.devx-cards--layout-narrow {
  padding-bottom: var(--spacing--140);
}
@media (max-width: 1023.98px) {
  .devx-cards--layout-narrow {
    padding-bottom: var(--spacing--84);
  }
}
.devx-cards--layout-vertical {
  --cards-item-header: var(--blue-500);
  --cards-vertical-item-icon: var(--blue-500);
}
.devx-cards--layout-vertical-links {
  --cards-vertical-item-icon: var(--cyan-200);
  --cards-bg-item: var(--neutral-50);
  --cards-item-header: var(--blue-200);
  --cards-item-description: var(--blue-200);
}
.devx-cards--theme-dark {
  background-color: var(--blue-500);
  --cards-header-color: var(--neutral-50);
  --cards-subheader-color: var(--blue-100);
  --cards-vertical-header-color: var(--neutral-50);
  --cards-bg-item: var(--blue-400);
  --cards-item-header: var(--neutral-50);
  --cards-item-header-active: var(--cyan-200);
  --cards-item-number: var(--blue-100);
  --cards-item-number-active: var(--neutral-50);
  --cards-vertical-item-icon: var(--neutral-50);
  --cards-narrow-item-icon: var(--cyan-100);
  --cards-item-description: var(--blue-100);
  --cards-narrow-header-color: var(--neutral-50);
  --cards-pagination-color: var(--blue-75);
  --cards-item-link: var(--neutral-50);
}
.devx-cards--theme-dark.devx-cards--layout-vertical-links {
  --cards-item-header: var(--blue-100);
  --cards-vertical-item-icon: var(--cyan-100);
}
.devx-cards .devx-wrapper {
  position: relative;
  z-index: 10;
}
.devx-cards--theme-light {
  background-color: var(--blue-75);
}
.devx-cards__content--layout-boxes:has(.devx-cards__subheader) > .devx-cards__header {
  padding-bottom: 0 !important;
}
@media (max-width: 1023.98px) {
  .devx-cards__content--layout-vertical {
    padding-bottom: var(--spacing--44);
  }
}
@media (max-width: 767.98px) {
  .devx-cards__content--layout-vertical {
    padding-inline: 0;
    padding-bottom: var(--spacing--40);
  }
}
.devx-cards__content--layout-narrow {
  padding-top: var(--spacing--120);
  padding-bottom: var(--spacing--84);
}
@media (max-width: 1023.98px) {
  .devx-cards__content--layout-narrow {
    padding-top: var(--spacing--60);
  }
}
@media (max-width: 767.98px) {
  .devx-cards__content--layout-narrow {
    padding-bottom: var(--spacing--60);
  }
}
.devx-cards__header, .devx-cards__subheader {
  margin: 0;
}
.devx-cards__header {
  line-height: 1.3;
  color: var(--cards-header-color);
}
.devx-cards__header--layout-vertical {
  color: var(--cards-vertical-header-color);
  padding-bottom: var(--spacing--48);
}
@media (max-width: 1023.98px) {
  .devx-cards__header--layout-vertical {
    padding-bottom: var(--spacing--36);
  }
}
@media (max-width: 767.98px) {
  .devx-cards__header--layout-vertical {
    padding-bottom: var(--spacing--22);
  }
}
.devx-cards__header--layout-narrow {
  color: var(--cards-narrow-header-color);
  padding-bottom: var(--spacing--40);
}
@media (max-width: 767.98px) {
  .devx-cards__header--layout-narrow {
    padding-bottom: 0;
  }
}
.devx-cards__subheader {
  margin: var(--spacing--12) 0 0 0;
  padding-left: 5.125rem;
}
@media (max-width: 1599.98px) {
  .devx-cards__subheader {
    padding-left: 4.5rem;
  }
}
@media (max-width: 767.98px) {
  .devx-cards__subheader {
    padding-left: 3.5rem;
  }
}
.devx-cards__subheader--layout-vertical {
  font-weight: var(--font-regular);
  color: var(--cards-subheader-color);
  font-size: var(--font-size--22);
}
@media (max-width: 767.98px) {
  .devx-cards__subheader--layout-vertical {
    font-size: var(--font-size--16);
  }
}
.devx-cards__subheader--layout-narrow {
  color: var(--cards-subheader-color);
  font-size: var(--font-size--22);
}
@media (max-width: 767.98px) {
  .devx-cards__subheader--layout-narrow {
    font-size: var(--font-size--16);
  }
}
.devx-cards__subheader--layout-boxes {
  color: var(--cards-subheader-color);
  padding-bottom: var(--spacing--56);
}
@media (max-width: 1023.98px) {
  .devx-cards__subheader--layout-boxes {
    padding-bottom: var(--spacing--40);
  }
}
.devx-cards__texture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
.devx-cards__items {
  padding-top: var(--block-spacing-sm);
  overflow: visible !important;
}
@media (max-width: 1023.98px) {
  .devx-cards__items {
    padding-top: var(--block-spacing-md);
  }
}
.devx-cards__items:has(.devx-cards__items__wrapper--layout-vertical) {
  padding-top: var(--spacing--104);
}
@media (max-width: 767.98px) {
  .devx-cards__items:has(.devx-cards__items__wrapper--layout-vertical) {
    padding-top: var(--spacing--64);
  }
}
.devx-cards__items:has(.devx-cards__items__wrapper--layout-default) {
  padding-top: var(--block-spacing-sm);
}
@media (max-width: 1023.98px) {
  .devx-cards__items:has(.devx-cards__items__wrapper--layout-default) {
    padding-top: var(--block-spacing-md);
  }
}
.devx-cards__items:has(.devx-cards__items__wrapper--layout-narrow) {
  padding-top: var(--block-spacing-sm);
}
@media (max-width: 1023.98px) {
  .devx-cards__items:has(.devx-cards__items__wrapper--layout-narrow) {
    padding-top: 0;
  }
}
@media (max-width: 1023.98px) {
  .devx-cards__items:has(.devx-cards__items__wrapper--layout-secondary) {
    padding-top: var(--spacing--56);
  }
}
@media (max-width: 1023.98px) {
  .devx-cards__items:has(.devx-cards__items__wrapper--layout-boxes) {
    padding-top: var(--block-spacing-md);
  }
}
.devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-default) > .devx-cards__items__wrapper {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
}
.devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-default) > .devx-cards__items__wrapper > .devx-cards__item {
  display: flex;
  flex-wrap: wrap;
}
.devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-boxes) > .devx-cards__items__wrapper {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: var(--spacing--26);
  grid-row-gap: var(--spacing--26);
}
.devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-boxes) > .devx-cards__items__wrapper > .devx-cards__item {
  display: flex;
  flex-direction: column;
}
.devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-secondary) > .devx-cards__items__wrapper {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
}
.devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-secondary) > .devx-cards__items__wrapper > .devx-cards__item {
  display: flex;
  flex-wrap: wrap;
}
.devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-narrow) > .devx-cards__items__wrapper {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
}
.devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-narrow) > .devx-cards__items__wrapper > .devx-cards__item {
  display: flex;
  flex-wrap: wrap;
}
.devx-cards__item {
  background-color: var(--cards-bg-item);
  padding: var(--spacing--40) var(--spacing--24);
}
.devx-cards__item--layout-vertical {
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-cards__item--layout-vertical.swiper-slide-active .devx-cards__item__header, .devx-cards__item--layout-vertical.active .devx-cards__item__header {
  color: var(--cards-item-header-active);
  font-size: var(--font-size--22);
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-cards__item--layout-vertical.swiper-slide-active .devx-cards__item__number, .devx-cards__item--layout-vertical.active .devx-cards__item__number {
  color: var(--cards-item-number-active);
}
.devx-cards__item--layout-vertical.swiper-slide-active .devx-cards__item__icon, .devx-cards__item--layout-vertical.active .devx-cards__item__icon {
  padding-bottom: 0;
}
.devx-cards__item--layout-vertical.swiper-slide-active .devx-cards__item__icon:has(.devx-cards__item__number), .devx-cards__item--layout-vertical.active .devx-cards__item__icon:has(.devx-cards__item__number) {
  padding-bottom: var(--spacing--40);
  opacity: 1;
  height: auto;
}
.devx-cards__item--layout-vertical.swiper-slide-active .devx-cards__item__icon__image, .devx-cards__item--layout-vertical.active .devx-cards__item__icon__image {
  transition: opacity var(--transition-duration) var(--transition-ease), max-height var(--transition-duration) var(--transition-ease) var(--transition-duration);
  padding-bottom: 0;
  opacity: 0;
  max-height: 0;
}
.devx-cards__item--layout-vertical.swiper-slide-active .devx-cards__item__description, .devx-cards__item--layout-vertical.active .devx-cards__item__description {
  padding-top: var(--spacing--40);
  font-size: var(--font-size--16);
  opacity: 1;
  transition: max-height var(--transition-duration) var(--transition-ease), opacity var(--transition-duration) var(--transition-ease) var(--transition-duration);
}
.devx-cards__item--layout-vertical.swiper-slide-active .devx-cards__item__description p, .devx-cards__item--layout-vertical.active .devx-cards__item__description p {
  font-size: var(--font-size--16);
  margin: 0;
}
.devx-cards__item__icon {
  flex: 1 1 100%;
  padding-bottom: var(--spacing--40);
}
@media (max-width: 1023.98px) {
  .devx-cards__item__icon {
    padding-bottom: var(--spacing--24);
  }
}
.devx-cards__item__icon__image img {
  height: var(--icon-size-32);
  width: auto;
}
.devx-cards__item__icon__image svg {
  color: var(--cyan-200);
  height: var(--icon-size-32);
  width: auto;
}
.devx-cards__item__icon--layout-secondary {
  padding-bottom: var(--spacing--100);
}
@media (max-width: 1023.98px) {
  .devx-cards__item__icon--layout-secondary {
    padding-bottom: var(--spacing--84);
  }
}
.devx-cards__item__icon--layout-secondary .devx-cards__item__icon__image img {
  height: var(--icon-size-50);
  width: auto;
}
.devx-cards__item__icon--layout-secondary .devx-cards__item__icon__image svg {
  color: var(--blue-300);
  height: var(--icon-size-50);
  width: auto;
}
.devx-cards__item__icon--layout-boxes {
  min-height: 2.5rem;
  padding-bottom: var(--spacing--18);
  flex: none;
}
.devx-cards__item__icon--layout-boxes .devx-cards__item__icon__image img {
  height: var(--icon-size-32);
  width: auto;
}
.devx-cards__item__icon--layout-boxes .devx-cards__item__icon__image svg {
  color: var(--neutral-50);
  height: var(--icon-size-32);
  width: auto;
}
.devx-cards__item__icon--layout-vertical {
  display: flex;
  padding-bottom: 0;
}
.devx-cards__item__icon--layout-vertical .devx-cards__item__number {
  flex: 1 1 50%;
  font-size: var(--font-size--48);
  font-weight: var(--font-bolder);
  color: var(--cards-item-number);
  line-height: 1.1;
  transition: color var(--transition-duration) var(--transition-ease);
  padding-bottom: 0;
}
.devx-cards__item__icon--layout-vertical .devx-cards__item__icon__image {
  flex: 1 1 100%;
  opacity: 1;
  transition: opacity var(--transition-duration) var(--transition-ease), max-height var(--transition-duration) var(--transition-ease) var(--transition-duration);
  max-height: var(--icon-size-16);
  text-align: right;
  padding-bottom: var(--spacing--164);
}
@media (max-width: 767.98px) {
  .devx-cards__item__icon--layout-vertical .devx-cards__item__icon__image {
    padding-bottom: var(--spacing--68);
  }
}
.devx-cards__item__icon--layout-vertical .devx-cards__item__icon__image--numbers {
  flex: 1 1 50%;
}
.devx-cards__item__icon--layout-vertical .devx-cards__item__icon__image svg {
  color: var(--cards-vertical-item-icon);
  height: var(--icon-size-16);
  width: auto;
}
.devx-cards__item__icon--layout-vertical .devx-cards__item__icon__image img {
  height: var(--icon-size-16);
  width: auto;
}
.devx-cards__item__icon--layout-narrow {
  padding-bottom: var(--spacing--80);
}
.devx-cards__item__icon--layout-narrow .devx-cards__item__icon__image svg {
  color: var(--cards-narrow-item-icon);
  height: var(--icon-size-96);
  width: auto;
}
.devx-cards__item__icon--layout-narrow .devx-cards__item__icon__image img {
  height: var(--icon-size-96);
  width: auto;
}
.devx-cards__item__header {
  flex: 1 1 100%;
}
.devx-cards__item__header--layout-default {
  color: var(--blue-300);
  font-size: var(--font-size--22);
  min-height: 3.75rem;
}
@media (max-width: 1023.98px) {
  .devx-cards__item__header--layout-default {
    min-height: 3.75rem;
  }
}
.devx-cards__item__header--layout-secondary {
  color: var(--blue-200);
  font-size: var(--font-size--22);
  min-height: 5rem;
  margin: 0;
  padding-bottom: var(--spacing--40);
}
.devx-cards__item__header--layout-boxes {
  color: var(--neutral-50);
  font-size: var(--font-size--22);
  line-height: 1.5;
  padding-bottom: var(--spacing--32);
  margin: 0;
  flex: none;
}
.devx-cards__item__header--layout-vertical {
  color: var(--cards-item-header);
  font-size: var(--font-size--32);
  transition: all var(--transition-duration) var(--transition-ease);
  align-items: flex-start;
  display: flex;
  margin: 0;
}
.devx-cards__item__header--layout-narrow {
  color: var(--cards-item-header);
  font-size: var(--font-size--32);
  margin: 0;
  padding-bottom: var(--spacing--24);
}
.devx-cards__item__header--theme-dark {
  color: var(--neutral-50) !important;
}
.devx-cards__item__description {
  flex: 1 1 100%;
}
.devx-cards__item__description p {
  margin: 0;
}
.devx-cards__item__description--layout-default {
  min-height: 11.25rem;
  margin-top: var(--spacing--24);
}
@media (max-width: 1023.98px) {
  .devx-cards__item__description--layout-default {
    min-height: 6.25rem;
    padding-bottom: var(--spacing--24);
  }
}
@media (max-width: 767.98px) {
  .devx-cards__item__description--layout-default {
    min-height: 5rem;
    padding-bottom: var(--spacing--24);
  }
}
.devx-cards__item__description--layout-secondary {
  min-height: 13.75rem;
}
.devx-cards__item__description--layout-boxes {
  flex: none;
  color: var(--cards-item-description);
  line-height: 1.4;
}
.devx-cards__item__description--layout-boxes p {
  color: var(--cards-item-description);
  line-height: 1.4;
  margin: 0;
}
.devx-cards__item__description--layout-vertical {
  color: var(--cards-item-description);
  overflow: hidden;
  opacity: 0;
  transition: opacity var(--transition-duration) var(--transition-ease), max-height var(--transition-duration) var(--transition-ease) var(---transition-duration-short);
}
.devx-cards__item__description--layout-vertical p {
  color: var(--cards-item-description);
}
.devx-cards__item__description--layout-narrow {
  color: var(--cards-item-description);
}
.devx-cards__item__description--layout-narrow p {
  margin: 0;
  color: var(--cards-item-description);
}
.devx-cards__item__description--theme-dark {
  color: var(--blue-100) !important;
}
.devx-cards__item--layout-default.swiper-slide, .devx-cards__item--layout-boxes.swiper-slide, .devx-cards__item--layout-vertical.swiper-slide, .devx-cards__item--layout-secondary.swiper-slide {
  height: auto;
}
.devx-cards__item--layout-narrow.swiper-slide, .devx-cards__item--layout-narrow.swiper-slide {
  height: auto;
}
.devx-cards__pagination {
  bottom: auto !important;
  text-align: right !important;
  left: auto !important;
  display: flex !important;
  gap: var(--spacing--16);
}
.devx-cards__pagination--layout-default {
  top: 2.5rem !important;
  right: 0 !important;
}
.devx-cards__pagination--layout-secondary {
  top: 0 !important;
  right: var(--spacing--48) !important;
}
.devx-cards__pagination--layout-vertical {
  top: 2.5rem !important;
  right: 0 !important;
}
.devx-cards__pagination--layout-boxes {
  top: 2.5rem !important;
  right: 0 !important;
}
.devx-cards__pagination--layout-narrow {
  top: 0 !important;
  right: 0 !important;
}
@media (max-width: 1023.98px) {
  .devx-cards__pagination--layout-default {
    justify-content: flex-end !important;
  }
  .devx-cards__pagination--layout-secondary {
    justify-content: flex-end !important;
  }
  .devx-cards__pagination--layout-boxes {
    justify-content: flex-end !important;
  }
  .devx-cards__pagination--layout-narrow {
    justify-content: center !important;
  }
  .devx-cards__pagination--layout-vertical {
    justify-content: flex-end !important;
  }
}
@media (max-width: 767.98px) {
  .devx-cards__pagination {
    justify-content: center !important;
    right: 0 !important;
  }
  .devx-cards__pagination--layout-vertical {
    top: 0 !important;
  }
}
.devx-cards.devx-theme--dark .swiper-pagination-bullet {
  border-color: var(--neutral-50) !important;
}
.devx-cards.devx-theme--dark .swiper-pagination-bullet-active {
  background: var(--neutral-50) !important;
}
.devx-cards .devx-cards__item-links {
  margin: var(--spacing--40) 0 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--spacing--24);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link {
  color: var(--cards-item-link);
  display: inline-flex;
  text-decoration: none;
  transition: color var(--transition-duration) var(--transition-ease);
  position: relative;
}
.devx-cards .devx-cards__item-links .devx-cards__item-link .devx-cards__item-link-wrapper {
  grid-column-gap: 0.5rem;
  justify-content: flex-start;
  align-self: center;
  align-items: baseline;
  display: flex;
  position: relative;
  overflow: hidden;
}
.devx-cards .devx-cards__item-links .devx-cards__item-link .devx-cards__item-link-text {
  transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link .devx-cards__item-link-before {
  flex-flow: row;
  flex: none;
  align-self: center;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: absolute;
  inset: auto auto 0% -1.5rem;
  transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link .devx-cards__item-link-after {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
  transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link svg path {
  color: var(--cards-vertical-item-icon);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link:hover {
  color: var(--cyan-200);
  transition: color var(--transition-duration) var(--transition-ease);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link:hover .devx-cards__item-link-text {
  transform: translate3d(1.5rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link:hover .devx-cards__item-link-before {
  transform: translate3d(1.5rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link:hover .devx-cards__item-link-after {
  transform: translate3d(1.5rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
}
.devx-cards .devx-cards__item-links .devx-cards__item-link svg {
  display: inline-flex;
  width: var(--icon-size-22);
  height: var(--icon-size-22);
}

.devx-cards--layout-vertical .swiper-wrapper {
  height: auto !important;
}
.devx-cards--layout-vertical .devx-cards__item__description {
  max-height: none !important;
  opacity: 1 !important;
}
.devx-cards--layout-vertical .devx-cards__item {
  height: auto !important;
  cursor: default !important;
}
.devx-cards--layout-vertical .devx-cards__item__header {
  color: var(--blue-200) !important;
  font-size: var(--font-size--28) !important;
}

.devx-cards--layout-vertical-links {
  position: relative;
  overflow: hidden;
  padding-block: var(--block-spacing-lg);
}
@media (max-width: 767.98px) {
  .devx-cards--layout-vertical-links {
    padding-block: var(--block-spacing-sm);
  }
}
.devx-cards--layout-vertical-links:first-child {
  padding-top: calc(var(--header-height) + var(--block-spacing-lg)) !important;
}
@media (max-width: 767.98px) {
  .devx-cards--layout-vertical-links:first-child {
    padding-top: calc(var(--header-height) + var(--block-spacing-xxs)) !important;
  }
}
.devx-cards--layout-vertical-links .devx-cards__item__description {
  padding-top: 0 !important;
}
.devx-cards--layout-vertical-links .devx-cards__content {
  max-width: 100%;
}
.devx-cards--layout-vertical-links .devx-cards__header--layout-vertical {
  padding: 0;
}
.devx-cards--layout-vertical-links .devx-cards__item__icon__image {
  opacity: 1 !important;
}
.devx-cards--layout-vertical-links .devx-cards__items__wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  height: auto !important;
}
@media (max-width: 1023.98px) {
  .devx-cards--layout-vertical-links .devx-cards__items__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: var(--spacing--24);
  }
}
.devx-cards--layout-vertical-links .devx-cards__items__wrapper .devx-cards__item {
  flex: 1 1 100% !important;
  height: 100% !important;
  flex-direction: column;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  align-items: flex-start;
  background: var(--cards-bg-item) !important;
  cursor: default;
  display: flex;
}
@media (max-width: 1023.98px) {
  .devx-cards--layout-vertical-links .devx-cards__items__wrapper .devx-cards__item {
    width: 100% !important;
  }
}
.devx-cards--layout-vertical-links .devx-cards__content--layout-vertical {
  padding-bottom: var(--spacing--90);
  padding-top: 0;
}
@media (max-width: 767.98px) {
  .devx-cards--layout-vertical-links .devx-cards__content--layout-vertical {
    padding-bottom: var(--spacing--48);
    padding-top: 0;
  }
}
.devx-cards--layout-vertical-links .devx-cards__item__icon {
  position: absolute;
  top: var(--spacing--40);
  left: var(--spacing--24);
  width: var(--icon-size-62) !important;
  height: var(--icon-size-62) !important;
  opacity: 1 !important;
  padding: 0;
}
.devx-cards--layout-vertical-links .devx-cards__item__icon__image {
  padding-bottom: 0;
  width: var(--icon-size-62) !important;
  height: var(--icon-size-62) !important;
}
.devx-cards--layout-vertical-links .devx-cards__item__icon figure {
  width: var(--icon-size-62);
  height: var(--icon-size-62);
  position: relative;
  max-height: unset !important;
}
.devx-cards--layout-vertical-links .devx-cards__item__icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.devx-cards--layout-vertical-links .devx-cards__item__description {
  font-size: var(--font-size--22);
  opacity: 1;
  margin-bottom: var(--spacing--60);
}
.devx-cards--layout-vertical-links .devx-cards__item__description p {
  font-size: var(--font-size--22) !important;
  opacity: 1;
}
.devx-cards--layout-vertical-links .devx-cards__item-links {
  margin-top: auto;
}
.devx-cards--layout-vertical-links .devx-cards__item-link {
  font-size: var(--font-size--16) !important;
}
.devx-cards--layout-vertical-links .devx-cards__items {
  padding-top: 0 !important;
}
.devx-cards--layout-vertical-links .devx-cards__item {
  position: relative;
}
.devx-cards--layout-vertical-links .devx-cards__item__header {
  color: var(--cards-item-header) !important;
  padding-left: var(--icon-size-80);
  line-height: var(--icon-size-62);
  font-size: var(--font-size--48) !important;
  margin-bottom: var(--spacing--40);
  flex: auto;
}
@media (max-width: 1599.98px) {
  .devx-cards--layout-vertical-links .devx-cards__item__header {
    font-size: var(--font-size--38) !important;
  }
}
.devx-cards--layout-vertical-links .devx-cards__item {
  transition: background-color var(--transition-duration) var(--transition-ease);
}
.devx-cards--layout-vertical-links .devx-cards__item.active {
  background: var(--blue-300);
}
.devx-cards--layout-vertical-links .devx-cards__pagination {
  display: none !important;
}
@media (max-width: 1279.98px) {
  .devx-cards--layout-vertical-links .swiper-wrapper {
    flex-direction: column;
  }
}
.devx-cards--layout-vertical-links.devx-section--line-alternate-1 .devx-line:before {
  display: none;
}
.devx-cards--layout-vertical-links .devx-line--layout-alternate-1 {
  top: calc(-1 * var(--spacing--140));
  height: calc(100% + var(--spacing--224));
}

@media (max-width: 767.98px) {
  .devx-cards__items:not(.swiper-initialized):has(.devx-cards__items__wrapper--layout-narrow) > .devx-cards__items__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--24);
  }
}

@media (max-width: 767.98px) {
  .devx-cards--layout-narrow:first-child .devx-cards__content {
    padding-top: 1.75rem;
    padding-bottom: var(--spacing--48);
  }
}

.devx-cards--carousel-disabled.devx-cards--layout-vertical-links .devx-cards__items__wrapper {
  gap: var(--spacing--24);
}