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

.why-section{

    position:relative;

    padding:130px 0;

    overflow:hidden;

    background:#f8f9fc;

}

.why-section::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:-300px;

    top:-300px;

    border-radius:50%;

    background:radial-gradient(circle,#ffd9e860,transparent 70%);

}

.why-section::after{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    right:-300px;

    bottom:-300px;

    border-radius:50%;

    background:radial-gradient(circle,#d4af3730,transparent 70%);

}

.why-list{

    margin-top:45px;

    display:flex;

    flex-direction:column;

    gap:25px;

}

.why-item{

    display:flex;

    gap:25px;

    padding:28px;

    border-radius:25px;

    background:#fff;

    border:1px solid #ececec;

    transition:.4s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.why-item:hover{

    transform:translateX(12px);

    border-color:#D4AF37;

    box-shadow:0 25px 60px rgba(212,175,55,.18);

}

.why-icon{

    width:75px;

    height:75px;

    min-width:75px;

    border-radius:22px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#FFD9E8,#D4AF37);

    color:#111;

    font-size:30px;

}

.why-item h4{

    color:#111;

    margin-bottom:10px;

    font-size:24px;

    font-family:'Space Grotesk',sans-serif;

}

.why-item p{

    margin:0;

    color:#666;

    line-height:1.8;

}

.why-image{

    position:relative;

}

.why-image img{

    width:100%;

    border-radius:35px;

    display:block;

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

}

.experience-card{

    position:absolute;

    left:-30px;

    bottom:60px;

    width:220px;

    padding:28px;

    border-radius:25px;

    background:#fff;

    text-align:center;

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

}

.experience-card h2{

    color:#D4AF37;

    font-size:46px;

    margin-bottom:8px;

}

.experience-card span{

    color:#555;

}

.client-card{

    position:absolute;

    right:-20px;

    top:50px;

    width:220px;

    padding:28px;

    border-radius:25px;

    background:#111;

    text-align:center;

    color:#fff;

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

}

.client-card h3{

    font-size:42px;

    color:#D4AF37;

    margin-bottom:8px;

}

.client-card span{

    color:#ddd;

}

@media(max-width:991px){

    .why-image{

        margin-top:60px;

    }

    .experience-card{

        left:20px;

        bottom:20px;

    }

    .client-card{

        right:20px;

        top:20px;

    }

}

@media(max-width:768px){

    .why-section{

        padding:90px 0;

    }

    .why-item{

        flex-direction:column;

        text-align:center;

        align-items:center;

    }

    .experience-card,
    .client-card{

        position:relative;

        width:100%;

        left:0;

        right:0;

        top:0;

        bottom:0;

        margin-top:20px;

    }

}
.section-title{
    color: #0B0F19;
    font-weight: 900;
}

.section-desc{
    color: #3E4A59;
    font-weight: 500;
}