/* ==========================================================
   Component : base Box
   Version : 1.1.0
========================================================== */
.af-box{
    background:#fff;
    border:1px solid var(--af-border);
    border-radius:var(--af-radius);
    padding:28px;
    margin:30px 0;
    box-shadow:var(--af-shadow);
    transition:var(--af-transition);
    overflow:hidden;
}

.af-box:hover{
    transform:translateY(-4px);
   box-shadow:0 18px 40px rgba(15,23,42,.08);
}
/* ==========================================================
   Box Header
========================================================== */

.af-box-header{
    display:flex;
    align-items:center;
    gap:14px;

    padding:0 8px 16px;

    margin-bottom:18px;

    border-bottom:1px solid #e7e7e7;

    position:relative;
}
.af-box-icon{

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    font-size:22px;

    flex-shrink:0;

    box-shadow:0 2px 10px rgba(0,0,0,.04);

}
.af-box-content{

    padding-top:8px;

}