/* ==========================================================
   Premium About Us — scoped under .about-premium
   Uses existing theme palette:
     #193D7F (primary)   #2F508B (accent blue)
     #FECA16 (yellow)    #192335 (ink)
     #F3F5F8 (soft bg)   #6B7385 (muted)
   The global `.ap-eyebrow` pill comes from custom_style.css.
   ========================================================== */
.about-premium {
    --ap-primary:#193D7F;
    --ap-accent:#2F508B;
    --ap-yellow:#FECA16;
    --ap-ink:#0F1B33;
    --ap-ink-2:#192335;
    --ap-soft:#F3F5F8;
    --ap-soft-2:#F6F9FE;
    --ap-muted:#6B7385;
    --ap-line:rgba(25,61,127,.10);
    --ap-shadow-sm:0 10px 30px rgba(25,61,127,.06);
    --ap-shadow-md:0 18px 40px rgba(25,61,127,.10);
    --ap-shadow-lg:0 30px 60px rgba(25,61,127,.18);
    position:relative;
    overflow:hidden;
}
.about-premium > section,
.about-premium > div { position:relative; z-index:1; }
.about-premium .row.py-5 { padding-top:0!important; padding-bottom:0!important; }
.about-premium .ap-section { padding:80px 0; }

/* Decorative blobs */
.about-premium::before,
.about-premium::after{
    content:'';position:absolute;width:520px;height:520px;border-radius:50%;
    filter:blur(90px);opacity:.30;pointer-events:none;z-index:0;
}
.about-premium::before{top:160px;left:-260px;background:radial-gradient(circle,rgba(25,61,127,.20),transparent 70%);}
.about-premium::after{top:900px;right:-260px;background:radial-gradient(circle,rgba(254,202,22,.16),transparent 70%);}

/* Yellow accent bar under headings */
.about-premium .ap-bar{
    display:block;width:48px;height:4px;background:var(--ap-yellow);
    border-radius:2px;margin:18px 0 22px;
}
/* Section titles */
.about-premium .lets-start h2.g-title,
.about-premium .ap-title{
    font-size:40px;line-height:1.18;font-weight:800;
    letter-spacing:-0.02em;color:var(--ap-ink)!important;
}
.about-premium .lets-start .content,
.about-premium .ap-copy{
    color:var(--ap-muted);font-size:15.5px;line-height:1.85;
}

/* ============ Intro ============ */
.about-premium .ap-intro__copy{
    color:var(--ap-muted);font-size:16px;line-height:1.85;
    padding-left:22px;border-left:3px solid var(--ap-yellow);
}

/* ============ Performance — light cards, equal height ============ */
.about-premium .about-performance-section{
    background:transparent;
    padding:30px 0 50px;position:relative;
    margin:0;border-radius:0;
}
.about-premium .ps-border{position:relative;height:100%;}
.about-premium .about-performance-section .ps-single-wrap{
    background:linear-gradient(135deg,var(--ap-ink) 0%,var(--ap-primary) 100%);
    border:1px solid rgba(255,255,255,.06);
    border-radius:20px;
    padding:36px 28px 28px;
    height:340px;
    transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:0 18px 40px rgba(25,61,127,.18);
}
.about-premium .about-performance-section .ps-single-wrap::before{
    content:'';
    position:absolute;top:-100px;right:-100px;
    width:200px;height:200px;border-radius:50%;
    border:28px solid rgba(254,202,22,.18);
    pointer-events:none;
    transition:border-color .4s ease,transform .4s ease;
}
.about-premium .about-performance-section .ps-single-wrap:hover::before{
    border-color:rgba(254,202,22,.32);
    transform:scale(1.05);
}
.about-premium .about-performance-section .ps-single-wrap:hover{
    transform:translateY(-6px);
    box-shadow:0 26px 50px rgba(25,61,127,.28);
    border-color:rgba(254,202,22,.45);
}
.about-premium .about-performance-section img.img-build{
    position:static;width:58px;height:58px;padding:12px;
    border-radius:14px;background:rgba(254,202,22,.14);
    box-shadow:inset 0 0 0 1px rgba(254,202,22,.30);
    object-fit:contain;margin-bottom:22px;flex-shrink:0;
    transition:transform .4s ease;
}
.about-premium .about-performance-section .ps-single-wrap:hover img.img-build{
    transform:scale(1.08);
}
.about-premium .about-performance-section .ps-single-wrap::after{
    content:'';display:block;width:30px;height:3px;
    background:var(--ap-yellow);border-radius:2px;
    margin-bottom:14px;flex-shrink:0;
}
.about-premium .about-performance-section .ps-single-wrap h4{
    color:#fff;font-weight:700;font-size:18px;
    margin-bottom:10px;flex-shrink:0;
}
.about-premium .about-performance-section .ps-single-wrap p,
.about-premium .about-performance-section .ps-single-wrap .description{
    color:#A8BAD8;font-size:14.5px;line-height:1.72;margin-bottom:0;
    flex:1;min-height:0;overflow-y:auto;padding-right:8px;
    scrollbar-width:thin;
    scrollbar-color:var(--ap-yellow) rgba(255,255,255,.08);
}
.about-premium .about-performance-section .ps-single-wrap p::-webkit-scrollbar,
.about-premium .about-performance-section .ps-single-wrap .description::-webkit-scrollbar{
    width:6px;
}
.about-premium .about-performance-section .ps-single-wrap p::-webkit-scrollbar-track,
.about-premium .about-performance-section .ps-single-wrap .description::-webkit-scrollbar-track{
    background:rgba(255,255,255,.08);border-radius:3px;
}
.about-premium .about-performance-section .ps-single-wrap p::-webkit-scrollbar-thumb,
.about-premium .about-performance-section .ps-single-wrap .description::-webkit-scrollbar-thumb{
    background:var(--ap-yellow);border-radius:3px;
}
.about-premium .about-performance-section .ps-single-wrap p::-webkit-scrollbar-thumb:hover,
.about-premium .about-performance-section .ps-single-wrap .description::-webkit-scrollbar-thumb:hover{
    background:#e6b612;
}
.about-premium .performance-slide p.description{height:auto;}

/* ============ Mission / Get-Now ============ */
.about-premium .ap-getnow .get-now{
    background:#fff;
    border:1px solid var(--ap-line);
    border-radius:24px;
    padding:0;
    overflow:hidden;
    box-shadow:var(--ap-shadow-md);
    position:relative;
}
.about-premium .ap-getnow .get-now > .row{
    margin:0;padding:34px;align-items:center;
    position:relative;
}
.about-premium .ap-getnow .get-now > .row::before{
    content:'';position:absolute;top:0;left:0;width:5px;height:100%;
    background:var(--ap-yellow);
}
.about-premium .ap-getnow .get-now > .row > .col-lg-6{
    padding-left:14px;padding-right:14px;
}
.about-premium .ap-getnow .get-now > .row > .col-lg-6 > img{
    border-radius:18px;width:100%;height:auto;
    box-shadow:0 14px 30px rgba(25,61,127,.10);
}
.about-premium .ap-getnow .get-now h3{
    color:var(--ap-ink);font-size:24px;font-weight:700;line-height:1.3;
}
.about-premium .ap-getnow .get-now .content{
    color:var(--ap-muted);font-size:14.5px;line-height:1.75;
}
.about-premium img.hp-img{
    opacity:.04;max-width:240px;top:50%;
    transform:translateY(-50%);right:-30px;
}

/* The secondary highlight card next to get-now */
.about-premium .ap-getnow .ps-single-wrap.d-one{
    background:linear-gradient(135deg,var(--ap-ink-2) 0%,var(--ap-primary) 100%);
    border:none;color:#fff;
    padding:24px 24px 24px 96px;
    border-radius:18px;
    box-shadow:0 14px 30px rgba(25,61,127,.20);
    position:relative;overflow:hidden;
}
.about-premium .ap-getnow .ps-single-wrap.d-one::after{
    content:'';position:absolute;width:160px;height:160px;
    border-radius:50%;background:radial-gradient(circle,rgba(254,202,22,.14),transparent 70%);
    top:-60px;right:-60px;pointer-events:none;
}
.about-premium .ap-getnow .ps-single-wrap.d-one img{
    position:absolute;top:22px;left:22px;
    width:54px;height:54px;padding:12px;
    border-radius:14px;background:rgba(254,202,22,.14);
    box-shadow:inset 0 0 0 1px rgba(254,202,22,.25);
    object-fit:contain;margin:0;
}
.about-premium .ap-getnow .ps-single-wrap.d-one h4{
    color:#fff;font-weight:700;font-size:17px;margin-bottom:8px;
}
.about-premium .ap-getnow .ps-single-wrap.d-one p,
.about-premium .ap-getnow .ps-single-wrap.d-one .description{
    color:#C8D9FA;font-size:13.5px;line-height:1.65;margin-bottom:0;
}

/* ============ Goals — 4 tiles w/ yellow side bar ============ */
.about-premium .ap-goals .goals-list{
    background:#fff;
    border:1px solid var(--ap-line);
    border-radius:16px;
    padding:24px 22px 24px 92px;
    margin-bottom:18px;
    height:215px;
    min-height:215px;
    position:relative;
    display:flex;align-items:center;
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
    overflow:hidden;
}
.about-premium .ap-goals .goals-list .content{
    flex:1;min-width:0;
    max-height:100%;
    overflow-y:auto;
    padding-right:6px;
    scrollbar-width:thin;
    scrollbar-color:rgba(25,61,127,.18) transparent;
}
.about-premium .ap-goals .goals-list .content::-webkit-scrollbar{ width:4px; }
.about-premium .ap-goals .goals-list .content::-webkit-scrollbar-track{ background:transparent; }
.about-premium .ap-goals .goals-list .content::-webkit-scrollbar-thumb{
    background:rgba(25,61,127,.18);border-radius:3px;
}
.about-premium .ap-goals .goals-list .content:hover::-webkit-scrollbar-thumb{
    background:rgba(25,61,127,.32);
}
.about-premium .ap-goals .goals-list::before{
    content:'';position:absolute;top:0;left:0;width:4px;height:100%;
    background:var(--ap-yellow);
    transition:width .35s ease;
}
.about-premium .ap-goals .goals-list:hover{
    transform:translateY(-4px);
    box-shadow:var(--ap-shadow-md);
    border-color:rgba(254,202,22,.35);
}
.about-premium .ap-goals .goals-list:hover::before{ width:6px; }
.about-premium .ap-goals .goals-list img{
    position:absolute;top:50%;left:22px;transform:translateY(-50%);
    width:54px;height:54px;max-height:54px;padding:11px;
    border-radius:12px;
    background:linear-gradient(135deg,rgba(25,61,127,.12),rgba(254,202,22,.08));
    box-shadow:inset 0 0 0 1px var(--ap-line);
    object-fit:contain;
}
.about-premium .ap-goals .goals-list .content{ padding:0 6px 0 0; }
.about-premium .ap-goals .goals-list h4{
    font-size:16px;font-weight:700;color:var(--ap-ink);margin-bottom:6px;
}
.about-premium .ap-goals .goals-list p.description{
    color:var(--ap-muted);font-size:13.5px;line-height:1.65;margin-bottom:0;
}

/* ============ Video CTA — dark band ============ */
.about-premium .ap-cta{ padding:30px 0 70px; }
.about-premium .ap-cta__wrap{
    position:relative;border-radius:26px;overflow:hidden;
    box-shadow:var(--ap-shadow-lg);cursor:pointer;
    background:linear-gradient(135deg,var(--ap-ink) 0%,var(--ap-primary) 100%);
}
.about-premium .ap-cta__wrap::before{
    content:'';position:absolute;inset:0;opacity:.07;pointer-events:none;
    background:repeating-linear-gradient(45deg,var(--ap-yellow) 0,var(--ap-yellow) 1px,transparent 0,transparent 14px);
}
.about-premium .ap-cta__wrap > img{
    width:100%;height:auto;display:block;
    mix-blend-mode:luminosity;opacity:.55;
    transition:transform .8s ease,opacity .6s ease;
}
.about-premium .ap-cta__wrap:hover > img{
    transform:scale(1.04);opacity:.7;
}
.about-premium .ap-cta__wrap::after{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(120deg,rgba(15,27,51,.85) 0%,rgba(25,61,127,.55) 60%,rgba(25,61,127,.2) 100%);
}
.about-premium .ap-cta__play{
    position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);
    width:96px;height:96px;border-radius:50%;
    background:var(--ap-yellow);color:var(--ap-ink);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 18px 40px rgba(0,0,0,.30);
    z-index:2;pointer-events:none;
}
.about-premium .ap-cta__play::before{
    content:'';position:absolute;inset:-10px;border-radius:50%;
    border:2px solid rgba(254,202,22,.45);
    animation:ap-pulse 2.2s ease-out infinite;
}
.about-premium .ap-cta__play::after{
    content:'';width:0;height:0;border-style:solid;
    border-width:13px 0 13px 22px;
    border-color:transparent transparent transparent currentColor;
    margin-left:6px;
}
@keyframes ap-pulse{
    0%{transform:scale(1);opacity:1;}
    100%{transform:scale(1.45);opacity:0;}
}

/* ============ Video modal (sibling of .about-premium) ============ */
.ap-video-modal .modal-dialog{
    max-width:960px;width:92%;margin:1.75rem auto;
}
.ap-video-modal .modal-content{
    background:transparent!important;border:none;box-shadow:none;position:relative;
}
.ap-video-modal .modal-header{
    border:none;padding:0;position:absolute;top:-50px;right:0;z-index:10;
}
.ap-video-modal .btn-close,
.ap-video-modal .popup-close{
    position:relative;top:auto;right:auto;
    width:38px;height:38px;
    background-color:#fff;opacity:1;border-radius:50%;
    box-shadow:0 10px 30px rgba(0,0,0,.30);
    background-size:14px;margin:0;
    transition:background-color .25s ease,transform .25s ease;
}
.ap-video-modal .btn-close:hover,
.ap-video-modal .popup-close:hover{
    background-color:#FECA16;
    transform:scale(1.06);
}
.ap-video-modal .modal-body{
    padding:0;border-radius:18px;overflow:hidden;
    box-shadow:0 30px 60px rgba(0,0,0,.45);
    background:#000;
}
.ap-video-modal video{
    display:block;width:100%;max-height:80vh;
    background:#000;
}
.modal-backdrop.show{ opacity:.88; }

/* ============ Team ============ */
.about-premium .about-team-section{ padding-top:30px; }
.about-premium .about-team-section .section-title .title{
    font-size:38px;font-weight:800;color:var(--ap-ink);
    letter-spacing:-0.02em;margin:16px 0 12px;
}
.about-premium .about-team-section .section-title .content{
    color:var(--ap-muted);font-size:15.5px;line-height:1.8;
    max-width:620px;margin:0 auto;
}
.about-premium .about-team-section .Ecard{
    background:#fff;border-radius:22px;
    transition:transform .45s ease,box-shadow .45s ease;
    box-shadow:var(--ap-shadow-sm);overflow:visible;
    position:relative;
}
.about-premium .about-team-section .Ecard:hover{
    transform:translateY(-8px);
    box-shadow:var(--ap-shadow-md);
}
.about-premium .about-team-section .Ecard > img{
    border-radius:22px;height:360px;object-fit:cover;
}
.about-premium .about-team-section .Ecard .team-initials{
    border-radius:22px;height:360px;width:100%;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--ap-ink) 0%,var(--ap-primary) 100%);
    position:relative;overflow:hidden;
}
.about-premium .about-team-section .Ecard .team-initials::before{
    content:'';position:absolute;
    width:140px;height:140px;border-radius:50%;
    background:rgba(255,255,255,.04);
    top:-40px;left:-40px;
}
.about-premium .about-team-section .Ecard .team-initials span{
    position:relative;z-index:1;
    width:130px;height:130px;border-radius:50%;
    background:var(--ap-yellow);
    color:var(--ap-ink);
    display:flex;align-items:center;justify-content:center;
    font-size:42px;font-weight:800;letter-spacing:1px;
    text-transform:uppercase;
    box-shadow:0 14px 30px rgba(0,0,0,.25);
}
.about-premium .team-detail{
    background:#fff;
    border:1px solid var(--ap-line);
    box-shadow:var(--ap-shadow-sm);
    border-radius:14px;
    padding:14px 18px;
    bottom:-30px;
}
.about-premium .team-detail h4{
    font-size:17px;font-weight:700;color:var(--ap-ink);margin-bottom:4px;
}
.about-premium .team-detail .designation{
    display:inline-block;
    color:var(--ap-primary);font-size:12px;font-weight:600;
    background:rgba(25,61,127,.08);
    padding:3px 12px;border-radius:20px;
}

/* ============ Responsive ============ */
@media (max-width: 991.98px){
    .about-premium .ap-section{ padding:56px 0; }
    .about-premium .lets-start h2.g-title,
    .about-premium .ap-title{ font-size:32px; }
    .about-premium .about-performance-section{ padding:20px 0 40px; }
    .about-premium .about-performance-section .ps-single-wrap{ height:320px; }
    .about-premium .ap-getnow .get-now > .row > .col-lg-6 > img{ margin-bottom:18px; }
    .about-premium img.hp-img{ display:none; }
    .about-premium .about-team-section .section-title .title{ font-size:30px; }
    .about-premium .ap-cta{ padding:20px 0 50px; }
}
@media (max-width: 575.98px){
    .ap-video-modal .modal-header{ top:-44px; }
    .ap-video-modal .btn-close,
    .ap-video-modal .popup-close{ width:34px;height:34px;background-size:12px; }
    .about-premium .lets-start h2.g-title,
    .about-premium .ap-title{ font-size:26px; }
    .about-premium .ap-intro__copy{ padding-left:14px; }
    .about-premium .ap-getnow .get-now > .row{ padding:24px; }
    .about-premium .ap-getnow .ps-single-wrap.d-one{ padding:88px 22px 22px 22px; }
    .about-premium .ap-getnow .ps-single-wrap.d-one img{ left:22px; top:22px; }
    .about-premium .ap-goals .goals-list{ padding:88px 20px 22px 20px; height:auto; min-height:0; display:block; }
    .about-premium .ap-goals .goals-list .content{ max-height:none; overflow:visible; padding:0; }
    .about-premium .ap-goals .goals-list img{ top:22px; left:22px; transform:none; }
    .about-premium .ap-cta__play{ width:72px; height:72px; }
    .about-premium .ap-cta__play::after{ border-width:10px 0 10px 16px; margin-left:5px; }
    .about-premium .about-team-section .Ecard > img,
    .about-premium .about-team-section .Ecard .team-initials{ height:280px; }
    .about-premium .about-team-section .Ecard .team-initials span{ width:110px;height:110px;font-size:36px; }
    .about-premium .about-performance-section .ps-single-wrap{ padding:32px 22px 26px; height:300px; }
}