.parallax-cards {
  position: relative;
}
.parallax-cards .card {
  min-height: 300px;
  margin-bottom: var(--wp--preset--spacing--normal);
  background: #f5f5f7;
  border-radius: 16px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  z-index: 1;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (min-width: 1024px) and (min-height: 800px) {
  .parallax-cards .card {
    position: sticky;
    top: 130px;
  }
}
.parallax-cards .card > div {
  padding: var(--wp--preset--spacing--normal);
}
.parallax-cards .card .col-1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-size: cover;
  background-position: center;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  position: relative;
}
.parallax-cards .card .col-1:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}
.parallax-cards .card .col-1 h3 {
  margin: 0;
  color: #fff;
  position: relative;
  z-index: 2;
}
.parallax-cards .card .col-2 h3:first-child {
  color: #006450;
}
.parallax-cards .card .btn {
  display: inline-flex;
  align-items: center;
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--18);
  font-weight: 500;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  padding: 1.2rem 2rem;
  color: #006450;
  background: transparent;
  border: 1px solid #006450;
  border-radius: 3.2rem;
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 1.5ch;
}
.parallax-cards .card .btn:after {
  content: "";
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0247 9.55859C15.2669 9.80078 15.2669 10.1992 15.0247 10.4414L7.52472 17.9414C7.28253 18.1836 6.88409 18.1836 6.64191 17.9414C6.39972 17.6992 6.39972 17.3008 6.64191 17.0586L13.7005 10L6.64191 2.94141C6.39972 2.69922 6.39972 2.30078 6.64191 2.05859C6.88409 1.81641 7.28253 1.81641 7.52472 2.05859L15.0247 9.55859Z' fill='%23000000'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.parallax-cards .card .btn:hover, .parallax-cards .card .btn:active, .parallax-cards .card .btn:focus {
  color: #fff;
  background: #006450;
}
.parallax-cards .card .btn[href^=http]:not([href*="origin.luminated.co.uk"]):not([href*="originenterprises.com"]):after, .parallax-cards .card .btn[target=_blank]:after {
  margin-top: -3px;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4213 9.38932V14.6834C14.4213 15.1515 14.2354 15.6003 13.9045 15.9313C13.5735 16.2622 13.1247 16.4481 12.6566 16.4481H2.95074C2.48271 16.4481 2.03385 16.2622 1.70291 15.9313C1.37196 15.6003 1.18604 15.1515 1.18604 14.6834V4.97755C1.18604 4.50952 1.37196 4.06066 1.70291 3.72972C2.03385 3.39877 2.48271 3.21284 2.95074 3.21284H8.24486' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8916 1.44814H16.1857V6.74225' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.50619 9.12796L16.1862 1.44814' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
.parallax-cards .card .btn[href*=wp-origin-resources-2024]:after {
  mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0247 9.55859C15.2669 9.80078 15.2669 10.1992 15.0247 10.4414L7.52472 17.9414C7.28253 18.1836 6.88409 18.1836 6.64191 17.9414C6.39972 17.6992 6.39972 17.3008 6.64191 17.0586L13.7005 10L6.64191 2.94141C6.39972 2.69922 6.39972 2.30078 6.64191 2.05859C6.88409 1.81641 7.28253 1.81641 7.52472 2.05859L15.0247 9.55859Z' fill='%23000000'/%3E%3C/svg%3E") !important;
  background-size: cover;
}
@media (max-width: 781px) {
  .parallax-cards .card .col-1 {
    height: 30vh;
  }
}
@media (min-width: 782px) {
  .parallax-cards .card {
    display: flex;
    flex-wrap: wrap;
  }
  .parallax-cards .card > div {
    padding: var(--wp--preset--spacing--normal);
  }
  .parallax-cards .card .col-1 {
    width: 50%;
    border-radius: 16px 0 0 16px;
  }
  .parallax-cards .card .col-1 h3 {
    width: 100%;
    padding: 0 5%;
    font-size: var(--wp--preset--font-size--54);
    text-align: center;
  }
  .parallax-cards .card .col-2 {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }
}
.parallax-cards.no-overlay .card .col-1:after {
  background: none;
}
