/* ==========================================
   ABOUT PAGE
   /assets/pages/about.css
   ========================================== */

.page-about .grid{
    gap:18px;
}

.page-about .badge{
    display:inline-block;
    padding:7px 12px;
    border-radius:999px;
    font-weight:700;
    font-size:.9rem;
    background:rgba(37,99,235,.10);
    color:#1d4ed8;
    margin-bottom:10px;
}

.page-about .small-note{
    margin-top:14px;
    color:#64748b;
    font-size:.98rem;
    line-height:1.55;
}

.page-about .highlight-box{
    padding:15px;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid rgba(15,23,42,.08);
    margin:16px 0;
}

.page-about .highlight-box strong{
    color:#0f172a;
}

.page-about .cta-row{
    margin-top:18px;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.page-about .cta-row .btn{
    white-space:nowrap;
}

.page-about .video-wrap{
    border-radius:14px;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.08);
    background:#0b1220;
}

.page-about .video-inner{
    position:relative;
    padding-top:56.25%;
}

.page-about .video-inner iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.page-about .video-caption{
    padding:10px 12px;
    background:#fff;
    border-top:1px solid rgba(15,23,42,.08);
    color:#475569;
    font-size:.95rem;
}

@media (max-width:900px){

    .page-about .cta-row{
        flex-direction:column;
    }

    .page-about .cta-row .btn{
        width:100%;
        justify-content:center;
    }

}