/*==================================================
PRICING
==================================================*/

.pricing-section{

    position:relative;

    padding:130px 0;

    overflow:hidden;

    background:#f8f9fc;

}

.pricing-section::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:-300px;

    top:-300px;

    border-radius:50%;

    background:radial-gradient(circle,#FFD9E850,transparent 70%);

}

.pricing-section::after{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    right:-300px;

    bottom:-300px;

    border-radius:50%;

    background:radial-gradient(circle,#D4AF3730,transparent 70%);

}

.pricing-heading{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:760px;

    margin:auto;

    margin-bottom:70px;

}

.pricing-card{

    position:relative;

    overflow:hidden;

    background:#fff;

    border-radius:30px;

    padding:45px;

    border:1px solid #ececec;

    transition:.45s;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

    height:100%;

}

.pricing-card:hover{

    transform:translateY(-15px);

    box-shadow:0 30px 70px rgba(212,175,55,.18);

    border-color:#D4AF37;

}

.pricing-card.active{

    background:#111;

    color:#fff;

    transform:scale(1.05);

    border-color:#D4AF37;

}

.popular-tag{

    position:absolute;

    top:20px;

    right:-45px;

    background:#D4AF37;

    color:#111;

    padding:10px 50px;

    transform:rotate(45deg);

    font-weight:700;

    font-size:12px;

}

.pricing-top{

    margin-bottom:35px;

}

.pricing-label{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:#FFF5D6;

    color:#D4AF37;

    font-size:13px;

    letter-spacing:2px;

    font-weight:600;

}

.pricing-card.active .pricing-label{

    background:#222;

}

.pricing-top h2{

    font-size:52px;

    margin:20px 0 10px;

    font-family:'Space Grotesk',sans-serif;

}

.pricing-top p{

    color:#777;

}

.pricing-card.active .pricing-top p{

    color:#ddd;

}

.pricing-card ul{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.pricing-card ul li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:#444;

}

.pricing-card.active ul li{

    color:#eee;

}

.pricing-card ul li i{

    color:#2ecc71;

    font-size:20px;

}

.pricing-card .theme-btn{

    width:100%;

}

@media(max-width:991px){

    .pricing-card.active{

        transform:none;

    }

}

@media(max-width:768px){

    .pricing-section{

        padding:90px 0;

    }

    .pricing-card{

        padding:35px 25px;

    }

    .pricing-top h2{

        font-size:42px;

    }

}