.ebmnt1-service-packages {
  background-color: var(--ebmnt1-background-service-packages);
  overflow: hidden;
}

/* Blueprint drawing at 6% opacity */
.ebmnt1-service-packages__shape {
  inset-block-start: 3.125rem;
  inset-block-end: auto;
  inset-inline-start: auto;
  inset-inline-end: -23.4rem;
  width: auto;
  opacity: var(--ebmnt1-opacity-services-shape);
}

.ebmnt1-service-packages__shape-image {
  width: auto;
  max-width: none;
  height: auto;
}

.ebmnt1-service-packages__inner {
  background-color: var(--ebmnt1-background-service-packages-inner);
}

.ebmnt1-service-packages__band {
  gap: 2.875rem;
  padding-block-end: 7rem;
}

/* Static flex grid, never a slider: 1 / 2 / 4 per row */
.ebmnt1-service-packages__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ebmnt1-layout-grid-gap);
  width: 100%;
}

.ebmnt1-service-packages__list > li {
  display: flex;
  flex: 1 1 100%;
}

.ebmnt1-service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.25rem 0.9375rem;
  border: 1px solid var(--ebmnt1-border-service-card);
  border-radius: var(--ebmnt1-radius-card);
  background-color: var(--ebmnt1-background-service-card);
  text-align: start;
  transition: all var(--ebmnt1-duration-medium) var(--ebmnt1-easing-standard);
}

.ebmnt1-service-card:hover {
  transform: translateY(var(--ebmnt1-offset-hover-lift));
  border-color: var(--ebmnt1-border-service-card-hover);
  box-shadow: var(--ebmnt1-shadow-card);
}

.ebmnt1-service-card__content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin-block-end: 1.25rem;
}

.ebmnt1-service-card__title {
  color: var(--ebmnt1-text-service-title);
  font-size: var(--ebmnt1-font-size-service-title);
  font-weight: var(--ebmnt1-font-weight-bold);
  line-height: 1.5;
  transition: color var(--ebmnt1-duration-button) ease;
}

.ebmnt1-service-card:hover .ebmnt1-service-card__title {
  color: var(--ebmnt1-text-service-title-hover);
}

.ebmnt1-service-card__text {
  margin-block: 0.625rem 0.75rem;
  max-width: calc(100% - 3.5rem);
  color: var(--ebmnt1-text-service-body);
  font-size: var(--ebmnt1-font-size-body-small);
}

.ebmnt1-service-card__link {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.625rem;
  margin-block-start: 0.25rem;
  padding: 0.375rem 0.75rem 0.375rem 0.375rem;
  overflow: hidden;
  border: 1px solid var(--ebmnt1-border-service-link);
  border-radius: var(--ebmnt1-radius-button);
  background-color: var(--ebmnt1-background-service-link);
  color: var(--ebmnt1-text-service-link);
  font-size: var(--ebmnt1-font-size-body-small);
  font-weight: var(--ebmnt1-font-weight-semibold);
  line-height: 1.3;
  transition: all var(--ebmnt1-duration-button) ease;
}

/* Fill that slides in on hover so the link clearly reads as a button */
.ebmnt1-service-card__link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--ebmnt1-background-service-link-hover);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform var(--ebmnt1-duration-button) ease;
}

.ebmnt1-service-card:hover .ebmnt1-service-card__link {
  color: var(--ebmnt1-text-service-link-hover);
}

.ebmnt1-service-card:hover .ebmnt1-service-card__link::before {
  transform: scaleX(1);
}

.ebmnt1-service-card__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--ebmnt1-radius-button);
  background-color: var(--ebmnt1-background-service-arrow);
  color: var(--ebmnt1-icon-service-arrow);
  font-size: 0.75rem;
  transition: all var(--ebmnt1-duration-button) ease;
}

.ebmnt1-service-card:hover .ebmnt1-service-card__arrow {
  background-color: var(--ebmnt1-background-service-arrow-hover);
  transform: translateX(calc(var(--ebmnt1-offset-hover-icon) * -1));
}
/* Number inside a pentagon outline (orange outer polygon + cream inner polygon) */
.ebmnt1-service-card__count {
  position: absolute;
  inset-block-end: -0.625rem;
  inset-inline-end: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 2.5rem;
  padding-block-start: 0.5625rem;
  background-color: var(--ebmnt1-background-service-count-outline);
  clip-path: polygon(50% 0%, 81% 31%, 100% 31%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 21% 31%);
  color: var(--ebmnt1-text-service-count);
  font-family: var(--ebmnt1-font-family-heading);
  font-size: var(--ebmnt1-font-size-service-count);
  font-weight: var(--ebmnt1-font-weight-bold);
  line-height: 1.5;
  isolation: isolate;
}

.ebmnt1-service-card__count::after {
  content: "";
  position: absolute;
  inset: 1.5px 1px 1px;
  z-index: -1;
  background-color: var(--ebmnt1-background-service-count);
  clip-path: polygon(50% 0%, 81% 31%, 100% 31%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 21% 31%);
}

.ebmnt1-service-card__media {
  position: relative;
}

.ebmnt1-service-card__image {
  width: 100%;
  border-radius: 0.3125rem;
}

.ebmnt1-service-card__icon {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5625rem;
  height: 3.3125rem;
  padding-inline-start: 0.5rem;
  background-color: var(--ebmnt1-background-service-icon);
  border-start-end-radius: 0.3125rem;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 22% 100%, 0 60%);
  color: var(--ebmnt1-icon-service);
  transition: all var(--ebmnt1-duration-button) ease;
}

[dir="rtl"] .ebmnt1-service-card__icon {
  clip-path: polygon(0 0, 100% 0, 100% 60%, 78% 100%, 0 100%);
}

.ebmnt1-service-card__icon .ebmnt1-icon {
  font-size: 2.25rem;
}

.ebmnt1-service-card:hover .ebmnt1-service-card__icon .ebmnt1-icon {
  animation: ebmnt1-wobble-horizontal 1s ease-in-out 1;
}

@media (min-width: 768px) {
  .ebmnt1-service-packages__list > li {
    flex-basis: calc(50% - 0.625rem);
  }
}

@media (min-width: 1024px) {
  .ebmnt1-service-packages__list > li {
    flex-basis: calc(25% - 0.95rem);
  }
}