/* Imported from: ../FeatureBarItem/styles.css */
.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar--icon-below .kombos-feature-bar-item {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar-item__icon {
  flex: 0 0 auto;
  color: var(--fb-icon, var(--kombos-gray-900));
  line-height: 0;
}

.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar-item__icon-svg, .cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar-item__icon-img {
  width: var(--fb-icon-size, 2rem);
  height: var(--fb-icon-size, 2rem);
  display: block;
  object-fit: contain;
}

.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar-item__texts {
  flex: 1 1 auto;
  min-width: 0;
}

.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar-item__title {
  margin: 0;
  color: var(--fb-title, var(--kombos-gray-900));
}

.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar-item__subtitle {
  margin: 0.2rem 0 0;
  color: var(--fb-subtitle, var(--kombos-gray-500));
}

/* End import: ../FeatureBarItem/styles.css */

.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar {
  width: 100%;
}

.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar__grid {
  display: grid;
  grid-template-columns: repeat(var(--fb-mobile-cols, 2), minmax(0, 1fr));
  gap: 1.25rem 1rem;
  align-items: start;
}

@media (max-width: 767px) {
  .cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar--mobile-1 .kombos-feature-bar__grid > *:nth-child(n + 2), .cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar--mobile-2 .kombos-feature-bar__grid > *:nth-child(n + 3), .cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar--mobile-3 .kombos-feature-bar__grid > *:nth-child(n + 4), .cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar--mobile-4 .kombos-feature-bar__grid > *:nth-child(n + 5) {
    display: none;
  }

  .cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar__grid > * {
    min-width: 0;
  }
}

@media (min-width: 768px) {
  .cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

/* Circle icon frame */
.cc_ZNd2E98YlO_7CcFaxhsYZ .kombos-feature-bar--icon-circle .kombos-feature-bar-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--fb-icon-size, 2rem) + 1.25rem);
  height: calc(var(--fb-icon-size, 2rem) + 1.25rem);
  border-radius: 50%;
  background: var(--fb-icon-circle-bg, #efe7dc);
}