/* =========================================================
   HAKKIMIZDA SAYFASI
========================================================= */

.about-page{
    padding:95px 20px 100px;
    background:#0d1628;
}

.about-page-inner{
    max-width:1050px;
    margin:0 auto;
}

.about-page-heading{
    text-align:center;
    margin-bottom:55px;
}

.about-page-heading .eyebrow{
    color:#d8b35a;
    font-weight:800;
    letter-spacing:1.5px;
    font-size:13px;
    margin-bottom:12px;
}

.about-page-heading h1{
    margin:0 0 18px;
    color:#fff;
    font-size:44px;
    line-height:1.15;
    font-weight:900;
}

.about-page-heading p{
    max-width:760px;
    margin:0 auto;
    color:#8fa4c2;
    font-size:18px;
    line-height:1.75;
}

.about-content{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:24px;
}

.about-card{
    background:#131f33;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:34px;
    box-sizing:border-box;
}

.about-card h2{
    margin:0 0 15px;
    color:#fff;
    font-size:25px;
}

.about-card h3{
    margin:0 0 10px;
    color:#fff;
    font-size:19px;
}

.about-card p{
    color:#8fa4c2;
    font-size:16px;
    line-height:1.8;
    margin:0 0 20px;
}

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

.about-highlight{
    display:grid;
    gap:14px;
}

.about-feature{
    background:#162237;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:22px;
}

.about-feature-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(255,191,34,.12);
    color:#ffbf22;
    font-size:20px;
    margin-bottom:14px;
}

.about-feature h3{
    margin:0 0 7px;
    color:#fff;
    font-size:18px;
}

.about-feature p{
    margin:0;
    color:#8fa4c2;
    font-size:14px;
    line-height:1.65;
}

.about-bottom{
    margin-top:24px;
    background:#131f33;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:34px;
    text-align:center;
}

.about-bottom h2{
    color:#fff;
    margin:0 0 12px;
    font-size:26px;
}

.about-bottom p{
    max-width:760px;
    margin:0 auto 24px;
    color:#8fa4c2;
    line-height:1.75;
}

.about-bottom .contact-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
}

.about-bottom .hero-btn.yellow{
    background:#ffbf22 !important;
    color:#0b1220 !important;
}

.about-bottom .hero-btn.green{
    background:#16b981 !important;
    color:#fff !important;
}

/* =========================================================
   MOBİL
========================================================= */

@media(max-width:800px){

    .about-page{
        padding:85px 18px 75px;
    }

    .about-page-heading{
        margin-bottom:35px;
    }

    .about-page-heading h1{
        font-size:34px;
    }

    .about-page-heading p{
        font-size:16px;
    }

    .about-content{
        grid-template-columns:1fr;
    }

    .about-card,
    .about-bottom{
        padding:25px 20px;
    }

}

@media(max-width:600px){

    .about-bottom .contact-actions{
        flex-direction:column;
    }

    .about-bottom .contact-actions .hero-btn{
        width:100%;
        max-width:320px;
    }

}