/* colors */
/* easing bezier */
/* layout vars */
/* PRODUCT COLUMNS MODUlE */
.product-columns {
  text-align: center;
}
@media screen and (min-width : 68.75em) {
  .product-columns {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
  }
}
.product-columns img {
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  margin-bottom: 30px;
  max-height: 210px;
  width: auto;
}

.product-column {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 60px;
}
@media screen and (min-width : 68.75em) {
  .product-column {
    width: calc((100% - 60px) / 3);
  }
}
.product-column:nth-child(1) h3::after {
  background: var(--gradient-green);
}
.product-column:nth-child(1) .read-more {
  background: linear-gradient(#F3F5F7, #F3F5F7) padding-box, var(--gradient-green) border-box;
}
.product-column:nth-child(1) .read-more span {
  background-image: var(--gradient-green);
}
.product-column:nth-child(2) h3::after {
  background: var(--gradient-blue);
}
.product-column:nth-child(2) .read-more {
  background: linear-gradient(#F3F5F7, #F3F5F7) padding-box, var(--gradient-blue) border-box;
}
.product-column:nth-child(2) .read-more span {
  background-image: var(--gradient-blue);
}
.product-column:nth-child(3) h3::after {
  background: var(--gradient-red);
}
.product-column:nth-child(3) .read-more {
  background: linear-gradient(#F3F5F7, #F3F5F7) padding-box, var(--gradient-red) border-box;
}
.product-column:nth-child(3) .read-more span {
  background-image: var(--gradient-red);
}
.product-column p {
  font-size: 0.9em;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.product-column h3 {
  background-color: #005DAF;
  background-image: var(--gradient-dark-blue);
  background-size: 100%;
  background-clip: text;
  color: transparent;
}
.product-column h3::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
.product-column .read-more {
  border: 2px solid transparent;
  display: inline-block;
  width: auto;
}
.product-column .read-more span {
  background-color: #38454A;
  background-size: 100%;
  background-clip: text;
  color: transparent;
}