
.featured-columns-title {
  margin-bottom: 1.5rem;
}

.featured-columns-block .block-description {
  margin-bottom: 4rem;
}
.featured-columns-block .block-description,
.featured-columns-block .block-description p {
  font-weight: 500;
}


/* columns */

.featured-columns-block .featured-item {
  background: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}
.featured-columns-block.bg-white .featured-item {
  background: var(--bg-light);
}
.featured-columns-block .featured-item-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 2.25rem 2.5rem;
}

.featured-columns-block .column-title {
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  margin-bottom: 1rem;
}

.featured-columns-block .featured-item-content p {
  font-size: 1.0625rem;
}
.featured-columns-block .featured-item-content p:last-child {
  margin-bottom: 0;
}
.featured-columns-block .featured-item-wrapper .btn {
  font-size: 1rem;
  margin-top: 1.5rem;
  padding: .625rem 1.5rem;
}



/* Image */

.featured-columns-block .featured-item-cover {
  container-type: inline-size;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  padding-top: 60%; /* 1:1 Aspect Ratio */
  position: relative;
  width: 100%;
}

.featured-columns-block .featured-item-cover img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.featured-columns-block .featured-item-cover img.badge {
  background: transparent;
  object-fit: contain;
  position: absolute;
    top: 1rem;
    left: 1rem;
  height: auto;
  width: 30cqi;
  z-index: 1;
}



/**********/
@media (max-width: 1439px) {
  .featured-columns-block .featured-item-wrapper {
    padding: 1.75rem 2rem;
  }
  .featured-columns-block .column-title {
    margin-bottom: .5rem;
  }
  .featured-columns-block .featured-item-content p {
    font-size: .9375rem;
  }
}

@media (max-width: 1199px) {
  .featured-columns-block .featured-item-wrapper {
    padding: 1.25rem 1.5rem;
  }
  .featured-columns-block .featured-item-content p {
    font-size: .9375rem;
  }
  .featured-columns-block .featured-item-wrapper .btn {
    font-size: 1rem;
    margin-top: 1rem;
  }
}

@media (max-width: 1023px) {
  .featured-columns-block .featured-item-wrapper {
    padding: 2.25rem 2.5rem;
  }
}

@media (max-width: 639px) {
  .featured-columns-block .featured-item-wrapper {
    padding: 1.25rem 1.5rem;
  }
}
