/* ===================================
ABOUT COMPANY
=================================== */
body{
    background: transparent;
}

/* =========================================
PARTICLES
========================================= */
#particles-js{

    position:fixed;

    inset: 0;

    width:100vw;
    height:100vh;

    background:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f8fbff 50%,
        #eef6ff 100%
    );
    overflow: hidden;
    z-index: -1;
    pointer-events: none;
}

.about-company,
.why-us,
.services,
.organizations{
    background: transparent;
}
.about-company{

    padding:50px 6%;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border-radius:0;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.84), rgba(226,244,252,0.72)),
        url("../assets/images/generated/about-generated.png") center/cover no-repeat;
    box-shadow:0 18px 44px rgba(0,27,68,0.12);
}

.about-heading{

    text-align:center;
    max-width:900px;
    margin:auto;
    margin-bottom:70px;
}

.about-heading span{

    color:#0055A5;
    background:linear-gradient(135deg, #00AEEF, #001B44);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:30px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.about-heading h2{

    font-size:40px;
    font-weight:800;
    color:#001B44;

    margin:15px 0;
}

.about-heading p{

    color:#555;
    line-height:1.8;
    font-size:21px;
}

/* CARDS */

.about-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:35px;
}

.about-card{

    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
    linear-gradient(145deg, rgba(255,255,255,0.9), rgba(228,248,255,0.82), rgba(214,242,255,0.86)),
    var(--about-card-bg) center/cover no-repeat;

    padding:40px;

    border-radius:25px;

    box-shadow:
    0 15px 35px rgba(0,0,0,.08);

    transition:.4s;
}

.about-card:nth-child(1){ --about-card-bg:url("../assets/images/generated/cards/card-about-company.png"); }
.about-card:nth-child(2){ --about-card-bg:url("../assets/images/generated/cards/card-about-mission.png"); }
.about-card:nth-child(3){ --about-card-bg:url("../assets/images/generated/cards/card-about-vision.png"); }
.about-card:nth-child(4){ --about-card-bg:url("../assets/images/generated/cards/card-about-competencies.png"); }

.why-showcase{
    background:
        linear-gradient(135deg, rgba(0,27,68,0.96), rgba(8,83,128,0.94) 52%, rgba(16,185,129,0.26)),
        linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        url("../assets/images/generated/about-why-generated.png") center/cover no-repeat;
    background-size:auto, 58px 58px, 58px 58px, cover;
}

.product-showcase{
    background:
        linear-gradient(135deg, rgba(0,27,68,0.96), rgba(0,76,142,0.94) 48%, rgba(0,174,239,0.22)),
        linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        url("../assets/images/generated/about-products-generated.png") center/cover no-repeat;
    background-size:auto, 58px 58px, 58px 58px, cover;
}

.achievements-showcase{
    background:
        linear-gradient(135deg, rgba(0,27,68,0.96), rgba(0,76,142,0.94) 50%, rgba(16,185,129,0.22)),
        linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        url("../assets/images/generated/about-achievements-generated.png") center/cover no-repeat;
    background-size:auto, 58px 58px, 58px 58px, cover;
}

.clients-showcase{
    background:
        linear-gradient(135deg, rgba(0,27,68,0.94), rgba(0,76,142,0.92) 50%, rgba(0,174,239,0.24)),
        linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        url("../assets/images/generated/about-clients-generated.png") center/cover no-repeat;
    background-size:auto, 58px 58px, 58px 58px, cover;
}

.about-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 25px 45px rgba(0,174,239,.20);
}

.about-icon{

    width:80px;
    height:80px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #00AEEF,
        #0055A5
    );

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

    margin-bottom:25px;
}

.about-icon i{

    font-size:32px;
    color:white;
}

.about-card h3{

    font-size:30px;
    display:inline-flex;
    align-items:center;
    width:fit-content;
    max-width:100%;
    padding:7px 12px;
    border-left:4px solid #00aeef;
    border-radius:10px;
    color:#001B44;
    background:rgba(255,255,255,0.36);
    box-shadow:0 8px 18px rgba(0, 27, 68, 0.12);
    backdrop-filter:blur(8px);

    margin-bottom:15px;
}

.about-card p{

    color:#555;
    font-size:19px;
    line-height:1.9;
    text-align:justify;
}

.why-card p{

    font-size:19px;
    line-height:1.8;
}

.why-card h3{

    font-size:28px;
    font-weight:800;
}

.why-us .section-title h2{

    margin-bottom:18px;
}

.why-us .section-title p{

    max-width:900px;
    margin:0 auto;
    font-size:19px;
    line-height:1.8;
}

@media(max-width:992px){

    .about-company{
        padding:55px 5%;
    }

    .about-heading{
        margin-bottom:48px;
    }

    .about-heading span{
        font-size:26px;
    }

    .about-heading h2{
        font-size:36px;
    }

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

    .about-grid{
        grid-template-columns:1fr;
        max-width:760px;
        margin:0 auto;
    }
}

@media(max-width:768px){

    .about-company{
        padding:42px 5%;
    }

    .about-heading{
        margin-bottom:36px;
    }

    .about-heading span{
        display:block;
        font-size:22px;
        line-height:1.25;
        letter-spacing:1.4px;
    }

    .about-heading h2{
        font-size:30px;
        line-height:1.25;
    }

    .about-heading p{
        font-size:17px;
        line-height:1.7;
    }

    .about-card{
        padding:28px 22px;
        border-radius:20px;
    }

    .about-icon{
        width:66px;
        height:66px;
    }

    .about-card h3{
        font-size:25px;
    }

    .about-card p{
        font-size:16px;
        line-height:1.75;
        text-align:left;
    }
}

/* Make small card background images clearer and less washed out. */
.about-card{
    background:
        linear-gradient(145deg, rgba(255,255,255,0.54), rgba(168,212,232,0.4), rgba(145,199,222,0.38)),
        linear-gradient(135deg, rgba(0,27,68,0.36), rgba(0,174,239,0.14)),
        var(--about-card-bg) center/cover no-repeat !important;
}

.about-card p,
.about-heading p{
    text-shadow:0 1px 12px rgba(255,255,255,0.78);
}

/* Content-only typography boost. Headings and labels stay unchanged. */
.about-heading p,
.about-card p,
.why-card p,
.why-us .section-title p{
    font-size:22px !important;
    font-weight:800 !important;
}

@media(max-width:992px){
    .about-heading p,
    .about-card p,
    .why-card p,
    .why-us .section-title p{
        font-size:20px !important;
        font-weight:800 !important;
    }
}

@media(max-width:768px){
    .about-heading p,
    .about-card p,
    .why-card p,
    .why-us .section-title p{
        font-size:17px !important;
        font-weight:800 !important;
    }
}

/* Content-only color tuning. Headings stay unchanged. */
.about-heading p{
    color:#28445f !important;
}

.about-card p,
.why-card p{
    color:#14304d !important;
}

.why-us .section-title p{
    color:#e8fbff !important;
}

/* Small card content should stay readable over image cards. */
.about-card,
.about-card p,
.why-card,
.why-card p,
.service-card,
.service-card p,
.service-card span,
.stat-box,
.stat-box p{
    color:#000000 !important;
}

.about-card h3,
.why-card h3,
.service-card h3,
.stat-box h2{
    color:#001b44 !important;
}

/* Responsive refinement: tablet keeps card rows compact; phones stay stacked. */
@media(min-width:769px) and (max-width:1024px){
    .about-company{
        padding:46px 4%;
    }

    .about-heading{
        margin-bottom:38px;
    }

    .about-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        max-width:100%;
        gap:22px;
    }

    .about-card{
        padding:28px 24px;
        border-radius:18px;
    }

    .about-icon{
        width:62px;
        height:62px;
        margin-bottom:18px;
    }

    .about-card h3{
        font-size:23px;
    }

    .about-card p,
    .why-card p,
    .why-us .section-title p{
        font-size:18px !important;
        line-height:1.65;
    }
}

@media(max-width:640px){
    .about-company{
        padding:26px 3%;
    }

    .about-heading{
        margin-bottom:20px;
    }

    .about-heading span{
        font-size:18px;
        line-height:1.18;
        letter-spacing:1.1px;
    }

    .about-heading h2{
        font-size:21px;
        line-height:1.18;
    }

    .about-heading p{
        font-size:12.5px !important;
        line-height:1.45;
        font-weight:700 !important;
    }

    .about-grid{
        gap:10px;
    }

    .about-card{
        padding:13px 12px;
        border-radius:10px;
    }

    .about-icon{
        width:34px;
        height:34px;
        margin-bottom:8px;
    }

    .about-icon i{
        font-size:15px;
    }

    .about-card h3{
        font-size:14px;
        line-height:1.15;
        padding:4px 6px;
        border-left-width:2px;
        border-radius:6px;
        margin-bottom:8px;
    }

    .about-card p,
    .why-card p,
    .why-us .section-title p{
        font-size:11px !important;
        line-height:1.42;
        font-weight:700 !important;
        text-align:left;
    }

    .hero-container{
        width:94%;
        margin:18px auto;
        padding:14px 10px;
        border-radius:12px;
    }

    .section-title{
        margin-bottom:18px;
    }

    .section-title h2{
        font-size:20px;
        line-height:1.18;
    }

    .why-grid,
    .service-grid,
    .stats{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .service-card-wide{
        grid-column:auto;
    }

    .why-card,
    .service-card,
    .stat-box{
        min-height:auto;
        padding:12px 9px;
        border-radius:10px;
    }

    .why-card i,
    .service-card i{
        width:34px;
        height:34px;
        margin-bottom:8px;
        border-radius:10px;
        font-size:15px;
    }

    .why-card h3,
    .service-card h3,
    .service-card-wide h3{
        font-size:13px !important;
        line-height:1.15;
        padding:4px 6px;
        border-left-width:2px;
        border-radius:6px;
        margin-bottom:7px;
    }

    .section-subtitle,
    .service-card p,
    .service-card span,
    .stat-box p{
        font-size:11px !important;
        line-height:1.38 !important;
        font-weight:700 !important;
    }

    .service-card span{
        margin-top:8px;
        padding:5px 6px;
        gap:4px;
        border-radius:999px;
    }

    .service-card span::after{
        display:none;
    }

    .stat-box h2{
        font-size:24px;
    }
}

/* Final responsive match with homepage card sizing. */
@media(max-width:1024px){
    .about-company{
        width:min(94%, 960px);
        margin:24px auto;
        padding:32px 4%;
        border-radius:16px;
    }

    .about-heading{
        max-width:760px;
        margin-bottom:26px;
    }

    .about-heading span{
        font-size:clamp(16px, 2.8vw, 24px);
        font-weight:800;
        letter-spacing:1.4px;
    }

    .about-heading h2{
        margin:10px 0;
        font-size:clamp(24px, 4vw, 34px);
        font-weight:800;
        line-height:1.16;
    }

    .about-heading p{
        font-size:14px !important;
        font-weight:600 !important;
        line-height:1.45 !important;
    }

    .about-grid,
    .why-grid,
    .service-grid,
    .stats,
    .org-grid,
    .clients-showcase .org-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:16px !important;
    }

    .about-card,
    .why-card,
    .service-card,
    .stat-box{
        min-height:0 !important;
        padding:18px 14px !important;
        border-radius:14px !important;
    }

    .about-icon,
    .why-card i,
    .service-card i{
        width:38px;
        height:38px;
        margin-bottom:10px;
        border-radius:11px;
        font-size:16px;
    }

    .about-icon i{
        font-size:16px;
    }

    .about-card h3,
    .why-card h3,
    .service-card h3,
    .service-card-wide h3{
        margin-bottom:8px;
        padding:5px 7px;
        font-size:clamp(14px, 2.4vw, 18px) !important;
        font-weight:800 !important;
        line-height:1.16;
    }

    .about-card p,
    .why-card p,
    .why-us .section-title p,
    .section-subtitle,
    .service-card p,
    .service-card span,
    .stat-box p,
    .cta-section p{
        font-size:13px !important;
        font-weight:600 !important;
        line-height:1.42 !important;
        text-align:left;
    }

    .hero-container{
        width:min(94%, 960px);
        margin:24px auto;
        padding:24px 20px;
        border-radius:16px;
    }

    .section-title{
        margin-bottom:24px;
    }

    .section-title h2,
    .organizations .section-title h2{
        font-size:clamp(24px, 4vw, 34px);
        font-weight:800;
        line-height:1.16;
    }

    .service-card{
        min-height:190px !important;
    }

    .service-card span{
        margin-top:10px;
        padding:7px 10px;
        font-size:12px !important;
    }

    .service-card-wide{
        grid-column:auto !important;
    }

    .stats{
        padding:0 !important;
    }

    .stat-box{
        min-height:128px !important;
    }

    .stat-box h2{
        margin-bottom:8px;
        font-size:38px;
        font-weight:800;
    }

    .clients-showcase .client-card,
    .client-card{
        height:145px !important;
        padding:6px !important;
        overflow:hidden !important;
    }

    .clients-showcase .client-card img,
    .client-card img{
        width:100%;
        height:100%;
        max-width:160px !important;
        max-height:118px !important;
        padding:0 !important;
        object-fit:contain;
    }

    .clients-showcase .client-logo-ecil,
    .clients-showcase .client-logo-nfc,
    .clients-showcase .client-logo-drdl,
    .clients-showcase .client-logo-asl,
    .clients-showcase .client-logo-round,
    .clients-showcase .client-logo-principal{
        width:118px !important;
        height:118px !important;
        max-width:118px !important;
        max-height:118px !important;
    }
}

@media(max-width:640px){
    .about-company{
        width:96%;
        margin:14px auto;
        padding:18px 2.5%;
        border-radius:12px;
    }

    .about-heading{
        margin-bottom:14px;
    }

    .about-heading span{
        font-size:13px;
        letter-spacing:0.8px;
        line-height:1.12;
    }

    .about-heading h2{
        margin:7px 0;
        font-size:18px;
        line-height:1.16;
    }

    .about-heading p{
        font-size:10.5px !important;
        font-weight:500 !important;
        line-height:1.34 !important;
        text-align:center;
    }

    .about-grid,
    .why-grid,
    .service-grid,
    .stats,
    .org-grid,
    .clients-showcase .org-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:8px !important;
    }

    .about-card,
    .why-card,
    .service-card,
    .stat-box{
        min-height:0 !important;
        padding:10px 7px !important;
        border-radius:9px !important;
        box-shadow:0 10px 22px rgba(0,27,68,0.12);
    }

    .service-card{
        min-height:156px !important;
    }

    .about-icon,
    .why-card i,
    .service-card i{
        width:28px;
        height:28px;
        margin-bottom:6px;
        border-radius:8px;
        font-size:12px;
    }

    .about-icon i{
        font-size:12px;
    }

    .about-card h3,
    .why-card h3,
    .service-card h3,
    .service-card-wide h3{
        margin-bottom:5px;
        padding:3px 4px;
        border-left-width:2px;
        border-radius:5px;
        font-size:10.6px !important;
        font-weight:700 !important;
        line-height:1.12;
        overflow-wrap:anywhere;
    }

    .about-card p,
    .why-card p,
    .why-us .section-title p,
    .section-subtitle,
    .service-card p,
    .service-card span,
    .stat-box p,
    .cta-section p{
        font-size:9.2px !important;
        font-weight:500 !important;
        line-height:1.28 !important;
        text-align:left;
    }

    .hero-container{
        width:96%;
        margin:14px auto;
        padding:14px 10px;
        border-radius:12px;
    }

    .section-title{
        margin-bottom:14px;
    }

    .section-title h2,
    .organizations .section-title h2{
        font-size:18px;
        font-weight:800;
        line-height:1.16;
    }

    .service-card span{
        margin-top:6px;
        padding:4px 5px;
        font-size:8.8px !important;
        line-height:1.15 !important;
        letter-spacing:1px;
    }

    .service-card span::after{
        display:none;
    }

    .stats{
        padding:0 !important;
    }

    .stat-box{
        min-height:82px !important;
        display:grid;
        align-content:center;
    }

    .stat-box h2{
        margin-bottom:5px;
        font-size:22px;
        font-weight:800;
    }

    .clients-showcase .client-card,
    .client-card{
        height:94px !important;
        padding:4px !important;
        overflow:hidden !important;
    }

    .clients-showcase .client-card img,
    .client-card img{
        max-width:96px !important;
        max-height:78px !important;
        padding:0 !important;
    }

    .clients-showcase .client-logo-ecil,
    .clients-showcase .client-logo-nfc,
    .clients-showcase .client-logo-drdl,
    .clients-showcase .client-logo-asl,
    .clients-showcase .client-logo-round,
    .clients-showcase .client-logo-principal{
        width:78px !important;
        height:78px !important;
        max-width:78px !important;
        max-height:78px !important;
    }
}

@media(max-width:380px){
    .about-card,
    .why-card,
    .service-card{
        padding:9px 6px !important;
    }

    .service-card{
        min-height:148px !important;
    }

    .about-card h3,
    .why-card h3,
    .service-card h3,
    .service-card-wide h3{
        font-size:9.8px !important;
    }

    .about-card p,
    .why-card p,
    .why-us .section-title p,
    .service-card p,
    .service-card span,
    .stat-box p{
        font-size:8.6px !important;
    }

    .clients-showcase .client-card,
    .client-card{
        height:84px !important;
    }

    .clients-showcase .client-card img,
    .client-card img{
        max-width:88px !important;
        max-height:68px !important;
    }

    .clients-showcase .client-logo-ecil,
    .clients-showcase .client-logo-nfc,
    .clients-showcase .client-logo-drdl,
    .clients-showcase .client-logo-asl,
    .clients-showcase .client-logo-round,
    .clients-showcase .client-logo-principal{
        width:68px !important;
        height:68px !important;
        max-width:68px !important;
        max-height:68px !important;
    }
}

/* Desktop deployment pass: keep about cards readable in laptop-width viewports. */
@media(min-width:1025px){
    .about-company{
        width:94%;
        max-width:1320px;
        margin:0 auto 56px;
        padding:42px 34px;
    }

    .about-heading{
        margin-bottom:36px;
    }

    .about-heading span{
        font-size:24px;
        letter-spacing:0;
    }

    .about-heading h2{
        font-size:34px;
        line-height:1.18;
    }

    .about-heading p{
        font-size:17px !important;
        line-height:1.55 !important;
        font-weight:600 !important;
        text-align:center;
        text-shadow:none;
    }

    .about-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:24px;
        align-items:stretch;
    }

    .about-card{
        display:flex;
        flex-direction:column;
        min-height:0;
        padding:24px 22px !important;
        border-radius:16px;
    }

    .about-icon{
        width:56px;
        height:56px;
        margin-bottom:14px;
    }

    .about-icon i{
        font-size:22px;
    }

    .about-card h3{
        margin-bottom:12px;
        padding:6px 9px;
        font-size:24px !important;
        line-height:1.18;
        letter-spacing:0;
        word-break:normal;
        overflow-wrap:break-word;
    }

    .about-card p{
        font-size:15px !important;
        line-height:1.6 !important;
        font-weight:600 !important;
        letter-spacing:0;
        word-spacing:0;
        text-align:left !important;
        text-shadow:none;
    }
}

@media(min-width:1181px) and (max-width:1400px){
    .about-company{
        padding:34px 28px;
    }

    .about-grid{
        gap:18px;
    }

    .about-card{
        padding:22px 18px !important;
    }

    .about-card h3{
        font-size:22px !important;
    }

    .about-card p{
        font-size:14.5px !important;
        line-height:1.55 !important;
    }
}

/* Final about-page visibility pass: smaller type, same bold emphasis. */
@media(min-width:1181px){
    .about-company{
        width:min(92%, 1240px);
        margin:0 auto 42px;
        padding:32px 28px;
        border-radius:16px;
    }

    .about-heading{
        margin-bottom:28px;
    }

    .about-heading span{
        font-size:20px;
        letter-spacing:0.8px;
    }

    .about-heading h2{
        font-size:30px;
        line-height:1.16;
    }

    .about-heading p{
        font-size:15px !important;
        line-height:1.45 !important;
        font-weight:800 !important;
    }

    .about-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:18px;
    }

    .about-card{
        padding:20px 18px !important;
        border-radius:14px;
    }

    .about-icon{
        width:44px;
        height:44px;
        margin-bottom:12px;
    }

    .about-icon i{
        font-size:18px;
    }

    .about-card h3,
    .why-card h3,
    .service-card h3,
    .service-card-wide h3{
        padding:6px 8px;
        border-left-width:3px;
        border-radius:8px;
        font-size:18px !important;
        line-height:1.18;
    }

    .about-card p,
    .why-card p,
    .why-us .section-title p,
    .section-subtitle,
    .service-card p,
    .service-card span,
    .stat-box p,
    .cta-section p{
        font-size:13px !important;
        line-height:1.4 !important;
    }

    .about-card p{
        font-weight:800 !important;
        text-align:left !important;
    }

    .why-card,
    .service-card,
    .stat-box{
        padding:18px 16px !important;
        border-radius:14px !important;
    }

    .why-card i,
    .service-card i{
        width:42px;
        height:42px;
        border-radius:12px;
        font-size:18px;
    }
}

@media(min-width:1181px) and (max-width:1400px){
    .about-company{
        width:91%;
        padding:28px 24px;
    }

    .about-grid{
        gap:16px;
    }

    .about-card{
        padding:18px 16px !important;
    }

    .about-heading h2{
        font-size:28px;
    }

    .about-card h3,
    .why-card h3,
    .service-card h3,
    .service-card-wide h3{
        font-size:17px !important;
    }

    .about-card p,
    .why-card p,
    .why-us .section-title p,
    .section-subtitle,
    .service-card p,
    .service-card span,
    .stat-box p,
    .cta-section p{
        font-size:12.5px !important;
        line-height:1.36 !important;
    }
}

/* Latest about-page desktop fit pass for full-width and compact sections. */
@media(min-width:1181px){
    .about-company{
        width:100%;
        max-width:none;
        margin:0 0 34px;
        padding:28px 54px;
        border-radius:0;
    }

    .about-heading{
        max-width:1040px;
        margin:0 auto 24px;
    }

    .about-heading span{
        font-size:19px;
        letter-spacing:0.8px;
    }

    .about-heading h2{
        font-size:28px;
        line-height:1.14;
    }

    .about-heading p{
        max-width:820px;
        margin:12px auto 0;
        font-size:14px !important;
        font-weight:800 !important;
        line-height:1.42 !important;
    }

    .about-grid{
        max-width:1200px;
        margin:0 auto;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:16px;
    }

    .about-card{
        min-height:0;
        padding:18px 16px !important;
        border-radius:14px;
    }

    .about-icon{
        width:42px;
        height:42px;
        margin-bottom:10px;
    }

    .about-icon i{
        font-size:17px;
    }

    .about-card h3{
        margin-bottom:10px;
        padding:6px 8px;
        font-size:17px !important;
        line-height:1.16;
    }

    .about-card p{
        font-size:12px !important;
        font-weight:800 !important;
        line-height:1.34 !important;
        letter-spacing:0;
        word-spacing:0;
        text-align:left !important;
    }

    .clients-showcase{
        width:min(92%, 1240px);
        margin:30px auto;
        padding:20px 22px;
        border-radius:16px;
    }

    .clients-showcase .clients-highlight,
    .clients-showcase .organizations{
        padding:24px 2.5% !important;
    }

    .clients-showcase .section-title{
        margin-bottom:18px;
    }

    .clients-showcase .section-title h2{
        font-size:30px;
        line-height:1.16;
    }

    .clients-showcase .org-grid{
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
        gap:10px 14px !important;
        align-items:center;
    }

    .clients-showcase .client-card{
        height:108px !important;
        min-height:0;
        padding:6px !important;
        overflow:visible !important;
    }

    .clients-showcase .client-card img{
        max-width:145px !important;
        max-height:78px !important;
        object-fit:contain;
    }

    .clients-showcase .client-logo-round,
    .clients-showcase .client-logo-principal{
        width:76px !important;
        height:76px !important;
        max-width:76px !important;
        max-height:76px !important;
    }

    .clients-showcase .client-logo-rci{
        max-width:74px !important;
        max-height:74px !important;
    }

    .clients-showcase .client-logo-wide,
    .clients-showcase .client-logo-bdl,
    .clients-showcase .client-logo-aurobindo{
        max-width:145px !important;
        max-height:58px !important;
    }
}

@media(min-width:1181px) and (max-width:1400px){
    .about-company{
        width:100%;
        max-width:none;
        padding:26px 40px;
    }

    .about-heading{
        margin-bottom:22px;
    }

    .about-heading span{
        font-size:18px;
    }

    .about-heading h2{
        font-size:26px;
    }

    .about-heading p{
        font-size:13px !important;
        line-height:1.36 !important;
    }

    .about-grid{
        gap:14px;
    }

    .about-card{
        padding:16px 14px !important;
    }

    .about-card h3{
        font-size:16px !important;
    }

    .about-card p{
        font-size:11.3px !important;
        line-height:1.3 !important;
    }

    .clients-showcase{
        width:90%;
        padding:18px 20px;
    }

    .clients-showcase .clients-highlight,
    .clients-showcase .organizations{
        padding:22px 2% !important;
    }

    .clients-showcase .section-title h2{
        font-size:28px;
    }

    .clients-showcase .client-card{
        height:96px !important;
    }

    .clients-showcase .client-card img{
        max-width:132px !important;
        max-height:68px !important;
    }

    .clients-showcase .client-logo-round,
    .clients-showcase .client-logo-principal{
        width:68px !important;
        height:68px !important;
        max-width:68px !important;
        max-height:68px !important;
    }

    .clients-showcase .client-logo-rci{
        max-width:66px !important;
        max-height:66px !important;
    }

    .clients-showcase .client-logo-wide,
    .clients-showcase .client-logo-bdl,
    .clients-showcase .client-logo-aurobindo{
        max-width:132px !important;
        max-height:52px !important;
    }
}