/* ===================================================
   ABOUT WRAPPER
=================================================== */

.about-wrapper{
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:60px;
    align-items:start;
}

/* ===================================================
   ABOUT TEXT
=================================================== */

.about-text p{
    margin-bottom:20px;
    font-size:15.5px;
}

.about-text p:last-child{
    margin-bottom:0;
}

/* ===================================================
   ABOUT FACTS
=================================================== */

.about-facts{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.about-fact{
    display:flex;
    align-items:center;
    gap:18px;
    background:var(--second-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius);
    padding:20px 24px;
    transition:var(--transition);
}

.about-fact:hover{
    border-color:var(--primary-color);
    transform:translateX(6px);
}

.about-fact-icon{
    flex-shrink:0;
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(56,189,248,.12);
    color:var(--primary-color);
    font-size:19px;
}

.about-fact span{
    display:block;
    font-size:12.5px;
    color:var(--text-secondary);
    margin-bottom:2px;
}

.about-fact p{
    color:var(--text-color);
    font-weight:600;
    font-size:14.5px;
}

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

@media(max-width:900px){

    .about-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

}