.section-cards-carousel {
  background-color: #ffffff;
  padding: 70px 0;
  border-radius: 24px;
  margin: 24px !important;
  left: 0 !important;
  width: calc(100vw - 48px) !important;
}

.section-cards-carousel.full {
  margin: 0 !important;
  border-radius: 0;
  width: 100% !important;
}

.section-cards-carousel
  .elementor-column-gap-default
  > .elementor-column
  > .elementor-element-populated {
  max-width: 560px;
}

.section-cards-carousel .elementor-inner-section:first-of-type {
  margin-bottom: 40px !important;
  margin-top: 64px !important;
}

.section-cards-carousel .elementor-column.elementor-col-100 {
  justify-content: center;
}

.section-cards-carousel .pxl-heading .pxl-heading--inner {
  width: 100%;
}
.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner {
  background-color: #dee5ee;
  border-radius: 24px;
  position: relative;
  padding: 16px;
  height: 320px;
  width: 290px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  transition: background-color 0.3s ease-in-out;
}

.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide {
  display: flex;
  justify-content: center;
  position: relative;
}

.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner::before {
  content: "";
  background-image: url(/wp-content/uploads/2024/12/hover-white-1.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: -55px;
  right: -55px;
  width: 215px;
  height: 217px;
  transform: scale(0.5);
}

.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner::after {
  content: "";
  background-image: url(/wp-content/uploads/2024/12/Vector-2.svg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  position: absolute;
  left: -18px;
  width: 100%;
  height: 100%;
}

.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide:hover .pxl-item--inner::after {
  display: none;
}

.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide:hover .pxl-item--inner {
  background-color: #07468d;
}

.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--number {
  order: -1;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
  color: #ffffff;
  background-color: transparent;
  margin: 0;
}

.section-cards-carousel
  .pxl-text-carousel2
  .pxl-swiper-slide:hover
  .pxl-item--inner
  .pxl-item--number {
  box-shadow: none;
  color: #0d84f2;
}

.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #07468d;
  margin: 0;
  transition: color 0.3s ease-in-out;
  padding-bottom: 28px;
  max-width: 180px;
}

.section-cards-carousel
  .pxl-text-carousel2
  .pxl-swiper-slide:hover
  .pxl-item--inner
  .pxl-item--title {
  color: #ffffff;
  padding-bottom: 0;
}

.section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--desc {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
  color: #dee5ee;
  display: none;
  margin-top: 0;
  padding-bottom: 28px;
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}

.section-cards-carousel
  .pxl-text-carousel2
  .pxl-swiper-slide:hover
  .pxl-item--inner
  .pxl-item--desc {
  display: block;
}

.section-cards-carousel .pxl-swiper-wrapper {
  transition-timing-function: linear;
}

.section-cards-carousel .btn {
  margin: 64px 0;
}

@media screen and (max-width: 767px) {
  .section-cards-carousel .elementor-column.elementor-col-100 {
    justify-content: flex-start;
  }

  .section-cards-carousel .elementor-column .elementor-section.component-section-title {
    padding: 0 !important;
  }

  .section-cards-carousel
    .elementor-section
    .elementor-inner-column
    > .elementor-element-populated {
    padding: 0 24px;
  }

  .section-cards-carousel {
    margin: 12px !important;
    left: 0 !important;
    width: calc(100vw - 24px) !important;
  }

  .section-cards-carousel .pxl-swiper-container {
    margin: 0 -12px;
  }

  .section-cards-carousel .elementor-element .pxl-heading .pxl-item--title,
  .section-cards-carousel .elementor-element .pxl-heading .pxl-item--subtitle,
  .section-cards-carousel .elementor-element .pxl-text-editor p {
    text-align: left;
  }

  .section-cards-carousel .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner::after {
    right: 14px;
    left: initial;
    bottom: 14px;
  }
}

/*** DARK ***/

.section-cards-carousel.dark {
  background-color: #111725;
}

.section-cards-carousel.dark.gray-bg {
  background-color: #1c2534;
}

.section-cards-carousel.dark .elementor-inner-section:first-of-type {
  margin-top: 132px !important;
}

.section-cards-carousel.dark .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner {
  background-color: #2d394b;
}

.section-cards-carousel.dark.gray-bg
  .pxl-text-carousel2
  .pxl-swiper-slide
  .pxl-item--inner::before {
  background-image: url(/wp-content/uploads/2024/12/hover-neutral-800.svg);
}

.section-cards-carousel.dark .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner::before {
  background-image: url(/wp-content/uploads/2024/12/hover-dark.svg);
}

.section-cards-carousel.dark .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--inner::after {
  background-image: url(/wp-content/uploads/2025/03/Vector-9.svg);
}

.section-cards-carousel.dark .pxl-text-carousel2 .pxl-swiper-slide:hover .pxl-item--inner {
  background-color: #ffffff;
}

.section-cards-carousel.dark
  .pxl-text-carousel2
  .pxl-swiper-slide
  .pxl-item--inner
  .pxl-item--number {
  color: #596980;
}

.section-cards-carousel.dark
  .pxl-text-carousel2
  .pxl-swiper-slide:hover
  .pxl-item--inner
  .pxl-item--number {
  color: #07468d;
}

.section-cards-carousel.dark
  .pxl-text-carousel2
  .pxl-swiper-slide
  .pxl-item--inner
  .pxl-item--title {
  color: #ffffff;
}

.section-cards-carousel.dark
  .pxl-text-carousel2
  .pxl-swiper-slide:hover
  .pxl-item--inner
  .pxl-item--title {
  color: #111725;
}

.section-cards-carousel.dark .pxl-text-carousel2 .pxl-swiper-slide .pxl-item--desc {
  color: #596980;
}

@media screen and (max-width: 767px) {
  .section-cards-carousel.dark .elementor-inner-section:first-of-type {
    margin-top: 64px !important;
  }
}