.about{

    padding-block:var(--section-padding);

}

.about-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.about-content h2{

    margin-top:20px;
    margin-bottom:24px;

    font-size:clamp(2rem,5vw,3.5rem);

    line-height:1.1;

    font-weight:800;

    letter-spacing:-.03em;

    color:var(--primary);

}

.about-content p{

    margin-bottom:40px;

    color:#64748B;

    line-height:1.9;

    font-size:1.05rem;

}

.about-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.about-feature{

    display:flex;

    align-items:center;

    gap:14px;

    padding:18px 20px;

    border:1px solid #E2E8F0;

    border-radius:16px;

    background:var(--white);

    transition:all .35s ease;

}

.about-feature:hover{

    transform:translateY(-4px);

    border-color:#CBD5E1;

    box-shadow:0 16px 40px rgba(15,23,42,.06);

}

.about-feature svg{

    width:22px;

    height:22px;

    color:var(--secondary);

    flex-shrink:0;

}

.about-feature span{

    font-weight:700;

    color:var(--primary);

    line-height:1.4;

}



.about-image{
    position:relative;
    
}

.about-image img{
    width:100%;
    height:auto;
    display:block;
    border-radius:28px;
    box-shadow:0 30px 80px rgba(15,23,42,.12);
}