/*
=========================================================
DISHA Recruitment
VIDEO EDITOR RECRUITMENT — VERSION 4.4
PAGE-SPECIFIC CSS

Stack:
    css/global-new.css
        ↓
    css/recruitment-pages.css
        ↓
    css/video-editor-recruitment.css

Unique page namespace:
    .video-editor-commercial-page
    .vex4-*

IMPORTANT:
All Video Editor styling is page-scoped. No .rp-*,
generic .card/.hero selectors, or global h1/h2/h3 rules
are used here.

Hero image is intentionally reserved for later.
=========================================================
*/

/* =========================================================
00 — PAGE VARIABLES / SCOPE
========================================================= */

.video-editor-commercial-page{
    --vex4-blue:#0B4F9C;
    --vex4-blue-dark:#073B78;
    --vex4-green:#2E9E44;
    --vex4-green-dark:#187C35;
    --vex4-text:#596878;
    --vex4-heading:#0A468F;
    --vex4-ink:#263746;
    --vex4-border:#DCE6F1;
    --vex4-soft:#F4F8FD;
    --vex4-soft-green:#F3FAF5;
    --vex4-soft-warm:#FBF8F2;
    --vex4-shadow:0 7px 20px rgba(18,60,105,.055);
}

/* =========================================================
01 — BREADCRUMB
========================================================= */

.video-editor-commercial-page .vex4-breadcrumb-wrap{
    background:#FFFFFF;
    border-bottom:1px solid #E8EEF4;
}

.video-editor-commercial-page .vex4-breadcrumb{
    min-height:34px;
    padding:8px 0;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    color:#7A8794;
    font-size:11.5px;
    line-height:1.35;
}

.video-editor-commercial-page .vex4-breadcrumb a{
    color:#4E78A7;
}

.video-editor-commercial-page .vex4-breadcrumb a:hover{
    color:var(--vex4-green-dark);
    text-decoration:underline;
    text-underline-offset:3px;
}

.video-editor-commercial-page .vex4-breadcrumb strong{
    color:#5D7082;
    font-weight:600;
}

/* =========================================================
02 — COMMON SECTION HEADING
========================================================= */

.video-editor-commercial-page .vex4-section-heading{
    max-width:850px;
    margin:0 auto 22px;
    text-align:center;
}

.video-editor-commercial-page .vex4-section-heading>span{
    display:inline-block;
    margin:0 0 7px;
    color:var(--vex4-green-dark);
    font-size:10px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:1.05px;
    text-transform:uppercase;
}

.video-editor-commercial-page .vex4-section-heading h2{
    margin:0 0 8px;
    color:var(--vex4-heading);
    font-family:"Poppins",Arial,sans-serif;
    font-size:27px;
    line-height:1.28;
    font-weight:700;
    letter-spacing:-.15px;
}

.video-editor-commercial-page .vex4-section-heading p{
    max-width:790px;
    margin:0 auto;
    color:#687687;
    font-size:14px;
    line-height:1.6;
}

.video-editor-commercial-page .vex4-heading-left{
    margin-left:0;
    margin-right:0;
    text-align:left;
}

.video-editor-commercial-page .vex4-heading-left p{
    margin-left:0;
}

/* =========================================================
03 — HERO
========================================================= */

.video-editor-commercial-page .vex4-hero{
    padding:30px 0 32px;
    background:var(--vex4-soft);
    border-bottom:1px solid #E4EDF6;
}

.video-editor-commercial-page .vex4-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);
    gap:32px;
    align-items:center;
}

.video-editor-commercial-page .vex4-hero-content{
    min-width:0;
}

.video-editor-commercial-page .vex4-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:8px;
    padding:5px 11px;
    border:1px solid #CFE4D6;
    border-radius:30px;
    background:#EAF7EE;
    color:var(--vex4-green-dark);
    font-size:10px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:1px;
}

.video-editor-commercial-page .vex4-hero-content h1{
    max-width:760px;
    margin:0 0 10px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:39px;
    line-height:1.13;
    letter-spacing:-.45px;
    font-weight:700;
}

.video-editor-commercial-page .vex4-hero-lead{
    max-width:740px;
    margin:0 0 10px;
    color:#445B73;
    font-size:16px;
    line-height:1.62;
}

.video-editor-commercial-page .vex4-hero-lead strong{
    color:var(--vex4-blue);
    font-weight:700;
}

.video-editor-commercial-page .vex4-hero-support{
    max-width:735px;
    margin:0;
    color:#607081;
    font-size:14px;
    line-height:1.62;
}

.video-editor-commercial-page .vex4-intent-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:13px;
}

.video-editor-commercial-page .vex4-intent-row span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 9px;
    border:1px solid #D5E3F1;
    border-radius:7px;
    background:#FFFFFF;
    color:#4D6278;
    font-size:11.5px;
    line-height:1.3;
    font-weight:700;
}

.video-editor-commercial-page .vex4-intent-row i{
    color:var(--vex4-green-dark);
}

.video-editor-commercial-page .vex4-hero-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:16px;
}

.video-editor-commercial-page .vex4-hero-btn{
    min-height:44px;
}

.video-editor-commercial-page .vex4-text-link{
    color:var(--vex4-blue);
    font-size:13.5px;
    line-height:1.4;
    font-weight:700;
}

.video-editor-commercial-page .vex4-text-link:hover{
    color:var(--vex4-green-dark);
    text-decoration:underline;
    text-underline-offset:3px;
}

.video-editor-commercial-page .vex4-hero-image{
    min-height:285px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid #D7E3EF;
    border-radius:15px;
    background:linear-gradient(135deg,#F8FBFE,#EEF5FB);
    box-shadow:var(--vex4-shadow);
}

.video-editor-commercial-page .vex4-hero-image img{
    width:100%;
    height:auto;
    display:block;
}

/* =========================================================
04 — ROLE TYPES
========================================================= */

.video-editor-commercial-page .vex4-roles{
    padding:40px 0 42px;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-role-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
}

.video-editor-commercial-page .vex4-role-card{
    min-height:150px;
    padding:16px;
    border:1px solid var(--vex4-border);
    border-top:3px solid var(--vex4-blue);
    border-radius:10px;
    background:#FFFFFF;
    box-shadow:var(--vex4-shadow);
}

.video-editor-commercial-page .vex4-role-card.vex4-green{
    border-top-color:var(--vex4-green);
}

.video-editor-commercial-page .vex4-role-card.vex4-blue{
    border-top-color:var(--vex4-blue);
}

.video-editor-commercial-page .vex4-role-icon{
    width:37px;
    height:37px;
    margin-bottom:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#EEF5FD;
    color:var(--vex4-blue);
}

.video-editor-commercial-page .vex4-role-card.vex4-green .vex4-role-icon{
    background:#EEF7F0;
    color:var(--vex4-green-dark);
}

.video-editor-commercial-page .vex4-role-card h3{
    margin:0 0 5px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:15px;
    line-height:1.35;
    font-weight:700;
}

.video-editor-commercial-page .vex4-role-card p{
    margin:0;
    color:#627181;
    font-size:13px;
    line-height:1.52;
}

/* =========================================================
05 — HIRING FRAMEWORK
========================================================= */

.video-editor-commercial-page .vex4-hiring{
    padding:40px 0 42px;
    background:#F5F9FF;
}

.video-editor-commercial-page .vex4-framework-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 13px;
}

.video-editor-commercial-page .vex4-framework-grid article{
    display:grid;
    grid-template-columns:30px 1fr;
    gap:11px;
    align-items:start;
    padding:14px;
    border:1px solid var(--vex4-border);
    border-radius:9px;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-framework-grid article>b{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#EEF7F0;
    color:var(--vex4-green-dark);
    font-size:10px;
    line-height:1;
    font-weight:800;
}

.video-editor-commercial-page .vex4-framework-grid article:nth-child(even)>b{
    background:#EEF5FD;
    color:var(--vex4-blue);
}

.video-editor-commercial-page .vex4-framework-grid h3{
    margin:0 0 5px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:14.5px;
    line-height:1.35;
    font-weight:700;
}

.video-editor-commercial-page .vex4-framework-grid p{
    margin:0;
    color:#627181;
    font-size:12.8px;
    line-height:1.52;
}

/* =========================================================
06 — SKILLS
========================================================= */

.video-editor-commercial-page .vex4-skills{
    padding:40px 0 42px;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-skill-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:11px;
}

.video-editor-commercial-page .vex4-skill-grid article{
    min-height:145px;
    padding:15px;
    border:1px solid var(--vex4-border);
    border-top:3px solid var(--vex4-green);
    border-radius:10px;
    background:#FFFFFF;
    box-shadow:var(--vex4-shadow);
}

.video-editor-commercial-page .vex4-skill-grid article:nth-child(2n){
    border-top-color:var(--vex4-blue);
}

.video-editor-commercial-page .vex4-skill-grid article>i{
    width:36px;
    height:36px;
    margin-bottom:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#EEF7F0;
    color:var(--vex4-green-dark);
}

.video-editor-commercial-page .vex4-skill-grid article:nth-child(2n)>i{
    background:#EEF5FD;
    color:var(--vex4-blue);
}

.video-editor-commercial-page .vex4-skill-grid h3{
    margin:0 0 5px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:14.5px;
    line-height:1.35;
    font-weight:700;
}

.video-editor-commercial-page .vex4-skill-grid p{
    margin:0;
    color:#627181;
    font-size:12.7px;
    line-height:1.5;
}

/* =========================================================
07 — EXPERIENCE / PORTFOLIO INSIGHT
========================================================= */

.video-editor-commercial-page .vex4-insight{
    padding:28px 0;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-insight-card{
    max-width:1040px;
    margin:0 auto;
    display:grid;
    grid-template-columns:44px 1fr;
    gap:15px;
    padding:18px 21px;
    border:1px solid #C9E5D1;
    border-left:3px solid var(--vex4-green);
    border-radius:11px;
    background:var(--vex4-soft-green);
}

.video-editor-commercial-page .vex4-insight-mark{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#E7F5EA;
    color:var(--vex4-green-dark);
}

.video-editor-commercial-page .vex4-insight-card span{
    display:inline-block;
    margin-bottom:6px;
    color:var(--vex4-green-dark);
    font-size:10px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:1px;
}

.video-editor-commercial-page .vex4-insight-card h2{
    margin:0 0 7px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:21px;
    line-height:1.3;
    font-weight:700;
}

.video-editor-commercial-page .vex4-insight-card p{
    margin:0 0 7px;
    color:#627181;
    font-size:13.3px;
    line-height:1.58;
}

.video-editor-commercial-page .vex4-insight-card p:last-child{
    margin-bottom:0;
}

/* =========================================================
08 — LOCAL EMPLOYER DECISIONS
========================================================= */

.video-editor-commercial-page .vex4-local{
    padding:40px 0 42px;
    background:#F5F9FF;
}

.video-editor-commercial-page .vex4-local-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.video-editor-commercial-page .vex4-local-grid article{
    padding:16px;
    border:1px solid var(--vex4-border);
    border-top:3px solid var(--vex4-green);
    border-radius:10px;
    background:#FFFFFF;
    box-shadow:var(--vex4-shadow);
}

.video-editor-commercial-page .vex4-local-grid article:nth-child(2n){
    border-top-color:var(--vex4-blue);
}

.video-editor-commercial-page .vex4-local-grid article>b{
    width:28px;
    height:28px;
    margin-bottom:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#EEF7F0;
    color:var(--vex4-green-dark);
    font-size:10px;
    line-height:1;
    font-weight:800;
}

.video-editor-commercial-page .vex4-local-grid article:nth-child(2n)>b{
    background:#EEF5FD;
    color:var(--vex4-blue);
}

.video-editor-commercial-page .vex4-local-grid h3{
    margin:0 0 5px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:14.5px;
    line-height:1.35;
    font-weight:700;
}

.video-editor-commercial-page .vex4-local-grid p{
    margin:0;
    color:#627181;
    font-size:12.8px;
    line-height:1.52;
}

/* =========================================================
09 — COMMON HIRING MISTAKES
========================================================= */

.video-editor-commercial-page .vex4-mistakes{
    padding:40px 0 42px;
    background:var(--vex4-soft-warm);
}

.video-editor-commercial-page .vex4-mistake-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 13px;
}

.video-editor-commercial-page .vex4-mistake-grid article{
    display:grid;
    grid-template-columns:30px 1fr;
    gap:10px;
    padding:14px;
    border:1px solid #E9DED0;
    border-radius:9px;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-mistake-grid article>span{
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#F8EEDF;
    color:#A9651C;
    font-size:9.5px;
    line-height:1;
    font-weight:800;
}

.video-editor-commercial-page .vex4-mistake-grid h3{
    margin:0 0 4px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:14px;
    line-height:1.35;
    font-weight:700;
}

.video-editor-commercial-page .vex4-mistake-grid p{
    margin:0;
    color:#627181;
    font-size:12.8px;
    line-height:1.52;
}

/* =========================================================
10 — DISHA RECRUITMENT PROCESS
========================================================= */

.video-editor-commercial-page .vex4-process{
    padding:40px 0 42px;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-process-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
}

.video-editor-commercial-page .vex4-process-grid article{
    min-height:142px;
    padding:14px 12px;
    border:1px solid var(--vex4-border);
    border-top:3px solid var(--vex4-blue);
    border-radius:9px;
    background:#FFFFFF;
    box-shadow:var(--vex4-shadow);
}

.video-editor-commercial-page .vex4-process-grid article:nth-child(2n){
    border-top-color:var(--vex4-green);
}

.video-editor-commercial-page .vex4-process-grid article>span{
    width:26px;
    height:26px;
    margin-bottom:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#EEF5FD;
    color:var(--vex4-blue);
    font-size:9.5px;
    line-height:1;
    font-weight:800;
}

.video-editor-commercial-page .vex4-process-grid article:nth-child(2n)>span{
    background:#EEF7F0;
    color:var(--vex4-green-dark);
}

.video-editor-commercial-page .vex4-process-grid h3{
    margin:0 0 5px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:13.5px;
    line-height:1.35;
    font-weight:700;
}

.video-editor-commercial-page .vex4-process-grid p{
    margin:0;
    color:#627181;
    font-size:11.9px;
    line-height:1.5;
}

/* =========================================================
11 — RELATED RECRUITMENT
========================================================= */

.video-editor-commercial-page .vex4-related{
    padding:40px 0 42px;
    background:#F5F9FF;
}

.video-editor-commercial-page .vex4-related-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 13px;
}

.video-editor-commercial-page .vex4-related-grid a{
    min-width:0;
    display:grid;
    grid-template-columns:35px 1fr 16px;
    align-items:center;
    gap:12px;
    padding:13px 15px;
    border:1px solid var(--vex4-border);
    border-top:2px solid var(--vex4-blue);
    border-radius:9px;
    background:#FFFFFF;
    box-shadow:var(--vex4-shadow);
}

.video-editor-commercial-page .vex4-related-grid a:nth-child(2n){
    border-top-color:var(--vex4-green);
}

.video-editor-commercial-page .vex4-related-grid a>i:first-child{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#EEF5FD;
    color:var(--vex4-blue);
}

.video-editor-commercial-page .vex4-related-grid a:nth-child(2n)>i:first-child{
    background:#EEF7F0;
    color:var(--vex4-green-dark);
}

.video-editor-commercial-page .vex4-related-grid strong{
    display:block;
    margin-bottom:3px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:13.5px;
    line-height:1.35;
    font-weight:700;
}

.video-editor-commercial-page .vex4-related-grid div span{
    display:block;
    color:#687687;
    font-size:11.5px;
    line-height:1.42;
}

.video-editor-commercial-page .vex4-related-arrow{
    color:var(--vex4-green);
    font-size:10px;
}

/* =========================================================
12 — FAQ
========================================================= */

.video-editor-commercial-page .vex4-faq{
    padding:40px 0 42px;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-faq-wrap{
    max-width:930px;
    margin:0 auto;
}

.video-editor-commercial-page .vex4-faq-wrap details{
    margin-bottom:7px;
    border:1px solid var(--vex4-border);
    border-radius:8px;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-faq-wrap summary{
    position:relative;
    padding:12px 38px 12px 14px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:13px;
    line-height:1.4;
    font-weight:700;
    cursor:pointer;
    list-style:none;
}

.video-editor-commercial-page .vex4-faq-wrap summary::-webkit-details-marker{
    display:none;
}

.video-editor-commercial-page .vex4-faq-wrap summary>span{
    position:absolute;
    right:14px;
    top:10px;
    color:var(--vex4-green);
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.video-editor-commercial-page .vex4-faq-wrap details[open] summary>span{
    transform:rotate(45deg);
}

.video-editor-commercial-page .vex4-faq-wrap details p{
    margin:0;
    padding:0 14px 13px;
    color:#687687;
    font-size:12.8px;
    line-height:1.58;
}

/* =========================================================
13 — FINAL CTA + TRUST
========================================================= */

.video-editor-commercial-page .vex4-cta{
    padding:32px 0 35px;
    background:#FFFFFF;
}

.video-editor-commercial-page .vex4-cta-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    padding:22px 24px;
    border-radius:11px;
    background:linear-gradient(135deg,#0A468F,#0B4F9C);
    color:#FFFFFF;
}

.video-editor-commercial-page .vex4-cta-card>div{
    min-width:0;
}

.video-editor-commercial-page .vex4-cta-card>div>span{
    display:block;
    margin-bottom:4px;
    color:#78D28F;
    font-size:10px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:1px;
}

.video-editor-commercial-page .vex4-cta-card h2{
    margin:0 0 5px;
    color:#FFFFFF;
    font-family:"Poppins",Arial,sans-serif;
    font-size:23px;
    line-height:1.25;
    font-weight:700;
}

.video-editor-commercial-page .vex4-cta-card p{
    max-width:720px;
    margin:0;
    color:#EAF3FF;
    font-size:12.8px;
    line-height:1.55;
}

.video-editor-commercial-page .vex4-cta-card .btn{
    flex:0 0 auto;
    white-space:nowrap;
}

.video-editor-commercial-page .vex4-trust-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-top:10px;
}

.video-editor-commercial-page .vex4-trust-grid>div{
    padding:13px 10px;
    border:1px solid var(--vex4-border);
    border-radius:8px;
    background:#F7FAFD;
    text-align:center;
}

.video-editor-commercial-page .vex4-trust-grid strong{
    display:block;
    margin-bottom:3px;
    color:var(--vex4-blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:20px;
    line-height:1.1;
    font-weight:700;
}

.video-editor-commercial-page .vex4-trust-grid span{
    display:block;
    color:#687687;
    font-size:10.5px;
    line-height:1.35;
}

/* =========================================================
14 — RESPONSIVE
========================================================= */

@media(max-width:1050px){
    .video-editor-commercial-page .vex4-hero-grid{
        grid-template-columns:minmax(0,1.12fr) 320px;
        gap:24px;
    }

    .video-editor-commercial-page .vex4-role-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .video-editor-commercial-page .vex4-skill-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .video-editor-commercial-page .vex4-local-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .video-editor-commercial-page .vex4-process-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:800px){
    .video-editor-commercial-page .vex4-hero-grid{
        grid-template-columns:1fr;
    }

    .video-editor-commercial-page .vex4-hero-image{
        min-height:230px;
        max-width:520px;
    }

    .video-editor-commercial-page .vex4-hero-content h1{
        font-size:35px;
    }

    .video-editor-commercial-page .vex4-framework-grid,
    .video-editor-commercial-page .vex4-mistake-grid,
    .video-editor-commercial-page .vex4-related-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:650px){
    .video-editor-commercial-page .vex4-hero{
        padding:26px 0 28px;
    }

    .video-editor-commercial-page .vex4-hero-content h1{
        font-size:31px;
    }

    .video-editor-commercial-page .vex4-hero-lead{
        font-size:15px;
    }

    .video-editor-commercial-page .vex4-role-grid,
    .video-editor-commercial-page .vex4-skill-grid,
    .video-editor-commercial-page .vex4-local-grid,
    .video-editor-commercial-page .vex4-process-grid,
    .video-editor-commercial-page .vex4-trust-grid{
        grid-template-columns:1fr;
    }

    .video-editor-commercial-page .vex4-section-heading h2{
        font-size:24px;
    }

    .video-editor-commercial-page .vex4-hero-actions{
        gap:10px;
    }

    .video-editor-commercial-page .vex4-cta-card{
        flex-direction:column;
        align-items:flex-start;
    }

    .video-editor-commercial-page .vex4-cta-card .btn{
        width:100%;
    }
}
/* =========================================================
VIDEO EDITOR HERO IMAGE — NATURAL IMAGE RATIO
========================================================= */

.video-editor-commercial-page .vex4-hero-image{
    min-height:0;
    height:auto;
    aspect-ratio:5 / 4;
    overflow:hidden;
}

.video-editor-commercial-page .vex4-hero-image img{
    width:100%;
    height:auto;
    display:block;
    object-fit:initial;
}

/* DISHA TYPOGRAPHY STANDARD V1 — validated Video Editor baseline */
.video-editor-commercial-page .vex4-section-heading h2 { font-size:30px; line-height:1.2; }
.video-editor-commercial-page .vex4-section-heading p { font-size:15px; line-height:1.55; }
.video-editor-commercial-page .vex4-role-card h3 { font-size:18px; line-height:1.3; }
.video-editor-commercial-page .vex4-role-card p { font-size:14px; line-height:1.5; }
.video-editor-commercial-page .vex4-framework-grid h3,
.video-editor-commercial-page .vex4-skill-grid h3,
.video-editor-commercial-page .vex4-local-grid h3,
.video-editor-commercial-page .vex4-mistake-grid h3 { font-size:15px; line-height:1.3; }
.video-editor-commercial-page .vex4-framework-grid p,
.video-editor-commercial-page .vex4-skill-grid p,
.video-editor-commercial-page .vex4-local-grid p,
.video-editor-commercial-page .vex4-mistake-grid p { font-size:13px; line-height:1.45; }


@media (max-width: 768px){
.video-editor-commercial-page .vex4-section-heading h2{font-size:24px;line-height:1.22;}
.video-editor-commercial-page .vex4-section-heading p{font-size:14px;line-height:1.5;}
.video-editor-commercial-page .vex4-role-card h3{font-size:17px;line-height:1.3;}
.video-editor-commercial-page .vex4-role-card p{font-size:13.5px;line-height:1.48;}
.video-editor-commercial-page .vex4-framework-grid h3,
.video-editor-commercial-page .vex4-skill-grid h3,
.video-editor-commercial-page .vex4-local-grid h3,
.video-editor-commercial-page .vex4-mistake-grid h3{font-size:15px;line-height:1.3;}
.video-editor-commercial-page .vex4-framework-grid p,
.video-editor-commercial-page .vex4-skill-grid p,
.video-editor-commercial-page .vex4-local-grid p,
.video-editor-commercial-page .vex4-mistake-grid p{font-size:13px;line-height:1.45;}
}


/* =========================================================
DISHA TYPOGRAPHY STANDARD V1 — FINAL CORRECTION
Reference: current Teaching Staff Recruitment page
========================================================= */
.video-editor-commercial-page .vex4-hero-content h1{font-size:32px;line-height:1.15;color:var(--vex4-blue);}
.video-editor-commercial-page .vex4-section-heading h2{font-size:28px;line-height:1.2;color:var(--vex4-heading);}
.video-editor-commercial-page .vex4-role-card h3,
.video-editor-commercial-page .vex4-framework-grid h3,
.video-editor-commercial-page .vex4-skill-grid h3,
.video-editor-commercial-page .vex4-insight-card h2,
.video-editor-commercial-page .vex4-local-grid h3,
.video-editor-commercial-page .vex4-mistake-grid h3,
.video-editor-commercial-page .vex4-process-grid h3,
.video-editor-commercial-page .vex4-cta-card h2{color:var(--vex4-blue);}
@media(max-width:800px){
  .video-editor-commercial-page .vex4-hero-content h1{font-size:29px;}
}
@media(max-width:650px){
  .video-editor-commercial-page .vex4-hero-content h1{font-size:29px;}
  .video-editor-commercial-page .vex4-section-heading h2{font-size:23px;}
}