.features-image-grid-section-wrapper {
  background: var(--section-background);
  border: var(--section-border);
}
@media (max-width: 768px) {
  .features-image-grid-section-wrapper {
    background: var(--section-background-mobile, var(--section-background));
    border: var(--section-border-mobile, var(--section-border));
  }
}
.features-image-grid-section-wrapper .align-container {
  gap: var(--spacing-md);
}
.features-image-grid-section-title {
  padding: var(--title-padding);
}
.features-image-grid-wrapper {
  --feature-text-box-padding: var(--spacing-lg);
  --feature-text-box-padding-mobile: var(--spaces-6) var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}
.features-image-grid-wrapper > div:nth-child(even) {
  flex-direction: row-reverse;
}
.features-image-grid-feature-wrapper {
  display: flex;
  gap: var(--spacing-lg);
  background: var(--box-background);
  border: var(--box-border);
  padding: var(--box-padding);
  border-radius: var(--box-border-radius);
}
@media (max-width: 768px) {
  .features-image-grid-feature-wrapper {
    background: var(--box-background-mobile, var(--box-background));
    border: var(--box-border-mobile, var(--box-border));
    padding: var(--box-padding-mobile, var(--box-padding));
    border-radius: var(--box-border-radius-mobile, var(--box-border-radius));
  }
}
.features-image-grid-feature-image-wrapper {
  display: flex;
  width: var(--feature-image-width, fit-content);
  max-width: 100%;
  max-height: var(--feature-image-height, auto);
  aspect-ratio: var(--feature-image-aspect-ratio, unset);
  border-radius: var(--box-border-radius);
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.features-image-grid-feature-image-wrapper img {
  object-fit: contain;
}
.features-image-grid-feature-text-box {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-6);
  justify-content: center;
  align-items: center;
  border-radius: var(--box-border-radius);
  padding: var(--feature-text-box-padding);
  flex: 1;
  box-sizing: border-box;
}
.features-image-grid-feature-icon {
  background: no-repeat;
  width: 72px;
  height: 72px;
}
.features-image-grid-feature-icon--with-image {
  background-position: center;
  background-size: contain;
}
.features-image-grid-feature-text-wrapper {
  width: 100%;
  min-width: var(--feature-text-box-min-width, 250px);
  max-width: var(--feature-text-box-max-width, 295px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.features-image-grid-feature-title {
  color: var(--color-base-black);
  font-size: 24px;
  font-weight: 600;
}
.features-image-grid-feature-description {
  color: var(--color-base-black);
  font-size: var(--feature-description-font-size, 18px);
  font-weight: 400;
  line-height: var(--feature-description-line-height, 26px);
}
@media (max-width: 768px) {
  .features-image-grid-feature-description {
    font-size: var(
      --feature-description-font-size-mobile,
      var(--feature-description-font-size, 18px)
    );
    line-height: var(
      --feature-description-line-height-mobile,
      var(--feature-description-line-height, 26px)
    );
  }
}
@media (max-width: 768px) {
  .features-image-grid-section-title {
    padding: var(--title-padding-mobile, var(--title-padding));
  }
  .features-image-grid-wrapper {
    text-align: center;
    gap: var(--spacing-2xl);
  }
  .features-image-grid-feature-wrapper {
    flex-direction: column !important;
    align-items: center;
  }
  .features-image-grid-feature-image-wrapper {
    order: 2;
  }
  .features-image-grid-feature-text-box {
    order: 1;
    max-width: var(--feature-image-width);
    width: 100%;
    padding: var(--feature-text-box-padding-mobile);
    gap: var(--spacing-xl);
  }
  .features-image-grid-feature-text-wrapper {
    max-width: unset;
    min-width: unset;
    gap: var(--spacing-sm);
  }
}
@media (max-width: 1060px) {
  .mobile-breakpoint-xl .features-image-grid-section-title {
    padding: var(--title-padding-mobile, var(--title-padding));
  }
  .mobile-breakpoint-xl .features-image-grid-wrapper {
    text-align: center;
    gap: var(--spacing-2xl);
  }
  .mobile-breakpoint-xl .features-image-grid-feature-wrapper {
    flex-direction: column !important;
    align-items: center;
  }
  .mobile-breakpoint-xl .features-image-grid-feature-image-wrapper {
    order: 2;
  }
  .mobile-breakpoint-xl .features-image-grid-feature-text-box {
    order: 1;
    max-width: var(--feature-image-width);
    width: 100%;
    padding: var(--feature-text-box-padding-mobile);
    gap: var(--spacing-xl);
  }
  .mobile-breakpoint-xl .features-image-grid-feature-text-wrapper {
    max-width: unset;
    min-width: unset;
    gap: var(--spacing-sm);
  }
}