.about-home-section{background:#fff}.about-home-focus{background:linear-gradient(135deg,#174e84,#4b91cb);border-radius:24px;padding:34px;color:#fff;box-shadow:0 22px 60px rgba(23,78,132,.16)}.about-home-focus h3{color:#fff;font-weight:950;font-size:28px;margin-bottom:14px}.about-home-focus p{color:rgba(255,255,255,.92);line-height:1.9}.about-home-card{height:100%;background:#fff;border:1px solid #e8eef5;border-radius:20px;padding:30px;box-shadow:0 16px 45px rgba(7,26,38,.05)}.about-home-card h3{color:#174e84;font-weight:950;font-size:24px;margin-bottom:12px}.about-home-card p{color:#42526a;line-height:1.9;margin:0}@media(max-width:767.98px){.about-home-focus,.about-home-card{padding:22px;border-radius:18px}.about-home-focus h3,.about-home-card h3{font-size:20px}}
.about-intro-modern{
    margin-bottom:46px;
}

.about-text-box{
    max-width:540px;
}

.about-mini-badge{
    display:inline-flex;
    align-items:center;
    padding:7px 15px;
    border-radius:999px;
    background:#edf5ff;
    color:#1d4c85;
    font-size:13px;
    font-weight:800;
    margin-bottom:16px;
}

.about-title-modern{
    font-size:42px;
    line-height:1.15;
    font-weight:900;
    color:#0c2746;
    margin-bottom:18px;
}

.about-desc-modern{
    font-size:16px;
    line-height:2;
    color:#5d7089;
    margin:0;
}

.about-image-card{
    position:relative;
    margin-inline-start:auto;
}

.about-image-modern{
    width:100%;
    height:330px;
    object-fit:cover;
    border-radius:28px;
    display:block;
    box-shadow:0 22px 55px rgba(15,39,68,.12);
}

.about-floating-box{
    position:absolute;
    bottom:16px;
    inset-inline-start:16px;
    max-width:260px;
    background:rgba(255,255,255,.96);
    padding:15px 17px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.about-floating-box strong{
    display:block;
    color:#0f2744;
    font-size:15px;
    font-weight:900;
    margin-bottom:6px;
}

.about-floating-box span{
    color:#5b6f87;
    line-height:1.6;
    font-size:12px;
}

html[dir="rtl"] .about-image-card{
    margin-inline-start:0;
    margin-inline-end:auto;
}

.about-home-values{
    margin-top:10px;
}

@media(max-width:991px){
    .about-text-box{
        max-width:100%;
        text-align:center;
    }

    .about-image-card{
        max-width:100%;
        margin-inline:auto;
    }

    .about-title-modern{
        font-size:32px;
    }

    .about-image-modern{
        height:250px;
        border-radius:22px;
    }

    .about-floating-box{
        inset-inline-start:12px;
        inset-inline-end:12px;
        bottom:12px;
        max-width:none;
    }
}