@charset "utf-8";
/* CSS Document */

.about-invest
{

    padding:120px 0;

    background:#f8faf9;

}



.about-grid
{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:5rem;

    align-items:center;

}



.about-image
{

    position:relative;

}



.about-image img
{

    width:100%;

    border-radius:30px;

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

}



.about-card
{

    position:absolute;

    bottom:-30px;

    right:30px;

    background:#01124a;

    color:#fff;

    padding:1.5rem 2rem;

    border-radius:20px;

    display:flex;

    flex-direction:column;

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

}



.about-card strong
{

    font-size:2rem;

}



.about-content h2
{

    font-size:3rem;

    margin-bottom:1.5rem;

}



.about-content p
{

    color:#64748b;

    font-size:1.1rem;

    margin-bottom:2rem;

}



.about-items
{

    display:flex;

    flex-direction:column;

    gap:1.3rem;

}



.about-items article
{

    display:flex;

    gap:1rem;

    padding:1.2rem;

    background:#fff;

    border-radius:18px;

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

    transition:.35s;

}



.about-items article:hover
{

    transform:translateX(10px);

}



.about-items span
{

    width:50px;

    height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#01124a;

    color:#fff;

    border-radius:50%;

}



.about-items strong
{

    display:block;

    color:#01124a;

}



.about-items small
{

    color:#64748b;

}


@media(max-width:992px)
{


.about-grid
{

    grid-template-columns:1fr;

    gap:3rem;

}



.about-content h2
{

    font-size:2.3rem;

}



}


@media(max-width:576px)
{


.about-invest
{

    padding:80px 0;

}



.about-card
{

    right:15px;

    bottom:-20px;

}


}