.pricing-plans__title {
  width: 100%;
}


.pricing-card__price {
  margin-top: 15px;
}


.pricing-plans__header .pricing-plans__title,
.pricing-plans__grid .pricing-card .pricing-card__title {
  letter-spacing: -0.5px;
}

.pricing-plans__subtitle,
.pricing-plans__grid .pricing-card .pricing-card__price {
  color: #ffffffcc
}

.pricing-card {
  border-radius: 20px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  min-height: 412px;
  justify-content: space-evenly;
  max-width: 392px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.pricing-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

.pricing-plans__grid .pricing-card .button {
  width: 100%;
  max-width: 100%;
}

.pricing-plans__grid .pricing-card .pricing-card__features {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pricing-plans__grid .pricing-card .pricing-card__features li::before {
  content: '';
  background-image: url('/sites/default/files/2025-11/teal-tick.svg');
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
}

.pricing-plans__grid .pricing-card .pricing-card__features li {
  padding-left: 34px;
  position: relative;
  margin: 0 0 8px 0;
  display: flex;
  align-items: center;
  min-height: 27px;
}

.pricing-plans__grid .pricing-card .pricing-card__cta {
  width: 100%;
  margin-top: auto;
}

@media (max-width: 1230px) {
  .pricing-plans {
    padding: 60px 24px !important
  }
}

@media (max-width: 1199px) {
  .pricing-plans {
    padding: 60px 24px !important;
  }
}

@media (max-width: 767px) {
  .pricing-plans__grid.pricing-plans__grid__two_col .pricing-card {
    flex: unset !important;
  }
}

@media (max-width: 500px) {
  .pricing-card {
    margin-left: 0;
    margin-right: 0;
  }
}

/***Overlay***/

.pricing-card .pricing-card__ai {
  background: linear-gradient(91.9deg, #1FFCF1 0.22%, #59BAF7 33.79%, #9378FD 69.75%, #E06589 99.97%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  width: max-content
}

.product-pricing__header .product-pricing__title,
.product-pricing__grid .pricing-card .pricing-card__title {
  letter-spacing: -0.5px;
}

.product-pricing__header {
  display: flex;
  gap: 50px;
  align-items: center;
}

.product-pricing__header .product-pricing__title {
  max-width: 600px;
  width: 100%;
}

.product-pricing__header .product-pricing__description {
  max-width: 550px;
  width: 100%;
}

.product-pricing__subtitle,
.product-pricing__grid .pricing-card .pricing-card__price,
.product-pricing__description,
.pricing-plans__grid__two_col .pricing-card__header .pricing-card__description {
  color: #ffffffcc;
}

.pricing-plans__grid__two_col .pricing-card__header {
  border-bottom: 1px solid #ffffff1f;
  min-height: 85px;
  margin-bottom: 24px;
}

.product-pricing__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.product-pricing__grid .pricing-card {
  background: transparent;
  border-radius: 20px;
  padding: 48px 24px 20px;
  display: flex;
  flex-direction: column;
  border: 2px solid #007F7B;
  transition: all 0.3s;
}

.product-pricing__grid .pricing-card:hover {
  background: #FFFFFF29;
}

.product-pricing__grid .pricing-card:nth-child(3),
.product-pricing__grid .pricing-card:nth-child(4) {
  position: relative;
  z-index: 1;
  border: none;
  border-radius: 20px;
  overflow: hidden;
}

.product-pricing__grid .pricing-card:nth-child(3)::before,
.product-pricing__grid .pricing-card:nth-child(4)::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(91.9deg, #1FFCF1 0.22%, #59BAF7 33.79%, #9378FD 69.75%, #E06589 99.97%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.pricing-card p.pricing-card__tag {
  position: absolute;
  top: 0;
  background: linear-gradient(91.9deg, #1FFCF1 0.22%, #59BAF7 33.79%, #9378FD 69.75%, #E06589 99.97%);
  width: 100%;
  left: 0;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-family: 'Metric-semibold';
  text-transform: uppercase;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-pricing__grid .pricing-card ul {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.product-pricing__grid .pricing-card ul li {
  padding-left: 34px;
  position: relative;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  min-height: 27px;
  color: #fff;

}

.product-pricing__grid .pricing-card .pricing-card__cta {
  width: 100%;
  margin-top: auto;
}

@media(max-width: 1230px) {
  .product-pricing {
    padding: 60px 25px !important
  }
}

@media(max-width: 991px) {
  .pricing-plans__grid.pricing-plans__grid__two_col .pricing-card {
    flex: 0 0 49%;
  }
}

@media(max-width: 767px) {
  /* .product-pricing__grid {
    grid-template-columns: repeat(1, 1fr);
  }*/

  .product-pricing__header {
    flex-wrap: wrap;
    gap: 16px;
  }

  .pricing-plans__grid__two_col .pricing-card__header {
    min-height: unset;
  }
}

/*For Two Column*/
.pricing-plans__grid.pricing-plans__grid__two_col .pricing-card {
  background: transparent;
  border-radius: 20px;
  padding: 48px 24px 20px;
  display: flex;
  flex-direction: column;
  border: 2px solid #007F7B;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}

/*
.pricing-plans__grid.pricing-plans__grid__two_col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}*/


.pricing-plans__grid.pricing-plans__grid__two_col .pricing-card:hover {
  background: #FFFFFF29;
}

.pricing-card p.pricing-card__tag {
  position: absolute;
  top: 0;
  background: linear-gradient(91.9deg, #1FFCF1 0.22%, #59BAF7 33.79%, #9378FD 69.75%, #E06589 99.97%);
  width: 100%;
  left: 0;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-family: 'Metric-semibold';
  text-transform: uppercase;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-plans__grid.pricing-plans__grid__two_col .pricing-card ul {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}