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

.why-us-section{

    padding:90px 0 39px 0;

    background:#fffdf9;

}

/*==========================
        Heading
===========================*/

.section-heading{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    margin-bottom:15px;

}

.section-heading h2{

    font-size:40px;

    font-weight:700;

    color:#5d1218;

    margin:0;

    white-space:nowrap;

}

.heading-line{

    width:80px;

    height:2px;

    background:linear-gradient(to right,#d4af37,transparent);

}

.heading-line:last-child{

    background:linear-gradient(to left,#d4af37,transparent);

}

.section-subtitle{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

    color:#666;

    font-size:17px;

    line-height:1.8;

}

/*==========================
        Card
===========================*/

.why-card{

    background:#fff;

    border:1px solid #ead9bb;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 8px 30px rgba(0,0,0,.04);

}

.why-card:hover{

    transform:translateY(-8px);

    border-color:#d4af37;

    box-shadow:0 18px 45px rgba(0,0,0,.10);

}

/*==========================
        Icon
===========================*/

.why-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#fff8ea;

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

    display:flex;

    align-items:center;

    justify-content:center;

}

.why-icon img{

    width:46px;

    height:46px;

    object-fit:contain;

}

/*==========================
        Text
===========================*/

.why-card h4{

    font-size:22px;

    font-weight:600;

    color:#5d1218;

    margin-bottom:15px;

}

.why-card p{

    color:#666;

    font-size:15px;

    line-height:1.8;

    margin:0;

}

/*==========================
        Laptop
===========================*/

@media(max-width:1536px){

.section-heading h2{

    font-size:34px;

}

.section-subtitle{

    font-size:16px;

}

.why-card{

    padding:30px 22px;

}

.why-card h4{

    font-size:20px;

}

}

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

@media(max-width:992px){

.section-heading{

    flex-direction:column;

    gap:12px;

}

.heading-line{

    width:120px;

}

.section-heading h2{

    font-size:30px;

    white-space:normal;

    text-align:center;

}

.section-subtitle{

    margin-bottom:40px;

}

}

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

@media(max-width:576px){

.why-us-section{

    padding:60px 0;

}

.section-heading h2{

    font-size:26px;

}

.section-subtitle{

    font-size:15px;

}

.why-card{

    padding:25px 20px;

}

.why-icon{

    width:75px;

    height:75px;

}

.why-icon img{

    width:38px;

    height:38px;

}

.why-card h4{

    font-size:18px;

}

.why-card p{

    font-size:14px;

}

}