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


.why-section {

    width:100%;

    background: 
     linear-gradient(
        180deg,
        #10141c,
        #444a54
    );

}



.why-wrapper {


    max-width:1030px;

    margin:auto;

    min-height:850px;

    padding:170px 95px;


    display:grid;

    grid-template-columns: 40% 60%;


    background:

    linear-gradient(
        180deg,
        #10141c,
        #444a54
    );
    
    box-sizing:border-box;


}



/* LEFT */

.why-left {


    display:flex;

    align-items:center;


}



.why-left h2 {


    font-family:Arial, sans-serif;


    font-size:54px;

    font-weight:800;


    color:#f4f5f7;


    letter-spacing:-2px;


    margin:0;


}



/* RIGHT CONTENT */


.why-content {


    display:flex;

    flex-direction:column;


    gap:30px;


}




.why-item h3 {


    margin:0 0 8px;


    font-size:30px;


    line-height:1.1;


    font-weight:500;


    color:#f2f3f5;


    letter-spacing:-1px;


}



.why-item p {


    margin:0;


    max-width:500px;


    font-size:15px;


    line-height:1.25;


    color:#f5f5f5;


    font-weight:400;


}



/* =========================================
        ANIMATION
========================================= */


.why-item,
.why-left {


    opacity:0;

    transform:translateY(40px);

    transition:.8s ease;


}



.why-item.show,
.why-left.show {


    opacity:1;

    transform:translateY(0);


}





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


@media(max-width:900px){


    .why-wrapper {


        grid-template-columns:1fr;


        padding:50px 35px;


        gap:50px;


    }



    .why-left {


        justify-content:center;

    }



    .why-left h2 {


        font-size:45px;

    }



    .why-item h3 {


        font-size:25px;

    }



}



@media(max-width:500px){


    .why-wrapper {


        border-width:2px;


    }


    .why-item p {


        font-size:14px;

    }



}