.pricing-cards{--card-max-width:450px;--cols:4;display:grid;gap:30px;grid-template-columns:repeat(var(--cols),minmax(min(100%,250px),var(--card-max-width)));justify-content:center;margin:0 auto;width:100%}.pricing-cards.pricing-cards--one-per-row{--cols:1}.pricing-cards.pricing-cards--two-per-row{--cols:2}.pricing-cards.pricing-cards--three-per-row{--cols:3}.pricing-cards.pricing-cards--four-per-row{--cols:4}.pricing-card{border-radius:30px;display:flex;flex-direction:column;isolation:isolate;padding:40px 30px;position:relative;transition:var(--transition);width:100%}.pricing-card:before{background:linear-gradient(333deg,rgba(44,88,81,.4) -62.66%,rgba(84,75,255,.14) 8.37%,rgba(84,75,255,.24) 97.89%),#fff;opacity:1}.pricing-card:after,.pricing-card:before{border-radius:20px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:var(--transition);width:100%;z-index:-1}.pricing-card:after{background:linear-gradient(334deg,rgba(7,253,212,.4) -.64%,rgba(84,75,255,.28) 98.03%),#fff;opacity:0}.pricing-card:hover:before{opacity:0}.pricing-card:hover:after{opacity:1}.pricing-card.pricing-card--recommended{border:8px solid #aba7fe}.recommended-indicator{align-items:center;background-color:#fff;border-radius:60px;box-shadow:0 4px 50px 0 rgba(0,0,0,.1);color:var(--sapphire);font-size:14px;font-weight:600;gap:10px;justify-content:center;left:50%;padding:10px 20px;position:absolute;top:0;transform:translate(-50%,-50%)}.pricing-card__header{margin-bottom:40px;text-align:center}.pricing-card__header h3{font-size:40px;margin-bottom:20px}.pricing-card__header p:last-of-type{margin-bottom:0}.pricing-card__price{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.pricing-card__price h6,.pricing-card__price p{margin-bottom:0}.pricing-card__footer{align-items:flex-end;display:flex;flex-grow:1;justify-content:center;margin-top:40px}@media screen and (max-width:1100px){.pricing-cards.pricing-cards--four-per-row,.pricing-cards.pricing-cards--three-per-row{--cols:2}}@media screen and (max-width:767px){.pricing-cards{--cols:1!important}}