/* Homepage services: an open editorial field rather than a stack of cards. */
.wordreward-home-2 .wr-home-services-flow {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.wordreward-home-2 .wr-home-services-flow > .elementor-shape-bottom,
.wordreward-home-2 .wr-home-services-flow > .e-con-inner > .elementor-shape-bottom {
  display: none !important;
}

.wordreward-home-2 .wr-home-services-flow::before {
  background: radial-gradient(
    ellipse 54% 50% at 50% 52%,
    rgb(35 112 108 / 0.32) 0%,
    rgb(35 112 108 / 0.26) 35%,
    rgb(35 112 108 / 0.16) 58%,
    rgb(35 112 108 / 0.07) 76%,
    rgb(35 112 108 / 0.02) 90%,
    transparent 100%
  ) !important;
  border-radius: 0;
  content: "";
  filter: none;
  inset: 0;
  -webkit-mask-image: none;
  mask-image: none;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transform: none;
  z-index: -1;
}

.wordreward-home-2 .wr-home-services-flow > .e-con-inner {
  position: relative;
  z-index: 1;
}

/* The supporting photograph dissolves into the same atmospheric field. */
.wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e > .elementor-widget-container {
  border-radius: 0 !important;
  overflow: visible !important;
}

.wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e img {
  border-radius: 0 !important;
  -webkit-mask-composite: source-in !important;
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
  -webkit-mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: 100% 100% !important;
  mask-composite: intersect !important;
  mask-image:
    linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
  mask-position: center !important;
  mask-repeat: no-repeat !important;
  mask-size: 100% 100% !important;
}

@media (min-width: 1025px) {
  .wordreward-home-2 .wr-home-services-flow > .e-con-inner {
    align-items: stretch;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-4483471f,
  .wordreward-home-2 .wr-home-services-flow .elementor-element-29995fb4 {
    align-self: stretch;
    height: auto !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-4483471f {
    display: flex;
    flex-direction: column;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e {
    flex: 0 0 clamp(280px, 22vw, 330px);
    height: clamp(280px, 22vw, 330px) !important;
    min-height: 0;
    transform: none;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e > .elementor-widget-container,
  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e img {
    height: 100% !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e img {
    object-fit: cover;
  }

  .wordreward-home-2 .wr-services-list {
    display: grid !important;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .wordreward-home-2 .wr-home-services-flow > .e-con-inner {
    align-items: stretch;
    flex-direction: row !important;
    gap: 32px !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-4483471f {
    --width: 42% !important;
    display: flex;
    flex: 0 0 42%;
    flex-direction: column;
    min-width: 0;
    width: 42% !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-29995fb4 {
    --width: 58% !important;
    flex: 1 1 58%;
    min-width: 0;
    width: 58% !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-4483471f > .elementor-element {
    --container-widget-width: 100% !important;
    --width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-59c86f25 .elementor-heading-title {
    font-size: clamp(38px, 5vw, 48px) !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e {
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
    height: auto !important;
    min-height: 0;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e > .elementor-widget-container,
  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e img {
    height: 100% !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e img {
    object-fit: cover;
    width: 100% !important;
  }
}

.wordreward-home-2 .wr-services-list {
  gap: clamp(12px, 1.4vw, 24px) !important;
}

.wordreward-home-2 .wr-service-entry,
.wordreward-home-2 .wr-service-entry > .elementor-widget-container,
.wordreward-home-2 .wr-service-entry .elementor-cta {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.wordreward-home-2 .wr-service-entry .elementor-cta {
  align-items: center;
  display: grid !important;
  gap: clamp(18px, 2vw, 32px);
  grid-template-columns: clamp(58px, 6vw, 84px) minmax(0, 1fr);
  min-height: 0 !important;
  overflow: visible !important;
  padding: clamp(18px, 2.2vw, 32px) 0 !important;
}

.wordreward-home-2 .wr-service-entry .wr-service-icon {
  align-self: start;
  color: #44bdb4;
  display: block;
  width: clamp(58px, 6vw, 78px);
}

.wordreward-home-2 .wr-service-entry .wr-service-icon svg {
  display: block;
  height: auto;
  overflow: visible;
  width: 100%;
}

.wordreward-home-2 .wr-service-entry .elementor-cta__content {
  background: transparent !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.wordreward-home-2 .wr-service-entry .elementor-cta__title,
.wordreward-home-2 .wr-service-entry .elementor-cta__description {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wordreward-home-2 .wr-service-entry .elementor-cta__button {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffd787 !important;
  display: inline-flex;
  gap: 10px;
  min-height: 0 !important;
  padding: 4px 0 !important;
}

.wordreward-home-2 .wr-service-entry .elementor-cta__button::after {
  content: "\2192";
  font-size: 1.15em;
  line-height: 1;
  transition: transform 180ms ease;
}

.wordreward-home-2 .wr-service-entry .elementor-cta__button:is(:hover, :focus-visible) {
  color: #fff3d4 !important;
}

.wordreward-home-2 .wr-service-entry .elementor-cta__button:is(:hover, :focus-visible)::after {
  transform: translateX(5px);
}

@media (max-width: 767px) {
  .wordreward-home-2 .wr-home-services-flow::before {
    background: radial-gradient(
      ellipse 64% 50% at 50% 48%,
      rgb(35 112 108 / 0.28),
      rgb(35 112 108 / 0.12) 58%,
      transparent 100%
    ) !important;
  }

  .wordreward-home-2 .wr-home-services-flow .elementor-element-2211d32e > .elementor-widget-container {
    aspect-ratio: 4 / 3;
    margin-top: 8px !important;
  }

  .wordreward-home-2 .wr-service-entry .elementor-cta {
    align-items: start;
    gap: 14px;
    grid-template-columns: 52px minmax(0, 1fr);
    padding: 14px 0 !important;
  }

  .wordreward-home-2 .wr-service-entry .wr-service-icon {
    width: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wordreward-home-2 .wr-service-entry .elementor-cta__button::after {
    transition: none;
  }
}