.service__page-benefits-cards-root-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.service__page-benefits-cards-card-frame {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(
    17px,
    calc(17px + (50 - 17) * (100cqw - 1280px) / (1600 - 1280)),
    50px
  );
  border-radius: 30px;
  background: var(--blue-white-color);
  padding: clamp(
    24px,
    calc(24px + (28 - 24) * (100cqw - 1280px) / (1600 - 1280)),
    28px
  );
}

.service__page-benefits-cards-content-column {
  display: flex;
  flex-direction: column;
  gap: clamp(
    16px,
    calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
    24px
  );
}
.service__page-benefits-cards-icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(
    44px,
    calc(44px + (56 - 44) * (100cqw - 1280px) / (1600 - 1280)),
    56px
  );
  height: clamp(
    44px,
    calc(44px + (56 - 44) * (100cqw - 1280px) / (1600 - 1280)),
    56px
  );
  border-radius: 16px;
  background: var(--white-color);
  overflow: hidden;
}

.service__page-benefits-cards-icon-box > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.service__page-benefits-cards-text-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.service__page-benefits-cards-title-text {
  font-family: "Unbounded", Arial, sans-serif;
  font-size: clamp(
    18px,
    calc(18px + (19 - 18) * (100cqw - 1280px) / (1600 - 1280)),
    19px
  );
  line-height: 138%;
  font-weight: 600;
}
.service__page-benefits-cards-description-text {
  color: var(--gray-color-second);
  font-size: clamp(
    16px,
    calc(16px + (17 - 16) * (100cqw - 1280px) / (1600 - 1280)),
    17px
  );
  line-height: 136%;
  font-weight: 400;
}
.service__page-benefits-cards-fact-box {
  display: flex;
  align-items: flex-start;
  gap: clamp(
    8px,
    calc(8px + (10 - 8) * (100cqw - 1280px) / (1600 - 1280)),
    10px
  );
  width: 100%;
  border-radius: 12px;
  background: var(--white-color);
  padding: 10px
    clamp(
      10px,
      calc(10px + (14 - 10) * (100cqw - 1280px) / (1600 - 1280)),
      14px
    );
}
.service__page-benefits-cards-fact-icon {
  display: inline-flex;
  width: clamp(
    16px,
    calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
    18px
  );
  height: clamp(
    16px,
    calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
    18px
  );
  flex: 0 0 18px;
  margin-top: 2px;
}
.service__page-benefits-cards-fact-text {
  font-size: clamp(
    15px,
    calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)),
    16px
  );
  line-height: 138%;
  font-weight: 400;
}
.service__page-benefits-cards-fact-text strong {
  font-weight: 700;
}

@media(max-width: 1366px) {
  .service__page-benefits-cards-title-text {
    line-height: 145%;
  }
}

@media(max-width: 992px) {
  .service__page-benefits-cards-root-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .service__page-benefits-cards-card-frame {
    padding: 20px 20px;
    gap: 12px;
  }
  .service__page-benefits-cards-content-column {
    gap: 12px;
  }
  .service__page-benefits-cards-text-column {
    gap: 10px;
  }
  .service__page-benefits-cards-title-text {
    font-size: 17px;
  }
  .service__page-benefits-cards-title-text > br {
    display: contents;
  }
  .service__page-benefits-cards-description-text {
    font-size: 15px;
  }
  .service__page-benefits-cards-fact-box {
    padding: 10px 10px;
    gap: 7px;
  }
  .service__page-benefits-cards-fact-text {
    font-size: 15px;
  }
  .service__page-benefits-cards-fact-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }
}