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

.pricing-intro{

    background:#0a0a0a;

    padding:100px 25px 70px;
}

.pricing-intro-container{

    max-width:900px;

    margin:auto;

    text-align:center;
}

.pricing-intro-container .section-tag{

    display:inline-block;

    color:#d9b38c;

    font-size:13px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.pricing-intro-container h2{

    color:#fff;

    font-size:52px;

    line-height:1.2;

    margin:15px 0 25px;

    font-family:'Playfair Display', serif;
}

.pricing-intro-container p{

    color:#bdbdbd;

    line-height:2;

    margin-bottom:20px;

    font-size:17px;
}

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

.pricing-section{

    background:#0a0a0a;

    padding:30px 25px 100px;
}

/* Heading */

.pricing-section .section-heading{

    text-align:center;

    max-width:900px;

    margin:0 auto 60px;
}
/* Links Inside Pricing Intro */

.pricing-intro a{

    color:#d9b38c;

    text-decoration:none;

    font-weight:500;

    transition:.3s ease;
}

.pricing-intro a:hover{

    color:#ffffff;

    text-decoration:underline;
}

.pricing-intro a:visited{

    color:#d9b38c;
}
.pricing-section .section-tag{

    display:inline-block;

    color:#d9b38c;

    font-size:13px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.pricing-section .section-heading h2{

    color:#fff;

    font-size:52px;

    line-height:1.2;

    margin:0;

    font-family:'Playfair Display', serif;
}

/* Grid */

.pricing-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

.pricing-card{

    position:relative;

    padding:45px 35px;

    text-align:center;

    border-radius:30px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.01)
    );

    border:1px solid rgba(255,255,255,.08);

    transition:.35s ease;
}

.pricing-card:hover{

    transform:translateY(-8px);

    border-color:
    rgba(183,110,121,.35);
}

.featured-card{

    border:
    1px solid rgba(183,110,121,.35);

    background:
    linear-gradient(
        180deg,
        rgba(122,31,61,.25),
        rgba(255,255,255,.02)
    );
}

.popular-badge{

    position:absolute;

    top:-14px;
    left:50%;

    transform:translateX(-50%);

    background:
    linear-gradient(
        135deg,
        #7A1F3D,
        #B76E79
    );

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    letter-spacing:1px;
}

.pricing-label{

    display:block;

    color:#d9b38c;

    letter-spacing:2px;

    margin-bottom:20px;
}

.pricing-price{

    color:#fff;

    font-size:56px;

    font-weight:700;

    margin-bottom:15px;
}

.pricing-duration{

    color:#bdbdbd;

    margin-bottom:30px;
}

.pricing-features{

    list-style:none;

    padding:0;

    margin:0 0 35px;
}

.pricing-features li{

    color:#d6d6d6;

    padding:12px 0;

    border-bottom:
    1px solid rgba(255,255,255,.06);
}

.pricing-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:190px;
    height:52px;

    border-radius:50px;

    text-decoration:none;

    color:#fff;

    background:
    linear-gradient(
        135deg,
        #7A1F3D,
        #B76E79
    );

    transition:.3s;
}

.pricing-btn:hover{

    transform:translateY(-2px);
}

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

.pricing-benefits{

    background:#0a0a0a;

    padding:0 25px 100px;
}

.pricing-benefits .section-heading{

    text-align:center;

    max-width:900px;

    margin:0 auto 60px;
}

.pricing-benefits .section-tag{

    display:inline-block;

    color:#d9b38c;

    font-size:13px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.pricing-benefits .section-heading h2{

    color:#fff;

    font-size:52px;

    line-height:1.2;

    margin-bottom:20px;

    font-family:'Playfair Display', serif;
}

.section-description{

    max-width:850px;

    margin:0 auto;

    color:#bdbdbd;

    line-height:2;

    font-size:17px;
}

.benefits-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;
}

.benefit-card{

    text-align:center;

    padding:40px 30px;

    border-radius:24px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.01)
    );

    border:
    1px solid rgba(255,255,255,.08);

    transition:.35s ease;
}

.benefit-card:hover{

    transform:translateY(-6px);

    border-color:
    rgba(183,110,121,.30);

    box-shadow:
    0 20px 40px rgba(0,0,0,.25);
}

.benefit-card i{

    font-size:34px;

    color:#d9b38c;

    margin-bottom:18px;
}

.benefit-card h3{

    color:#fff;

    font-size:24px;

    line-height:1.4;

    margin-bottom:15px;

    font-family:'Playfair Display', serif;
}

.benefit-card p{

    color:#bdbdbd;

    line-height:1.8;

    margin:0;
}

/* ===================================
   MOBILE
=================================== */

@media(max-width:991px){

    .pricing-intro{

        padding:70px 20px 50px;
    }

    .pricing-intro-container h2,
    .pricing-section .section-heading h2,
    .pricing-benefits .section-heading h2{

        font-size:34px;
    }

    .pricing-intro-container p,
    .section-description{

        font-size:16px;
    }

    .pricing-section{

        padding:20px 20px 80px;
    }

    .pricing-grid{

        grid-template-columns:1fr;

        gap:25px;
    }

    .pricing-price{

        font-size:42px;
    }

    .pricing-benefits{

        padding:0 20px 80px;
    }

    .benefits-grid{

        grid-template-columns:1fr;

        gap:15px;
    }

    .benefit-card{

        padding:30px 20px;
    }

    .benefit-card h3{

        font-size:22px;
    }
}
.pricing-faq-heading{

    text-align:center;

    max-width:900px;

    margin:0 auto 60px;
}

.pricing-faq-heading .section-tag{

    display:inline-block;

    color:#d9b38c;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.pricing-faq-heading h2{

    color:#fff;

    font-size:52px;

    margin:0;

    font-family:'Playfair Display', serif;
}

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

.pricing-cta{

    background:#0a0a0a;

    padding:0 25px 100px;
}

.pricing-cta-box{

    max-width:1100px;

    margin:auto;

    padding:80px 50px;

    text-align:center;

    border-radius:30px;

    background:
    linear-gradient(
        135deg,
        rgba(122,31,61,.45),
        rgba(183,110,121,.12)
    );

    border:
    1px solid rgba(183,110,121,.25);
}

.pricing-cta-box .section-tag{

    display:inline-block;

    color:#d9b38c;

    font-size:13px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.pricing-cta-box h2{

    color:#fff;

    font-size:52px;

    line-height:1.2;

    margin:15px 0 25px;

    font-family:'Playfair Display', serif;
}

.pricing-cta-box p{

    max-width:750px;

    margin:auto;

    color:#d6d6d6;

    line-height:2;

    font-size:17px;
}

.pricing-cta-buttons{

    display:flex;

    justify-content:center;

    gap:15px;

    margin-top:35px;
}

.pricing-cta-buttons a{

    width:210px;
    height:55px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    text-decoration:none;

    border-radius:50px;

    transition:.3s ease;
}

.cta-primary-btn{

    color:#fff;

    background:
    linear-gradient(
        135deg,
        #25D366,
        #1db954
    );
}

.cta-secondary-btn{

    color:#fff;

    background:
    linear-gradient(
        135deg,
        #7A1F3D,
        #B76E79
    );
}

.pricing-cta-buttons a:hover{

    transform:translateY(-3px);
}

/* =========================
   MOBILE
========================= */

@media(max-width:991px){

    .pricing-cta{

        padding:0 20px 80px;
    }

    .pricing-cta-box{

        padding:50px 25px;
    }

    .pricing-cta-box h2{

        font-size:34px;
    }

    .pricing-cta-box p{

        font-size:16px;
    }

    .pricing-cta-buttons{

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:12px;
    }

    .pricing-cta-buttons a{

        width:100%;

        height:52px;
    }
}