/*======================================
Pricing
======================================*/

.pricing{

    padding:140px 0;

}

.pricing-card{

    margin:60px auto;

    max-width:650px;

    background:#081A15;

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

    border-radius:24px;

    padding:50px;

    text-align:center;

}

.pricing-price small{

    display:block;

    color:#58F0A6;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:10px;

}

.pricing-price h3{

    font-size:56px;

    color:#fff;

}

.pricing-price span{

    font-size:20px;

    color:#9BAAA4;

}

.pricing-card ul{

    list-style:none;

    margin:40px 0;

    padding:0;

}

.pricing-card li{

    padding:10px 0;

    color:#E4ECE8;

}

.addons-heading{

    text-align:center;

    margin-bottom:40px;

}

.addons-heading h3{

    color:#fff;

    font-size:32px;

}

.addons-heading p{

    color:#9BAAA4;

    margin-top:10px;

}

.addons-slider{

    display:flex;

    gap:24px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    -webkit-overflow-scrolling:touch;

    padding-bottom:10px;

}

.addons-slider::-webkit-scrollbar{

    display:none;

}

.addon-card{

    flex:0 0 280px;

    background:#081A15;

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

    border-radius:24px;

    overflow:hidden;

    scroll-snap-align:start;

    transition:.3s;

}

.addon-card:hover{

    transform:translateY(-4px);

    border-color:rgba(88,240,166,.35);

}

.addon-card img{

    width:120px;

    height:120px;

    object-fit:contain;

    display:block;

    margin:30px auto 10px;

}

.addon-content{

    padding:20px 24px 24px;

}

.addon-content h4{

    color:#fff;

    margin-bottom:12px;

}

.addon-content p{

    color:#A9B5AF;

    line-height:1.7;

    min-height:80px;

}

.addon-price{

    display:inline-block;

    margin-top:15px;

    background:#58F0A6;

    color:#081A15;

    padding:8px 18px;

    border-radius:50px;

    font-weight:700;

}

@media(max-width:768px){

    .pricing{

        padding:90px 0;

    }

    .pricing-card{

        padding:35px 25px;

    }

    .pricing-price h3{

        font-size:42px;

    }

    .addon-card{

        flex:0 0 65%;

    }

}