.card-grid {
  padding: 9.6rem 1.6rem;
}

.cta_scheme-white {
  background-color: #ffffff;
}
.cta_scheme-gray {
  background-color: #f0f4f8;
}
.cta_scheme-transparent {
  background-color: transparent;
}

.card-grid__inner {
  display: flex;

  max-width: 1440px;

  margin-inline: auto;
  flex-direction: column;

/* align-items: center; */
  gap: 4rem;
}

/* Header */
.card-grid__header {
  display: flex;

  width: 100%;

  text-align: center;

  flex-direction: column;
  gap: 1.2rem;
}

.cta-grid__header--left {
  text-align: left;
}

.cta-grid__header--center {
  text-align: center;
}

.cta-grid__header--right {
  text-align: right;
}


.card-grid__subtitle {
  margin: 0;

  color: #ec1c2a;
  font-size: 1.4rem;
  font-weight: 600;

  /* letter-spacing: .05em; */
}

.card-grid__title {
  font-size: clamp( 32px, calc( 30.980392156862745px + .261437908496732vw ), 36px ) !important;
  font-weight: 600 !important;
}


.card-grid__description {
  margin: 0;

  color: #555555;
  font-size: clamp( 18px, calc( 17.490196078431374px + .130718954248366vw ), 20px ) !important;
  line-height: 1.6;
}
/* Grid */
.card-grid__list {
  display: grid;

  width: 100%;

  gap: 2.4rem;
}

.card-grid__list--col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.card-grid__list--col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.card-grid__list--col-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1024px) {
  .card-grid__list--col-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .card-grid__list--col-2,
  .card-grid__list--col-3,
  .card-grid__list--col-4 {
    grid-template-columns: 1fr;
  }
}

/* Card */
.card-grid__card {
  display: flex;

  padding: 2.4rem;

  background: #ffffff;

  border: 1px solid #ec1c2a48;
  border-radius: 1.6rem;

  flex-direction: column;
  gap: 1.6rem;
}

.card-grid__card-icon {
  display: flex;

  width: 4rem;
  height: 4rem;

  background-color: #fde8e8;

  border-radius: .8rem;

  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.card-grid__card-icon img {
  width: 2rem;
  height: 2rem;

  object-fit: contain;
}

.card-grid__card-title {
  color: #1a1a2e;
  font-size: 1.8rem;
}

.card-grid__card-description {
  margin: 0;

  color: #555555;
  font-size: 1.6rem;
  line-height: 1.6;
}

/* Footer CTA */
.card-grid__footer {
  display: flex;

  justify-content: center;
}

.card-grid__button {
  display: inline-flex;

  width: auto;

  padding: 1.6rem 3.2rem;

  background-color: #e30613;

  border-radius: 8px;

  color: #ffffff;
  text-decoration: none;

  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  transition: background-color .2s ease;
}

.card-grid__button:hover {
  background-color: #b8050f;

  color: #ffffff;
}