.triserv-about-section{
        background:#f4f7fb;
        font-family:'Poppins',sans-serif;
    }

    .triserv-about-hero{
        background:linear-gradient(135deg,#032b6b 0%,#0a5bd8 100%);
        border-radius:32px;
        padding:45px;
        margin-bottom:30px;
        overflow:hidden;
        position:relative;
    }

    .triserv-about-hero::before{
        content:'';
        position:absolute;
        width:350px;
        height:350px;
        border-radius:50%;
        background:rgba(255,255,255,.05);
        right:-140px;
        top:-140px;
    }

    .hero-tag{
        display:inline-block;
        background:rgba(255,255,255,.12);
        color:#fff;
        padding:8px 18px;
        border-radius:50px;
        font-size:12px;
        font-weight:700;
        margin-bottom:18px;
    }

    .triserv-about-logo{
        max-width:300px;
        margin-bottom:20px;
    }

    .triserv-about-hero h1{
        color:#ffd36c;
        font-size:38px;
        font-weight:800;
        margin-bottom:20px;
    }

    .triserv-about-hero p{
        color:rgba(255,255,255,.9);
        line-height:24px;
        font-size:15px;
        margin-bottom:7px;
    }

    .hero-side-box{
        background:rgba(255,255,255,.08);
        border-radius:24px;
        padding:28px;
        backdrop-filter:blur(10px);
    }

    .hero-step{
        background:#fff;
        border-radius:16px;
        padding:16px;
        text-align:center;
        font-weight:700;
        color:#032b6b;
    }

    .hero-step span{
        display:block;
        color:#0a5bd8;
        font-size:12px;
        margin-bottom:4px;
    }

    .hero-arrow{
        text-align:center;
        color:#ffd36c;
        font-size:24px;
        margin:10px 0;
    }

    .triserv-content-card{
        background:#fff;
        border-radius:28px;
        padding:35px;
        margin-bottom:24px;
        box-shadow:0 10px 35px rgba(0,0,0,.05);
        margin-top:30px;
    }

    .triserv-content-card p{
        color:#667085;
        line-height:24px;
        font-size:15px;
        margin-bottom:7px;
    }

    .triserv-content-card h2{
        color:#101828;
        font-size:34px;
        font-weight:800;
        margin-bottom:18px;
    }

    .quote-box{
        background:#f8fafd;
        border-left:4px solid #0a5bd8;
        border-radius:18px;
        padding:24px;
        margin-top:20px;
    }

    .quote-box i{
        color:#0a5bd8;
        font-size:24px;
        margin-bottom:10px;
    }

    .quote-box p{
        margin:0;
        font-size:18px;
        font-weight:600;
        color:#101828;
    }

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

    .section-title span{
        color:#0a5bd8;
        font-size:13px;
        font-weight:700;
        letter-spacing:1px;
    }

    .feature-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:18px;
        margin-top:25px;
    }

    .feature-box{
        background:#f8fafd;
        border-radius:18px;
        padding:22px;
    }

    .feature-box i{
        color:#0a5bd8;
        font-size:28px;
        margin-bottom:15px;
    }

    .feature-box p{
        margin:0;
        font-size:14px;
        line-height:24px;
    }

    .highlight-strip{
        background:linear-gradient(135deg,#032b6b,#0a5bd8);
        border-radius:18px;
        padding:18px 24px;
        color:#fff;
        font-size:20px;
        font-weight:700;
        margin-top:25px;
    }

    .dark-card{
        background:#101828;
    }

    .dark-card h2,
    .dark-card p{
        color:#fff;
    }

    .light-title span{
        color:#ffd36c;
    }

    .journey-flow{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:18px;
        margin:25px 0;
    }

    .journey-item{
        background:rgba(255,255,255,.08);
        border-radius:18px;
        padding:22px;
        color:#fff;
        text-align:center;
        font-weight:600;
        line-height:28px;
    }

    .vision-card,
    .mission-card{
        background:#fff;
        border-radius:28px;
        padding:35px;
        height:100%;
        box-shadow:0 10px 35px rgba(0,0,0,.05);
    }

    .vm-icon{
        width:70px;
        height:70px;
        border-radius:20px;
        background:linear-gradient(135deg,#032b6b,#0a5bd8);
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:28px;
        margin-bottom:20px;
    }

    .vision-card h2,
    .mission-card h2{
        font-size:30px;
        font-weight:800;
        margin-bottom:18px;
    }

    .vision-card p,
    .mission-card p{
        color:#667085;
        line-height:24px;
        margin-bottom:7px;
    }

    .vision-list{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:14px;
        margin-top:20px;
    }

    .vision-list div{
        background:#f8fafd;
        border-radius:14px;
        padding:16px;
        text-align:center;
        font-weight:600;
    }

    .mission-grid{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:16px;
        margin-top:22px;
    }

    .mission-box{
        background:#f8fafd;
        border-radius:16px;
        padding:20px;
    }

    .mission-box h4{
        font-size:18px;
        margin-bottom:10px;
    }

    .mission-box p{
        margin:0;
        font-size:14px;
        line-height:24px;
    }

    .growth-highlight{
        background:linear-gradient(135deg,#032b6b,#0a5bd8);
        border-radius:24px;
        padding:35px;
        text-align:center;
        margin:25px 0;
    }

    .growth-highlight h3{
        color:#ffd36c;
        font-size:34px;
        font-weight:800;
        margin-bottom:14px;
    }

    .growth-highlight p{
        color:#fff;
        margin:0;
    }

    .difference-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:18px;
    }

    .difference-box{
        background:#f8fafd;
        border-radius:18px;
        padding:24px;
        text-align:center;
        line-height:28px;
    }

    .section-main-heading{
        text-align:center;
        margin:45px 0 25px;
    }

    .section-main-heading h2{
        font-size:42px;
        font-weight:800;
        color:#032b6b;
    }

    .pillar-card{
        background:#fff;
        border-radius:28px;
        padding:35px;
        margin-bottom:22px;
        box-shadow:0 10px 35px rgba(0,0,0,.05);
    }

    .pillar-header{
        display:flex;
        gap:20px;
        align-items:center;
        margin-bottom:20px;
    }

    .pillar-icon{
        width:80px;
        height:80px;
        border-radius:22px;
        background:linear-gradient(135deg,#032b6b,#0a5bd8);
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        font-size:30px;
    }

    .pillar-header span{
        color:#0a5bd8;
        font-size:13px;
        font-weight:700;
    }

    .pillar-header h2{
        margin:8px 0 0;
        font-size:30px;
        font-weight:800;
        color:#101828;
    }

    .pillar-card p{
        color:#667085;
        line-height:24px;
        margin-bottom:7px;
    }

    .commitment-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:18px;
        margin-top:24px;
    }

    .commitment-box{
        background:#f8fafd;
        border-radius:18px;
        padding:22px;
    }

    .commitment-box h4{
        color:#032b6b;
        font-size:18px;
        margin-bottom:10px;
    }

    .commitment-box p{
        margin:0;
        line-height:24px;
        font-size:14px;
    }

    .serve-grid{
        display:grid;
        grid-template-columns:repeat(5,1fr);
        gap:18px;
        margin-top:24px;
    }

    .serve-box{
        background:rgba(255,255,255,.08);
        border-radius:18px;
        padding:24px 18px;
        text-align:center;
    }

    .serve-box i{
        color:#ffd36c;
        font-size:30px;
        margin-bottom:15px;
    }

    .serve-box h4{
        color:#fff;
        margin-bottom:8px;
        font-size:18px;
    }

    .serve-box p{
        color:rgba(255,255,255,.82);
        font-size:13px;
        line-height:24px;
        margin:0;
    }

    .future-grid{
        display:grid;
        grid-template-columns:repeat(5,1fr);
        gap:16px;
        margin:25px 0;
    }

    .future-grid div{
        background:#f8fafd;
        border-radius:16px;
        padding:18px;
        text-align:center;
        font-weight:600;
        line-height:25px;
    }

    .trust-lines{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:16px;
        margin:25px 0;
    }

    .trust-lines div{
        background:linear-gradient(135deg,#032b6b,#0a5bd8);
        color:#fff;
        border-radius:18px;
        padding:20px;
        text-align:center;
        font-weight:700;
        font-size:18px;
    }

    .triserv-final-box{
        background:linear-gradient(135deg,#032b6b 0%,#0a5bd8 100%);
        border-radius:30px;
        padding:45px;
        text-align:center;
    }

    .triserv-final-box h2{
        color:#fff;
        font-size:40px;
        font-weight:800;
        margin-bottom:18px;
    }

    .triserv-final-box p{
        color:rgba(255,255,255,.9);
        line-height:24px;
        margin-bottom:7px;
    }

    .final-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:18px;
        margin:30px 0;
    }

    .final-grid div{
        background:rgba(255,255,255,.1);
        border-radius:18px;
        padding:20px;
        color:#fff;
        font-weight:700;
    }

    .welcome-box{
        background:rgba(255,255,255,.08);
        border-radius:24px;
        padding:35px;
        margin-top:25px;
    }

    .welcome-box h3{
        color:#fff;
        font-size:32px;
        font-weight:800;
        margin-bottom:12px;
    }

    .welcome-box span{
        color:#ffd36c;
        font-size:20px;
        font-weight:700;
        display:block;
        margin-bottom:14px;
    }

    .welcome-box p{
        margin:0;
    }

    @media (max-width:991px){

        .feature-grid,
        .difference-grid,
        .commitment-grid,
        .future-grid,
        .serve-grid{
            grid-template-columns:1fr 1fr;
        }

        .journey-flow,
        .trust-lines,
        .final-grid{
            grid-template-columns:1fr;
        }

        .hero-side-box{
            margin-top:25px;
        }

    }

    @media (max-width:767px){

        .triserv-about-hero,
        .triserv-content-card,
        .vision-card,
        .mission-card,
        .pillar-card,
        .triserv-final-box{
            padding:25px;
        }

        .feature-grid,
        .difference-grid,
        .commitment-grid,
        .future-grid,
        .serve-grid,
        .mission-grid,
        .vision-list{
            grid-template-columns:1fr;
        }

        .pillar-header{
            flex-direction:column;
            align-items:flex-start;
        }

        .triserv-about-hero h1,
        .section-main-heading h2,
        .triserv-final-box h2{
            font-size:30px;
        }

        .pillar-header h2,
        .vision-card h2,
        .mission-card h2{
            font-size:24px;
        }

        .growth-highlight h3{
            font-size:26px;
        }

        .welcome-box h3{
            font-size:24px;
        }

    }