.why-bebaz{


    padding:120px 0;


}





.section-header{


    text-align:center;


    max-width:800px;


    margin:auto;


}




.section-tag{


    color:var(--cyan);


    font-weight:700;


    font-size:18px;


}




.section-header h2{


    margin-top:20px;


    font-size:clamp(35px,5vw,55px);


    font-weight:900;


    line-height:1.5;



}




.section-header p{


    margin-top:20px;


    color:var(--text-muted);


    font-size:18px;



}






.feature-cards{


    margin-top:70px;


    display:grid;


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


    gap:30px;


}






.feature-card{


    position:relative;


    overflow:hidden;


    padding:40px;


    min-height:330px;


    border-radius:var(--radius-xl);



    background:

    rgba(255,255,255,.07);



    border:

    1px solid rgba(255,255,255,.1);



    backdrop-filter:blur(15px);



    transition:.35s;



}





.feature-card::before{


    content:"";


    position:absolute;


    width:180px;


    height:180px;


    border-radius:50%;


    top:-80px;


    right:-80px;


    opacity:.35;



    filter:blur(40px);



}




.feature-card:hover{


    transform:translateY(-15px);


    background:

    rgba(255,255,255,.12);



}





.feature-icon{


    width:90px;


    height:90px;


    border-radius:25px;


    display:flex;


    align-items:center;


    justify-content:center;


    font-size:45px;


    margin-bottom:30px;



}





.blue{


    background:

    rgba(58,134,255,.2);


}




.yellow{


    background:

    rgba(255,209,102,.25);



}




.orange{


    background:

    rgba(255,127,80,.25);



}





.feature-card h3{


    font-size:30px;


    margin-bottom:15px;


}





.feature-card p{


    color:var(--text-muted);


    line-height:2;


}




@media(max-width:900px){


    .feature-cards{


        grid-template-columns:1fr;


    }



}