/*=============================
 WHY CHOOSE
==============================*/

.why-choose-section{
    background:#080808;
    padding:120px 0;
}

.section-heading{
    max-width:700px;
    margin:0 auto;
    text-align:center;
}

.section-subtitle{
    color:#D58A43;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:14px;
    font-weight:600;
}

.section-heading h2{
    color:#fff;
    font-size:60px;
    margin:20px 0;
    font-weight:700;
}

.section-heading h2 span{
    color:#D58A43;
}

.section-heading p{
    color:#9a9a9a;
    font-size:18px;
    line-height:1.8;
}

/*=============================
 Statistics
==============================*/

.why-stats{
    margin:80px 0;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    text-align:center;
}

.stat-item h3{
    color:#D58A43;
    font-size:54px;
    font-weight:700;
    margin-bottom:10px;
}

.stat-item p{
    color:#bdbdbd;
    font-size:18px;
}

/*=============================
 Cards
==============================*/

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.why-card{

    background:#111111;

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

    border-radius:18px;

    padding:40px 30px;

    transition:.4s;

    height:100%;

}

.why-card:hover{

    transform:translateY(-10px);

    border-color:#D58A43;

    box-shadow:0 20px 60px rgba(0,0,0,.45);

}

.why-icon{

    width:65px;

    height:65px;

    border:2px solid #D58A43;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#D58A43;

    font-size:30px;

    margin-bottom:30px;

}

.why-card h3{

    color:#fff;

    font-size:28px;

    margin-bottom:20px;

}

.why-card p{

    color:#a8a8a8;

    line-height:1.8;

}

/*=============================
 Tablet
==============================*/

@media(max-width:991px){

.why-stats{

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

}

.why-grid{

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

}

.section-heading h2{

font-size:48px;

}

}

/*=============================
 Mobile
==============================*/

@media(max-width:767px){

.why-choose-section{

padding:70px 0;

}

.section-heading h2{

font-size:36px;

}

.section-heading p{

font-size:16px;

}

.why-stats{

grid-template-columns:1fr;

gap:30px;

margin:50px 0;

}

.why-grid{

grid-template-columns:1fr;

}

.why-card{

padding:30px 25px;

}

}