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

.why-section{

    padding:110px 0;

    background:#fff;

}

/*==============================
LAYOUT
==============================*/

.why-wrapper{

    display:grid;

    grid-template-columns:1.1fr 1fr;

    gap:70px;

    align-items:center;

}

/*==============================
LEFT
==============================*/

.why-subtitle{

    color:#ef7f1a;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.why-title{

    font-size:50px;

    color:#7b1b12;

    font-weight:800;

    margin-bottom:20px;

    line-height:1.2;

}

.why-text{

    font-size:18px;

    color:#666;

    line-height:1.9;

    margin-bottom:40px;

}

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

.why-features{

    display:grid;

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

    gap:22px;

}

.why-card{

    background:#fff;

    border-radius:18px;

    padding:24px;

    display:flex;

    align-items:flex-start;

    gap:18px;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.why-card:hover{

    transform:translateY(-8px);

}

.why-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#FFF3E6;

    color:#ef7f1a;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    flex-shrink:0;

}

.why-card h3{

    font-size:22px;

    color:#7b1b12;

    margin-bottom:8px;

}

.why-card p{

    color:#666;

    line-height:1.6;

    font-size:15px;

}

/*==============================
RIGHT IMAGE
==============================*/

.why-image{

    position:relative;

}

.why-image img{

    width:100%;

    border-radius:30px;

    display:block;

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

}

/*==============================
FLOATING STATS
==============================*/

.why-stats{

    position:absolute;

    bottom:30px;

    left:30px;

    right:30px;

    background:#fff;

    border-radius:20px;

    display:grid;

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

    padding:25px;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.why-stat{

    text-align:center;

}

.why-stat h2{

    color:#ef7f1a;

    font-size:32px;

    margin-bottom:5px;

}

.why-stat span{

    color:#666;

    font-size:15px;

}

/*==============================
RESPONSIVE
==============================*/

@media(max-width:992px){

.why-wrapper{

grid-template-columns:1fr;

}

.why-title{

font-size:40px;

}

.why-features{

grid-template-columns:1fr;

}

.why-stats{

position:relative;

left:0;

right:0;

bottom:0;

margin-top:25px;

}

}

@media(max-width:768px){

.why-section{

padding:80px 0;

}

.why-title{

font-size:34px;

}

.why-stats{

grid-template-columns:1fr;

gap:20px;

}

}