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

.pricing-packages{

    padding:100px 0;

    background:#111111;

}

.pricing-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

/*======================================
        CARD
======================================*/

.pricing-card{

    position:relative;

    display:flex;

    flex-direction:column;

    padding:45px 35px;

    border-radius:24px;

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

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

    transition:.35s ease;

}

.pricing-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,175,55,.25);

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}

/*======================================
        FEATURED CARD
======================================*/

.pricing-card.featured{

    border:1px solid rgba(212,175,55,.35);

    transform:scale(1.03);

}

.pricing-card.featured:hover{

    transform:scale(1.03) translateY(-8px);

}

.pricing-badge{

    position:absolute;

    top:18px;

    right:18px;

    padding:7px 14px;

    border-radius:30px;

    background:#D4AF37;

    color:#111111;

    font-size:12px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

}

/*======================================
        TITLE
======================================*/

.pricing-card h3{

    margin:0 0 25px;

    color:#ffffff;

    font-size:30px;

    text-align:center;

}

/*======================================
        PRICE
======================================*/

.price{

    margin-bottom:30px;

    text-align:center;

    color:#bfbfbf;

    font-size:15px;

}

.price strong{

    display:block;

    margin-top:8px;

    color:#D4AF37;

    font-size:42px;

    font-weight:700;

}

/*======================================
        FEATURES
======================================*/

.pricing-card ul{

    margin:0;

    padding:0;

    list-style:none;

    flex:1;

}

.pricing-card ul li{

    position:relative;

    padding:14px 0 14px 30px;

    color:#d5d5d5;

    font-size:16px;

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

}

.pricing-card ul li:last-child{

    border-bottom:none;

}

.pricing-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#D4AF37;

    font-weight:700;

}

.pricing-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:170px;

    height:48px;

    margin:35px auto 0;

    border-radius:50px;

    background:#D4AF37;

    color:#111111;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.35s ease;

}

.pricing-btn:hover{

    background:#ffffff;

    transform:translateY(-3px);

}

/*======================================
        TABLET
======================================*/

@media(max-width:991px){

    .pricing-packages{

        padding:80px 0;

    }

    .pricing-grid{

        grid-template-columns:1fr;

        gap:25px;

    }

    .pricing-card.featured{

        transform:none;

    }

    .pricing-card.featured:hover{

        transform:translateY(-8px);

    }

}

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

@media(max-width:768px){

    .pricing-packages{

        padding:70px 0;

    }

    .pricing-grid{

        margin-top:40px;

        gap:20px;

    }

    .pricing-card{

        padding:35px 25px;

        border-radius:20px;

    }

    .pricing-card h3{

        font-size:26px;

    }

    .price strong{

        font-size:36px;

    }

    .pricing-card ul li{

        font-size:15px;

        padding:12px 0 12px 26px;

    }

    .pricing-btn{

       .pricing-btn{

        width:160px;

        height:46px;

        font-size:14px;

        margin-top:28px;

    }

}
}
/*======================================
        PACKAGE BENEFITS
======================================*/

.package-benefits{

    padding:100px 0;

    background:#0f0f0f;

}

.benefits-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

/*======================================
        BENEFIT CARD
======================================*/

.benefit-card{

    padding:40px 30px;

    text-align:center;

    border-radius:22px;

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

    border:1px solid rgba(212,175,55,.10);

    transition:.35s ease;

}

.benefit-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,175,55,.28);

    box-shadow:0 25px 55px rgba(0,0,0,.35);

}

/*======================================
        ICON
======================================*/

.benefit-icon{

    width:78px;

    height:78px;

    margin:0 auto 24px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    border:1px solid rgba(212,175,55,.18);

    transition:.35s;

}

.benefit-icon i{

    font-size:30px;

    color:#D4AF37;

}

.benefit-card:hover .benefit-icon{

    background:#D4AF37;

}

.benefit-card:hover .benefit-icon i{

    color:#111111;

}

/*======================================
        CONTENT
======================================*/

.benefit-card h3{

    margin:0 0 15px;

    color:#ffffff;

    font-size:24px;

}

.benefit-card p{

    margin:0;

    color:#cfcfcf;

    font-size:15px;

    line-height:1.8;

}

/*======================================
        TABLET
======================================*/

@media(max-width:991px){

    .package-benefits{

        padding:80px 0;

    }

    .benefits-grid{

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

        gap:25px;

        margin-top:45px;

    }

    .benefit-card{

        padding:35px 25px;

    }

}

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

@media(max-width:768px){

    .package-benefits{

        padding:70px 0;

    }

    .benefits-grid{

        grid-template-columns:1fr;

        gap:20px;

        margin-top:40px;

    }

    .benefit-card{

        padding:30px 22px;

        border-radius:18px;

    }

    .benefit-icon{

        width:64px;

        height:64px;

        margin-bottom:20px;

    }

    .benefit-icon i{

        font-size:26px;

    }

    .benefit-card h3{

        font-size:22px;

        margin-bottom:12px;

    }

    .benefit-card p{

        font-size:14px;

        line-height:1.7;

    }

}

/*======================================
        BOOKING PROCESS
======================================*/

.booking-process{

    padding:100px 0;

    background:#111111;

}

.process-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

/*======================================
        PROCESS CARD
======================================*/

.process-card{

    position:relative;

    padding:40px 35px;

    text-align:center;

    border-radius:22px;

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

    border:1px solid rgba(212,175,55,.10);

    transition:.35s ease;

}

.process-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,175,55,.28);

    box-shadow:0 25px 55px rgba(0,0,0,.35);

}

/*======================================
        STEP NUMBER
======================================*/

.process-number{

    margin-bottom:22px;

    font-size:60px;

    font-weight:700;

    line-height:1;

    color:#D4AF37;

    font-family:"Cormorant Garamond",serif;

}

/*======================================
        CONTENT
======================================*/

.process-card h3{

    margin:0 0 16px;

    color:#ffffff;

    font-size:24px;

}

.process-card p{

    margin:0;

    color:#cfcfcf;

    font-size:15px;

    line-height:1.8;

}

/*======================================
        TABLET
======================================*/

@media(max-width:991px){

    .booking-process{

        padding:80px 0;

    }

    .process-grid{

        grid-template-columns:1fr;

        gap:25px;

        margin-top:45px;

    }

    .process-card{

        padding:35px 30px;

    }

    .process-number{

        font-size:52px;

    }

}

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

@media(max-width:768px){

    .booking-process{

        padding:70px 0;

    }

    .process-grid{

        gap:20px;

        margin-top:40px;

    }

    .process-card{

        padding:30px 22px;

        border-radius:18px;

    }

    .process-number{

        font-size:44px;

        margin-bottom:18px;

    }

    .process-card h3{

        font-size:22px;

        margin-bottom:12px;

    }

    .process-card p{

        font-size:14px;

        line-height:1.7;

    }

}