/* =========================================================
   CFTECOURSES — CERTIFICATIONS SYSTEM V1
   ========================================================= */

:root{
    --cert-bg:#f5f8fa;
    --cert-card:#ffffff;
    --cert-text:#102b3c;
    --cert-muted:#557080;
    --cert-line:#dce7ed;
    --cert-navy:#0f3d5e;
    --cert-dark:#081b2c;
    --cert-cyan:#00a6c7;
    --cert-emerald:#18a67e;
    --cert-soft:#edf6f8;
    --cert-shadow:0 18px 55px rgba(8,27,44,.08);
}

html[data-theme="dark"]{
    --cert-bg:#07131f;
    --cert-card:#0d2233;
    --cert-text:#eef8fb;
    --cert-muted:#b1c2cd;
    --cert-line:#1e3b4e;
    --cert-soft:#102b3d;
    --cert-shadow:0 18px 55px rgba(0,0,0,.20);
}

.certifications-page,
.certificate-detail-page{
    margin:0;
    background:var(--cert-bg);
    color:var(--cert-text);
    font-family:"Cairo",sans-serif;
}

.cert-container{
    width:min(1180px,calc(100% - 40px));
    margin:auto;
}

.cert-header{
    position:sticky;
    top:0;
    z-index:100;
    background:color-mix(in srgb,var(--cert-bg) 92%,transparent);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--cert-line);
}

.cert-nav{
    min-height:76px;
    display:flex;
    align-items:center;
    gap:32px;
}

.cert-brand{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--cert-text);
    text-decoration:none;
    margin-left:auto;
}

.cert-brand-mark{
    width:40px;
    height:40px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,var(--cert-dark),var(--cert-cyan));
    color:#fff;
    font:800 20px/1 "Cairo",Arial,sans-serif;
}

.cert-brand strong{
    display:block;
    font:800 17px/1.2 "Cairo",Arial,sans-serif;
}

.cert-brand small{
    display:block;
    margin-top:4px;
    font:600 8px/1.2 "Cairo",Arial,sans-serif;
    color:var(--cert-muted);
    letter-spacing:.04em;
}

.cert-nav nav{
    display:flex;
    align-items:center;
    gap:24px;
}

.cert-nav nav a{
    color:var(--cert-muted);
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}

.cert-nav nav a:hover,
.cert-nav nav a.active{
    color:var(--cert-cyan);
}

.cert-theme-toggle{
    width:38px;
    height:38px;
    border-radius:11px;
    border:1px solid var(--cert-line);
    background:var(--cert-card);
    color:var(--cert-text);
    cursor:pointer;
    font-size:18px;
}

.directory-hero{
    padding:92px 0 70px;
    overflow:hidden;
    background:
        radial-gradient(circle at 20% 10%,rgba(0,166,199,.12),transparent 30%),
        radial-gradient(circle at 80% 20%,rgba(24,166,126,.09),transparent 30%);
}

.directory-eyebrow,
.cert-section-heading > div > span{
    color:var(--cert-cyan);
    font:800 11px/1.4 "Cairo",Arial,sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.directory-hero h1{
    max-width:850px;
    margin:18px 0 20px;
    font-size:clamp(40px,6vw,72px);
    line-height:1.18;
    letter-spacing:-.04em;
}

.directory-hero h1 span{
    color:var(--cert-cyan);
}

.directory-lead{
    max-width:780px;
    color:var(--cert-muted);
    font-size:18px;
    line-height:2;
    font-weight:500;
}

.directory-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
    margin-top:30px;
}

.cert-primary-btn,
.coming-action{
    min-height:48px;
    padding:0 20px;
    border-radius:13px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    font-size:13px;
    text-decoration:none;
}

.cert-primary-btn{
    background:var(--cert-navy);
    color:#fff;
}

.coming-action{
    border:1px solid var(--cert-line);
    background:var(--cert-card);
    color:var(--cert-muted);
}

.coming-action small{
    padding:3px 6px;
    border-radius:6px;
    background:var(--cert-soft);
    font-size:8px;
}

.directory-trust{
    margin-top:55px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid var(--cert-line);
    background:var(--cert-card);
    border-radius:20px;
    box-shadow:var(--cert-shadow);
}

.directory-trust div{
    padding:21px 22px;
    border-left:1px solid var(--cert-line);
}

.directory-trust div:last-child{
    border-left:0;
}

.directory-trust strong{
    display:block;
    font:800 20px/1.2 "Cairo",Arial,sans-serif;
    color:var(--cert-cyan);
}

.directory-trust span{
    display:block;
    margin-top:7px;
    color:var(--cert-muted);
    font-size:11px;
    font-weight:600;
}

.cert-directory-section{
    padding:85px 0;
}

.cert-section-heading{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:50px;
    align-items:end;
}

.cert-section-heading h2{
    margin:10px 0 0;
    font-size:32px;
}

.cert-section-heading p{
    margin:0;
    color:var(--cert-muted);
    font-size:14px;
    line-height:2;
}

.cert-search-wrap{
    margin-top:35px;
    height:58px;
    position:relative;
}

.cert-search-wrap input{
    width:100%;
    height:100%;
    border:1px solid var(--cert-line);
    border-radius:16px;
    background:var(--cert-card);
    color:var(--cert-text);
    padding:0 50px 0 18px;
    font:600 14px "Cairo",sans-serif;
    outline:none;
}

.cert-search-wrap input:focus{
    border-color:var(--cert-cyan);
    box-shadow:0 0 0 4px rgba(0,166,199,.08);
}

.cert-search-icon{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    color:var(--cert-cyan);
    font-size:23px;
}

.cert-filter-row{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:20px 0 30px;
}

.cert-filter{
    border:1px solid var(--cert-line);
    background:var(--cert-card);
    color:var(--cert-muted);
    border-radius:10px;
    padding:8px 12px;
    font:700 11px "Cairo",sans-serif;
    cursor:pointer;
}

.cert-filter span{
    margin-right:5px;
    opacity:.65;
}

.cert-filter.active{
    background:var(--cert-navy);
    color:#fff;
    border-color:var(--cert-navy);
}

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

.cert-card{
    background:var(--cert-card);
    border:1px solid var(--cert-line);
    border-radius:20px;
    padding:22px;
    box-shadow:0 8px 28px rgba(8,27,44,.04);
    transition:.25s ease;
}

.cert-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--cert-shadow);
}

.cert-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.cert-symbol{
    width:60px;
    height:60px;
    display:grid;
    place-items:center;
    border-radius:17px;
    background:linear-gradient(135deg,var(--cert-dark),var(--cert-navy));
    color:#fff;
    font:800 13px "Cairo",Arial,sans-serif;
}

.cert-card-badges{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
}

.verified-badge,
.arabic-badge{
    display:inline-flex;
    align-items:center;
    border-radius:8px;
    padding:5px 8px;
    font-size:8px;
    font-weight:800;
}

.verified-badge{
    color:var(--cert-emerald);
    background:rgba(24,166,126,.09);
}

.arabic-badge{
    color:var(--cert-cyan);
    background:rgba(0,166,199,.09);
}

.cert-category{
    margin-top:20px;
    color:var(--cert-cyan);
    font-size:10px;
    font-weight:800;
}

.cert-card h3{
    margin:7px 0 0;
    font:800 28px/1.2 "Cairo",Arial,sans-serif;
}

.cert-card h3 small{
    display:block;
    margin-top:6px;
    color:var(--cert-muted);
    font:600 10px/1.4 "Cairo",Arial,sans-serif;
}

.cert-tagline{
    min-height:58px;
    color:var(--cert-muted);
    font-size:12px;
    line-height:1.9;
}

.cert-mini-data{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid var(--cert-line);
    border-bottom:1px solid var(--cert-line);
    margin:18px 0;
}

.cert-mini-data div{
    padding:13px 5px;
}

.cert-mini-data span{
    display:block;
    color:var(--cert-muted);
    font-size:8px;
}

.cert-mini-data strong{
    display:block;
    margin-top:4px;
    font-size:10px;
}

.cert-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.cert-card-footer > span{
    color:var(--cert-muted);
    font-size:8px;
}

.cert-card-footer a{
    color:var(--cert-cyan);
    font-size:10px;
    font-weight:800;
    text-decoration:none;
}

.cert-card-footer b{
    margin-right:4px;
}

.cert-empty{
    padding:35px;
    border:1px dashed var(--cert-line);
    border-radius:18px;
    text-align:center;
    color:var(--cert-muted);
}

.cert-philosophy{
    padding:0 0 90px;
}

.cert-philosophy-card{
    padding:38px;
    border-radius:26px;
    color:#fff;
    background:
        radial-gradient(circle at 15% 0,rgba(0,166,199,.35),transparent 35%),
        linear-gradient(135deg,#081b2c,#0f3d5e);
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:40px;
}

.cert-philosophy-card > div > span{
    color:#62e5d3;
    font:800 10px "Cairo",Arial,sans-serif;
}

.cert-philosophy-card h2{
    margin:12px 0;
    font-size:28px;
}

.cert-philosophy-card p{
    color:#c5d6df;
    font-size:13px;
    line-height:2;
}

.standard-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}

.standard-points div{
    padding:18px;
    border-radius:15px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.09);
}

.standard-points b{
    display:block;
    color:#62e5d3;
    font:800 10px "Cairo",Arial,sans-serif;
}

.standard-points span{
    display:block;
    margin-top:8px;
    font-size:11px;
    font-weight:700;
}


/* Certificate Detail */

.certificate-hero{
    padding:50px 0 60px;
    background:
        radial-gradient(circle at 20% 0,rgba(0,166,199,.12),transparent 30%);
}

.certificate-breadcrumb{
    display:flex;
    gap:8px;
    align-items:center;
    color:var(--cert-muted);
    font-size:10px;
    margin-bottom:35px;
}

.certificate-breadcrumb a{
    color:inherit;
    text-decoration:none;
}

.certificate-hero-grid{
    display:grid;
    grid-template-columns:1.3fr .7fr;
    gap:60px;
    align-items:center;
}

.certificate-label-row{
    display:flex;
    align-items:center;
    gap:10px;
}

.certificate-category{
    color:var(--cert-cyan);
    font-size:11px;
    font-weight:800;
}

.certificate-title-line{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:18px;
}

.certificate-big-symbol{
    width:90px;
    height:90px;
    border-radius:24px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,var(--cert-dark),var(--cert-cyan));
    font:800 20px "Cairo",Arial,sans-serif;
    box-shadow:0 20px 40px rgba(0,166,199,.18);
}

.certificate-title-line h1{
    margin:0;
    font:800 clamp(42px,6vw,70px)/1 "Cairo",Arial,sans-serif;
}

.certificate-title-line h2{
    margin:8px 0 0;
    color:var(--cert-muted);
    font:600 16px/1.4 "Cairo",Arial,sans-serif;
}

.certificate-tagline{
    max-width:700px;
    margin:25px 0;
    color:var(--cert-muted);
    font-size:17px;
    line-height:2;
}

.certificate-quick-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.certificate-quick-badges span{
    padding:8px 11px;
    border:1px solid var(--cert-line);
    background:var(--cert-card);
    border-radius:9px;
    font-size:10px;
    font-weight:700;
}

.certificate-fact-card{
    background:var(--cert-card);
    border:1px solid var(--cert-line);
    border-radius:22px;
    padding:25px;
    box-shadow:var(--cert-shadow);
}

.fact-card-kicker{
    color:var(--cert-cyan);
    font:800 9px "Cairo",Arial,sans-serif;
    letter-spacing:.1em;
}

.certificate-fact-card h3{
    margin:8px 0 20px;
    font-size:20px;
}

.fact-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:11px 0;
    border-bottom:1px solid var(--cert-line);
}

.fact-row span{
    color:var(--cert-muted);
    font-size:10px;
}

.fact-row strong{
    font-size:10px;
    text-align:left;
}

.official-source-button{
    margin-top:18px;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:var(--cert-navy);
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

.certificate-content-section{
    padding:70px 0 100px;
}

.certificate-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px;
    gap:45px;
    align-items:start;
}

.certificate-content{
    min-width:0;
}

.certificate-block{
    position:relative;
    margin-bottom:22px;
    padding:30px;
    background:var(--cert-card);
    border:1px solid var(--cert-line);
    border-radius:20px;
}

.block-number{
    display:block;
    color:var(--cert-cyan);
    font:800 9px "Cairo",Arial,sans-serif;
    letter-spacing:.12em;
}

.certificate-block > h2{
    margin:7px 0 16px;
    font-size:23px;
}

.certificate-block > p,
.info-box p,
.study-note p,
.requirements-grid p,
.career-card p{
    color:var(--cert-muted);
    font-size:13px;
    line-height:2.05;
}

.two-column-info{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    background:transparent;
    padding:0;
    border:0;
}

.info-box{
    padding:24px;
    border-radius:18px;
    border:1px solid var(--cert-line);
    background:var(--cert-card);
}

.info-box > span{
    font-size:12px;
    font-weight:800;
}

.info-box.good > span{
    color:var(--cert-emerald);
}

.info-box.caution > span{
    color:#d18b34;
}

.exam-level-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.exam-level-card{
    padding:22px;
    border:1px solid var(--cert-line);
    border-radius:16px;
    background:var(--cert-soft);
}

.exam-level-top span{
    display:block;
    color:var(--cert-cyan);
    font:800 9px "Cairo",Arial,sans-serif;
}

.exam-level-top strong{
    display:block;
    margin-top:6px;
    font:800 16px "Cairo",Arial,sans-serif;
}

.exam-level-card > p{
    color:var(--cert-muted);
    font-size:11px;
    line-height:1.9;
}

.exam-level-meta{
    display:flex;
    gap:18px;
    margin:15px 0;
}

.exam-level-meta span{
    display:block;
    color:var(--cert-muted);
    font-size:8px;
}

.exam-level-meta strong{
    display:block;
    margin-top:3px;
    font-size:11px;
}

.exam-note{
    margin:6px 0!important;
}

.study-note{
    margin-top:14px;
    padding:20px;
    border-radius:14px;
    background:var(--cert-soft);
}

.study-note > strong{
    color:var(--cert-cyan);
    font-size:12px;
}

.requirements-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.requirements-grid > div{
    padding:20px;
    border-radius:15px;
    background:var(--cert-soft);
}

.requirements-grid span{
    font-size:11px;
    font-weight:800;
}

.section-intro{
    margin-top:-5px;
}

.fees-table{
    margin-top:20px;
    border:1px solid var(--cert-line);
    border-radius:15px;
    overflow:hidden;
}

.fee-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 18px;
    border-bottom:1px solid var(--cert-line);
}

.fee-row:last-child{
    border-bottom:0;
}

.fee-row strong{
    display:block;
    font-size:11px;
}

.fee-row small{
    display:block;
    margin-top:4px;
    color:var(--cert-muted);
    font-size:8px;
}

.fee-price{
    flex:0 0 auto;
    color:var(--cert-emerald);
    font:800 17px "Cairo",Arial,sans-serif;
}

.fee-price small{
    display:inline;
    color:inherit;
    font-size:8px;
}

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

.career-card{
    padding:18px;
    border:1px solid var(--cert-line);
    border-radius:14px;
    background:var(--cert-soft);
}

.career-card > span{
    display:block;
    color:var(--cert-cyan);
    font:700 8px "Cairo",Arial,sans-serif;
}

.career-card > strong{
    display:block;
    margin-top:6px;
    font-size:12px;
}

.career-card p{
    font-size:9px;
    line-height:1.8;
}

.source-list{
    display:grid;
    gap:9px;
}

.source-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px;
    border:1px solid var(--cert-line);
    border-radius:13px;
    color:var(--cert-text);
    text-decoration:none;
}

.source-list a:hover{
    border-color:var(--cert-cyan);
}

.source-list span{
    display:block;
    color:var(--cert-emerald);
    font:800 7px "Cairo",Arial,sans-serif;
}

.source-list strong{
    display:block;
    margin-top:4px;
    font-size:11px;
}

.source-list small{
    display:block;
    margin-top:4px;
    color:var(--cert-muted);
    font-size:8px;
}

.source-list b{
    color:var(--cert-cyan);
}

.certificate-side-nav{
    position:sticky;
    top:100px;
}

.side-nav-card{
    padding:20px;
    border:1px solid var(--cert-line);
    border-radius:17px;
    background:var(--cert-card);
}

.side-nav-card > span{
    display:block;
    margin-bottom:12px;
    font-size:10px;
    font-weight:800;
}

.side-nav-card a{
    display:block;
    padding:7px 0;
    color:var(--cert-muted);
    text-decoration:none;
    font-size:9px;
    font-weight:600;
}

.side-nav-card a:hover{
    color:var(--cert-cyan);
}

.side-nav-card hr{
    border:0;
    border-top:1px solid var(--cert-line);
    margin:12px 0;
}

.side-nav-card .back-directory{
    color:var(--cert-cyan);
    font-weight:800;
}

.cert-footer{
    background:#07131f;
    color:#fff;
    padding:50px 0 20px;
}

.cert-footer-main{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;
}

.cert-footer-main strong{
    font:800 18px "Cairo",Arial,sans-serif;
}

.cert-footer-main p{
    max-width:500px;
    color:#aebfca;
    font-size:11px;
    line-height:2;
}

.cert-footer-main > div:last-child span{
    display:block;
    margin-bottom:10px;
    font-size:11px;
    font-weight:800;
}

.cert-footer-main a{
    display:block;
    color:#aebfca;
    text-decoration:none;
    font-size:10px;
    margin:6px 0;
}

.cert-footer-bottom{
    margin-top:35px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.1);
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#8fa4b2;
    font-size:9px;
}

.cert-footer-bottom a{
    color:#62e5d3;
    text-decoration:none;
    font-weight:700;
}

@media(max-width:950px){

    .cert-nav nav{
        display:none;
    }

    .directory-trust{
        grid-template-columns:repeat(2,1fr);
    }

    .cert-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .certificate-hero-grid,
    .certificate-layout,
    .cert-philosophy-card{
        grid-template-columns:1fr;
    }

    .certificate-side-nav{
        display:none;
    }

    .career-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:650px){

    .cert-container{
        width:min(100% - 24px,1180px);
    }

    .directory-hero{
        padding:60px 0 45px;
    }

    .directory-hero h1{
        font-size:38px;
    }

    .directory-lead{
        font-size:15px;
    }

    .directory-trust,
    .cert-grid,
    .cert-section-heading,
    .two-column-info,
    .exam-level-grid,
    .requirements-grid,
    .career-grid,
    .cert-footer-main{
        grid-template-columns:1fr;
    }

    .directory-trust div{
        border-left:0;
        border-bottom:1px solid var(--cert-line);
    }

    .directory-trust div:last-child{
        border-bottom:0;
    }

    .cert-card{
        padding:18px;
    }

    .certificate-hero{
        padding:30px 0 40px;
    }

    .certificate-title-line{
        align-items:flex-start;
        flex-direction:column;
    }

    .certificate-big-symbol{
        width:70px;
        height:70px;
        border-radius:18px;
    }

    .certificate-title-line h1{
        font-size:45px;
    }

    .certificate-title-line h2{
        font-size:13px;
    }

    .certificate-tagline{
        font-size:15px;
    }

    .certificate-block{
        padding:20px;
    }

    .fee-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .cert-footer-bottom{
        flex-direction:column;
    }
}


/* =========================================================
   CFTECOURSES — CERTIFICATIONS POLISH V2
   Readability / hierarchy / density / premium cards
   ========================================================= */

.certifications-page,
.certificate-detail-page{
    font-size:16px;
}

/* ---------- shared header ---------- */

.cert-nav{
    min-height:82px;
}

.cert-brand-mark{
    width:44px;
    height:44px;
    border-radius:13px;
}

.cert-brand strong{
    font-size:18px;
}

.cert-brand small{
    font-size:9px;
}

.cert-nav nav{
    gap:28px;
}

.cert-nav nav a{
    font-size:14px;
    font-weight:700;
}

.cert-theme-toggle{
    width:42px;
    height:42px;
}


/* ---------- directory hero ---------- */

.directory-hero{
    padding:70px 0 58px;
}

.directory-eyebrow{
    font-size:12px;
}

.directory-hero h1{
    max-width:900px;
    margin-top:15px;
    margin-bottom:17px;
    font-size:clamp(42px,5.4vw,68px);
    line-height:1.15;
}

.directory-lead{
    max-width:850px;
    font-size:19px;
    line-height:1.9;
    font-weight:600;
}

.directory-actions{
    margin-top:26px;
}

.cert-primary-btn,
.coming-action{
    min-height:51px;
    padding:0 22px;
    font-size:14px;
}

.coming-action small{
    font-size:9px;
}

.directory-trust{
    margin-top:38px;
    border-radius:22px;
    overflow:hidden;
}

.directory-trust div{
    min-height:100px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:20px 25px;
}

.directory-trust strong{
    font-size:25px;
}

.directory-trust span{
    margin-top:8px;
    font-size:12px;
}


/* ---------- directory body ---------- */

.cert-directory-section{
    padding:70px 0 80px;
}

.cert-section-heading h2{
    font-size:34px;
    line-height:1.4;
}

.cert-section-heading p{
    font-size:15px;
    line-height:2;
    font-weight:500;
}

.cert-search-wrap{
    height:62px;
    margin-top:30px;
}

.cert-search-wrap input{
    border-radius:17px;
    padding-right:54px;
    font-size:15px;
}

.cert-filter-row{
    margin-top:18px;
    margin-bottom:28px;
}

.cert-filter{
    padding:9px 14px;
    font-size:12px;
}

.cert-grid{
    gap:22px;
}

.cert-card{
    padding:26px;
    border-radius:22px;
    border-color:color-mix(in srgb,var(--cert-line) 92%,var(--cert-cyan));
}

.cert-card:hover{
    transform:translateY(-5px);
    border-color:color-mix(in srgb,var(--cert-cyan) 38%,var(--cert-line));
}

.cert-symbol{
    width:66px;
    height:66px;
    border-radius:18px;
    font-size:14px;
}

.verified-badge,
.arabic-badge{
    padding:6px 9px;
    font-size:9px;
}

.cert-category{
    margin-top:22px;
    font-size:11px;
}

.cert-card h3{
    margin-top:8px;
    font-size:31px;
}

.cert-card h3 small{
    margin-top:7px;
    font-size:11px;
}

.cert-tagline{
    min-height:66px;
    font-size:13px;
    line-height:1.95;
    font-weight:500;
}

.cert-mini-data{
    margin:20px 0;
}

.cert-mini-data div{
    padding:15px 7px;
}

.cert-mini-data span{
    font-size:9px;
}

.cert-mini-data strong{
    margin-top:5px;
    font-size:11px;
}

.cert-card-footer > span{
    font-size:9px;
}

.cert-card-footer a{
    font-size:11px;
}


/* ---------- detail hero ---------- */

.certificate-hero{
    padding:42px 0 52px;
}

.certificate-breadcrumb{
    margin-bottom:28px;
    font-size:11px;
}

.certificate-hero-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
    gap:52px;
}

.certificate-category{
    font-size:12px;
}

.certificate-big-symbol{
    width:96px;
    height:96px;
    font-size:21px;
}

.certificate-title-line h1{
    font-size:clamp(48px,5.6vw,72px);
}

.certificate-title-line h2{
    margin-top:9px;
    font-size:17px;
}

.certificate-tagline{
    max-width:760px;
    margin:22px 0;
    font-size:18px;
    line-height:1.9;
    font-weight:600;
}

.certificate-quick-badges span{
    padding:9px 12px;
    font-size:11px;
}

.certificate-fact-card{
    padding:27px;
    border-radius:24px;
}

.fact-card-kicker{
    font-size:10px;
}

.certificate-fact-card h3{
    margin:9px 0 18px;
    font-size:22px;
}

.fact-row{
    padding:12px 0;
}

.fact-row span,
.fact-row strong{
    font-size:11px;
}

.official-source-button{
    min-height:46px;
    font-size:12px;
}


/* ---------- detail content ---------- */

.certificate-content-section{
    padding:58px 0 90px;
}

.certificate-layout{
    grid-template-columns:minmax(0,1fr) 225px;
    gap:34px;
}

.certificate-block{
    margin-bottom:20px;
    padding:32px 34px;
    border-radius:22px;
}

.block-number{
    font-size:10px;
}

.certificate-block > h2{
    margin-top:8px;
    margin-bottom:17px;
    font-size:27px;
    line-height:1.45;
}

.certificate-block > p,
.info-box p,
.study-note p,
.requirements-grid p,
.career-card p{
    font-size:14px;
    line-height:2.05;
    font-weight:500;
}

.two-column-info{
    gap:16px;
    padding:0;
}

.info-box{
    padding:26px;
    border-radius:19px;
}

.info-box > span{
    font-size:13px;
}

.exam-level-grid{
    gap:16px;
}

.exam-level-card{
    padding:25px;
    border-radius:18px;
}

.exam-level-top span{
    font-size:10px;
}

.exam-level-top strong{
    margin-top:7px;
    font-size:18px;
}

.exam-level-card > p{
    font-size:13px;
    line-height:1.95;
}

.exam-level-meta{
    gap:25px;
}

.exam-level-meta span{
    font-size:9px;
}

.exam-level-meta strong{
    font-size:12px;
}

.exam-note{
    font-size:12px!important;
}

.study-note{
    margin-top:16px;
    padding:23px;
    border-radius:16px;
}

.study-note > strong{
    font-size:13px;
}

.requirements-grid{
    gap:16px;
}

.requirements-grid > div{
    padding:23px;
    border-radius:16px;
}

.requirements-grid span{
    font-size:12px;
}


/* ---------- grouped fees ---------- */

.fee-groups{
    display:grid;
    gap:18px;
    margin-top:22px;
}

.fee-group{
    border:1px solid var(--cert-line);
    border-radius:18px;
    overflow:hidden;
    background:var(--cert-bg);
}

.fee-group-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:17px 20px;
    background:var(--cert-soft);
    border-bottom:1px solid var(--cert-line);
}

.fee-group-heading strong{
    font-size:14px;
    color:var(--cert-text);
}

.fee-group-heading span{
    max-width:500px;
    color:var(--cert-muted);
    font-size:10px;
    line-height:1.7;
}

.fee-group-additional .fee-group-heading strong{
    color:#b87520;
}

.fees-table{
    margin:0;
    border:0;
    border-radius:0;
}

.fee-row{
    min-height:78px;
    padding:16px 20px;
    background:var(--cert-card);
}

.fee-copy{
    min-width:0;
}

.fee-row strong{
    font-size:12px;
}

.fee-row small{
    max-width:620px;
    margin-top:5px;
    font-size:9px;
    line-height:1.7;
}

.fee-price{
    min-width:105px;
    text-align:left;
    white-space:nowrap;
}

.fee-price b{
    font:800 22px/1 "Cairo",Arial,sans-serif;
}

.fee-price small{
    display:inline-block;
    margin-right:4px;
    font-size:9px;
}

.fee-warning{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:16px;
    margin-top:18px;
    padding:17px 19px;
    border-radius:15px;
    border:1px solid rgba(209,139,52,.22);
    background:rgba(209,139,52,.07);
}

.fee-warning strong{
    color:#b87520;
    font-size:11px;
    white-space:nowrap;
}

.fee-warning span{
    color:var(--cert-muted);
    font-size:11px;
    line-height:1.9;
}


/* ---------- careers ---------- */

.career-grid{
    gap:12px;
}

.career-card{
    min-height:155px;
    padding:21px;
    border-radius:16px;
}

.career-card > span{
    font-size:9px;
}

.career-card > strong{
    margin-top:7px;
    font-size:14px;
}

.career-card p{
    font-size:11px;
    line-height:1.9;
}


/* ---------- sources ---------- */

.source-list{
    gap:11px;
}

.source-list a{
    min-height:82px;
    padding:18px 20px;
    border-radius:15px;
}

.source-list span{
    font-size:8px;
}

.source-list strong{
    margin-top:5px;
    font-size:13px;
}

.source-list small{
    max-width:650px;
    margin-top:5px;
    font-size:10px;
    line-height:1.7;
}

.source-list b{
    font-size:18px;
}


/* ---------- side navigation ---------- */

.certificate-side-nav{
    top:105px;
}

.side-nav-card{
    padding:22px;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(8,27,44,.04);
}

.side-nav-card > span{
    margin-bottom:13px;
    font-size:12px;
}

.side-nav-card a{
    padding:8px 0;
    font-size:10px;
}

.side-nav-card a::before{
    content:"";
    display:inline-block;
    width:5px;
    height:5px;
    margin-left:7px;
    border-radius:50%;
    background:var(--cert-line);
    vertical-align:middle;
}

.side-nav-card a:hover::before{
    background:var(--cert-cyan);
}

.side-nav-card .back-directory{
    font-size:11px;
}


/* ---------- philosophy ---------- */

.cert-philosophy-card{
    padding:42px;
}

.cert-philosophy-card h2{
    font-size:31px;
}

.cert-philosophy-card p{
    font-size:14px;
}

.standard-points span{
    font-size:12px;
}


/* ---------- footer ---------- */

.cert-footer-main p{
    font-size:12px;
}

.cert-footer-main > div:last-child span{
    font-size:12px;
}

.cert-footer-main a{
    font-size:11px;
}

.cert-footer-bottom{
    font-size:10px;
}


/* ---------- desktop large ---------- */

@media(min-width:1200px){

    .certificate-content{
        max-width:880px;
        width:100%;
        justify-self:end;
    }

}


/* ---------- tablet ---------- */

@media(max-width:950px){

    .certificate-hero-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .certificate-fact-card{
        max-width:none;
    }

}


/* ---------- mobile ---------- */

@media(max-width:650px){

    .cert-nav{
        min-height:70px;
    }

    .cert-brand strong{
        font-size:16px;
    }

    .cert-brand small{
        font-size:8px;
    }

    .cert-brand-mark{
        width:39px;
        height:39px;
    }

    .directory-hero{
        padding:48px 0 40px;
    }

    .directory-hero h1{
        font-size:37px;
    }

    .directory-lead{
        font-size:15px;
        line-height:1.9;
    }

    .directory-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .cert-primary-btn,
    .coming-action{
        justify-content:center;
    }

    .directory-trust{
        margin-top:30px;
    }

    .directory-trust div{
        min-height:85px;
    }

    .cert-section-heading h2{
        font-size:27px;
    }

    .cert-section-heading p{
        font-size:13px;
    }

    .certificate-title-line{
        gap:15px;
    }

    .certificate-big-symbol{
        width:72px;
        height:72px;
    }

    .certificate-title-line h1{
        font-size:46px;
    }

    .certificate-title-line h2{
        font-size:14px;
    }

    .certificate-tagline{
        font-size:15px;
    }

    .certificate-block{
        padding:22px 20px;
    }

    .certificate-block > h2{
        font-size:23px;
    }

    .certificate-block > p,
    .info-box p,
    .study-note p,
    .requirements-grid p{
        font-size:13px;
    }

    .fee-group-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }

    .fee-row{
        gap:10px;
    }

    .fee-price{
        min-width:auto;
        text-align:right;
    }

    .fee-warning{
        grid-template-columns:1fr;
        gap:5px;
    }

    .career-card{
        min-height:auto;
    }

}


/* =========================================================
   CFTECOURSES — PROFESSIONAL FOOTER BRIDGE V1
   ========================================================= */

.cfte-pro-footer{
    position:relative;
    padding:72px 0 0;
    overflow:hidden;
    background:#081b2c;
    color:#fff;
}

.cfte-pro-footer::before{
    content:"";
    position:absolute;
    top:-220px;
    left:-150px;
    width:520px;
    height:520px;
    border-radius:50%;
    background:rgba(0,166,199,.09);
    filter:blur(30px);
    pointer-events:none;
}

.cfte-pro-footer-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.5fr .7fr .7fr 1fr;
    gap:55px;
    padding-bottom:55px;
}

.cfte-footer-logo{
    display:inline-flex;
    align-items:center;
    gap:13px;
    color:#fff;
    text-decoration:none;
}

.cfte-footer-logo > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:14px;
    background:linear-gradient(145deg,#0f3d5e,#00a6c7);
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.cfte-footer-logo div{
    display:flex;
    flex-direction:column;
}

.cfte-footer-logo strong{
    font-size:18px;
}

.cfte-footer-logo small{
    margin-top:4px;
    color:#7fb8c9;
    font-size:8px;
}

.cfte-footer-brand p{
    max-width:390px;
    margin:22px 0 0;
    color:#9eb3c0;
    font-size:12px;
    line-height:2;
}

.cfte-footer-column,
.cfte-footer-contact{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.cfte-footer-column > strong,
.cfte-footer-contact > strong{
    margin-bottom:19px;
    color:#fff;
    font-size:13px;
}

.cfte-footer-column a{
    margin-bottom:12px;
    color:#9eb3c0;
    text-decoration:none;
    font-size:11px;
}

.cfte-footer-column a:hover{
    color:#18a67e;
}

.cfte-footer-contact p{
    margin:0 0 13px;
    color:#9eb3c0;
    font-size:11px;
    line-height:1.8;
}

.cfte-footer-email{
    direction:ltr;
    color:#55d8ef;
    text-decoration:none;
    font:700 13px Arial,sans-serif;
}

.cfte-footer-contact-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:17px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:rgba(255,255,255,.035);
    color:#fff;
    text-decoration:none;
    font-size:10px;
}

.cfte-footer-contact-link span{
    color:#18a67e;
}

.cfte-pro-footer-bottom{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    min-height:74px;
    border-top:1px solid rgba(255,255,255,.075);
}

.cfte-pro-footer-bottom p{
    margin:0;
    color:#758e9d;
    font-size:9px;
}

.cfte-pro-footer-bottom a{
    color:#18a67e;
    text-decoration:none;
    font-weight:800;
}

@media(max-width:950px){

    .cfte-pro-footer-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:700px){

    .cfte-pro-footer-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .cfte-pro-footer-bottom{
        align-items:flex-start;
        flex-direction:column;
        justify-content:center;
        padding:22px 0;
    }

}


/* =========================================================
   CFTECOURSES — FOOTER WIDTH FIX V1
   ========================================================= */

.cfte-pro-footer .wrap{
    width:min(1180px, calc(100% - 48px));
    margin-inline:auto;
}

.cfte-pro-footer-grid{
    grid-template-columns:minmax(280px,1.35fr) minmax(150px,.6fr) minmax(150px,.6fr) minmax(240px,.9fr);
    gap:38px;
}

.cfte-footer-brand{
    max-width:380px;
}

.cfte-footer-contact{
    max-width:300px;
}

.cfte-footer-email{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
}

html,
body{
    max-width:100%;
    overflow-x:hidden;
}

*{
    box-sizing:border-box;
}

@media(max-width:1100px){

    .cfte-pro-footer-grid{
        grid-template-columns:1.2fr .7fr .7fr;
    }

    .cfte-footer-contact{
        grid-column:1 / -1;
        max-width:none;
    }

}

@media(max-width:700px){

    .cfte-pro-footer .wrap{
        width:calc(100% - 28px);
    }

    .cfte-pro-footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .cfte-footer-contact{
        grid-column:auto;
    }

    .cfte-footer-brand,
    .cfte-footer-contact{
        max-width:none;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATIONS GLOBAL TYPOGRAPHY V1
   ========================================================= */

.certifications-page,
.certificate-page,
.certifications-page *,
.certificate-page *{
    font-family:"Cairo",Arial,sans-serif;
}

.certifications-page p,
.certificate-page p{
    font-size:18px !important;
    line-height:2 !important;
}

.certifications-page .hero p,
.certificate-page .hero p,
.certifications-hero p,
.certificate-hero p{
    font-size:19px !important;
    line-height:2 !important;
}

.cert-card p,
.certification-card p,
.certificate-card p{
    font-size:16px !important;
    line-height:1.9 !important;
}

.cert-card li,
.certification-card li,
.certificate-page li{
    font-size:15px;
    line-height:1.9;
}

.certifications-page nav a,
.certificate-page nav a{
    font-size:15px !important;
}

.certifications-page h1,
.certificate-page h1,
.certifications-page h2,
.certificate-page h2,
.certifications-page h3,
.certificate-page h3{
    font-family:"Cairo",Arial,sans-serif !important;
}

.certifications-page table td,
.certifications-page table th,
.certificate-page table td,
.certificate-page table th{
    font-size:15px;
    line-height:1.8;
}

.certifications-page small,
.certificate-page small{
    font-size:12px;
    line-height:1.7;
}

.certifications-page .cfte-pro-footer p,
.certificate-page .cfte-pro-footer p{
    font-size:15px !important;
}

@media(max-width:760px){

    .certifications-page p,
    .certificate-page p{
        font-size:17px !important;
    }

    .cert-card p,
    .certification-card p,
    .certificate-card p{
        font-size:15px !important;
    }

}



/* =========================================================
   CERTIFICATIONS — READABLE WIDTH + CAIRO V3
   ========================================================= */


/* -----------------------------------------
   GLOBAL SAFETY
   ----------------------------------------- */

html,
body{
    max-width:100%;
    overflow-x:hidden;
}

.certifications-page,
.certificate-page,
.certifications-page *,
.certificate-page *{
    box-sizing:border-box;
}

.certifications-page,
.certificate-page,
.certifications-page button,
.certificate-page button,
.certifications-page input,
.certificate-page input,
.certifications-page select,
.certificate-page select{
    font-family:"Cairo",Arial,sans-serif !important;
}


/* -----------------------------------------
   SAFE PAGE WIDTH
   ----------------------------------------- */

.certifications-page .wrap,
.certificate-page .wrap{
    width:min(1160px,calc(100% - 64px)) !important;
    max-width:1160px !important;
    margin-inline:auto !important;
}


/* -----------------------------------------
   DIRECTORY HERO
   ----------------------------------------- */

.certifications-hero{
    overflow:hidden;
}

.certifications-hero .wrap{
    padding-inline:0 !important;
}

.certifications-hero h1{
    max-width:760px;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:clamp(42px,5vw,65px) !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}

.certifications-hero p{
    max-width:720px !important;
    font-size:18px !important;
    line-height:2 !important;
    font-weight:500 !important;
}


/* -----------------------------------------
   CARDS GRID
   ----------------------------------------- */

.certifications-grid{
    width:100%;
    max-width:100%;
    gap:22px !important;
}


/* -----------------------------------------
   CERTIFICATION CARD
   ----------------------------------------- */

.certification-card{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding:27px 25px !important;
    overflow:hidden !important;
}

.certification-card h2,
.certification-card h3{
    max-width:100%;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:27px !important;
    line-height:1.45 !important;
    font-weight:800 !important;
    overflow-wrap:anywhere;
}

.certification-card p{
    max-width:100%;
    font-size:16px !important;
    line-height:2 !important;
    font-weight:500 !important;
    overflow-wrap:anywhere;
}

.certification-card strong{
    font-size:15px !important;
    line-height:1.7 !important;
}

.certification-card small{
    font-size:12px !important;
    line-height:1.7 !important;
}

.certification-card span,
.certification-card a{
    overflow-wrap:anywhere;
}


/* acronym / issuer / metadata */

.certification-acronym,
.certification-card .acronym{
    font-size:28px !important;
    font-weight:800 !important;
}

.certification-issuer,
.certification-card .issuer{
    font-size:13px !important;
    line-height:1.7 !important;
}

.certification-category,
.certification-card .category{
    font-size:12px !important;
}


/* -----------------------------------------
   FILTERS / SEARCH
   ----------------------------------------- */

.certifications-search input{
    min-height:54px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:15px !important;
}

.certifications-filters{
    max-width:100%;
    overflow-x:auto;
    padding-bottom:4px;
}

.certifications-filters button,
.certifications-filters a{
    flex-shrink:0;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:13px !important;
}


/* -----------------------------------------
   TRUST / STATS
   ----------------------------------------- */

.certifications-stats strong,
.certifications-trust strong{
    font-size:26px !important;
    font-weight:800 !important;
}

.certifications-stats span,
.certifications-trust span{
    font-size:13px !important;
    line-height:1.7 !important;
}


/* -----------------------------------------
   DIRECTORY TEXT / PHILOSOPHY
   ----------------------------------------- */

.certifications-page section p{
    line-height:2;
}

.certifications-philosophy p,
.certifications-intro p{
    font-size:16px !important;
    line-height:2 !important;
}


/* -----------------------------------------
   DETAIL PAGE SAFE WIDTH
   ----------------------------------------- */

.certificate-layout{
    width:100%;
    max-width:100%;
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:54px !important;
}

.certificate-main{
    min-width:0 !important;
    max-width:800px;
}

.certificate-sidebar{
    min-width:0 !important;
    max-width:300px;
}


/* -----------------------------------------
   DETAIL PAGE TYPOGRAPHY
   ----------------------------------------- */

.certificate-page h1{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:clamp(42px,5vw,66px) !important;
    line-height:1.3 !important;
}

.certificate-page h2{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:34px !important;
    line-height:1.45 !important;
}

.certificate-page h3{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:22px !important;
    line-height:1.5 !important;
}

.certificate-page p{
    font-size:17px !important;
    line-height:2 !important;
    overflow-wrap:anywhere;
}

.certificate-page li{
    font-size:16px !important;
    line-height:2 !important;
}

.certificate-page table{
    width:100% !important;
    max-width:100% !important;
}

.certificate-page td,
.certificate-page th{
    font-size:14px !important;
    line-height:1.8 !important;
    overflow-wrap:anywhere;
}


/* -----------------------------------------
   LINKS / EMAIL SAFETY
   ----------------------------------------- */

.certifications-page a,
.certificate-page a{
    max-width:100%;
}

.cfte-footer-email,
a[href^="mailto:"]{
    overflow-wrap:anywhere;
    word-break:break-word;
}


/* -----------------------------------------
   FOOTER SAFE WIDTH
   ----------------------------------------- */

.certifications-page .cfte-pro-footer .wrap,
.certificate-page .cfte-pro-footer .wrap{
    width:min(1160px,calc(100% - 64px)) !important;
    max-width:1160px !important;
    margin-inline:auto !important;
}

.cfte-pro-footer-grid{
    gap:38px !important;
}


/* -----------------------------------------
   TABLET
   ----------------------------------------- */

@media(max-width:1000px){

    .certifications-page .wrap,
    .certificate-page .wrap,
    .certifications-page .cfte-pro-footer .wrap,
    .certificate-page .cfte-pro-footer .wrap{
        width:calc(100% - 44px) !important;
    }

    .certificate-layout{
        grid-template-columns:1fr !important;
    }

    .certificate-main{
        max-width:none;
    }

    .certificate-sidebar{
        max-width:none;
    }

}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media(max-width:700px){

    .certifications-page .wrap,
    .certificate-page .wrap,
    .certifications-page .cfte-pro-footer .wrap,
    .certificate-page .cfte-pro-footer .wrap{
        width:calc(100% - 28px) !important;
    }

    .certifications-hero h1{
        font-size:38px !important;
    }

    .certifications-hero p{
        font-size:17px !important;
    }

    .certification-card{
        padding:23px 20px !important;
    }

    .certification-card h2,
    .certification-card h3{
        font-size:24px !important;
    }

    .certification-card p{
        font-size:15px !important;
    }

    .certificate-page h1{
        font-size:38px !important;
    }

    .certificate-page h2{
        font-size:29px !important;
    }

    .certificate-page p{
        font-size:16px !important;
    }

}



/* =========================================================
   CERTIFICATIONS — REAL LAYOUT FIX V4
   Targets the ACTUAL directory classes
   ========================================================= */


/* ---------- PAGE SAFETY ---------- */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
}

.certifications-page,
.certifications-page *{
    box-sizing:border-box;
}

.certifications-page{
    width:100%;
    max-width:100%;
    font-family:"Cairo",Arial,sans-serif !important;
}


/* ---------- THE REAL CONTAINER ---------- */

.certifications-page .cert-container{
    width:calc(100% - 80px) !important;
    max-width:1180px !important;
    margin-right:auto !important;
    margin-left:auto !important;
    padding-right:0 !important;
    padding-left:0 !important;
}


/* ---------- HEADER ---------- */

.certifications-page .cert-header .cert-container{
    width:calc(100% - 80px) !important;
    max-width:1180px !important;
}

.certifications-page .cert-nav{
    gap:30px !important;
}

.certifications-page .cert-nav nav a{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
}


/* ---------- REAL HERO ---------- */

.certifications-page .directory-hero{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
}

.certifications-page .directory-hero .cert-container{
    width:calc(100% - 80px) !important;
    max-width:1180px !important;
}

.certifications-page .directory-eyebrow{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.certifications-page .directory-hero h1{
    max-width:850px !important;
    margin-right:0 !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:clamp(45px,5vw,66px) !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
}

.certifications-page .directory-lead{
    width:auto !important;
    max-width:800px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:18px !important;
    line-height:2 !important;
    font-weight:500 !important;
    overflow-wrap:break-word !important;
}

.certifications-page .directory-actions{
    max-width:100% !important;
}


/* ---------- HERO BUTTONS ---------- */

.certifications-page .cert-primary-btn,
.certifications-page .coming-action{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:14px !important;
}

.certifications-page .coming-action small{
    font-size:11px !important;
}


/* ---------- TRUST BAR ---------- */

.certifications-page .directory-trust{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.certifications-page .directory-trust > div{
    min-width:0 !important;
    padding:23px 20px !important;
}

.certifications-page .directory-trust strong{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:25px !important;
    line-height:1.4 !important;
}

.certifications-page .directory-trust span{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.8 !important;
}


/* ---------- DIRECTORY SECTION ---------- */

.certifications-page .cert-directory-section{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
}

.certifications-page .cert-directory-section > .cert-container{
    width:calc(100% - 80px) !important;
    max-width:1180px !important;
}


/* ---------- SECTION HEADING ---------- */

.certifications-page .cert-section-heading{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;
    gap:50px !important;
}

.certifications-page .cert-section-heading > *{
    min-width:0 !important;
}

.certifications-page .cert-section-heading > div > span{
    font-size:11px !important;
}

.certifications-page .cert-section-heading h2{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:34px !important;
    line-height:1.5 !important;
    font-weight:800 !important;
}

.certifications-page .cert-section-heading p{
    max-width:500px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:17px !important;
    line-height:2 !important;
    font-weight:500 !important;
}


/* ---------- SEARCH ---------- */

.certifications-page .cert-search-wrap{
    width:100% !important;
    max-width:100% !important;
}

.certifications-page .cert-search-wrap input{
    width:100% !important;
    max-width:100% !important;
    min-height:58px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:15px !important;
}


/* ---------- FILTERS ---------- */

.certifications-page .cert-filter-row{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    flex-wrap:nowrap !important;
    padding-bottom:8px !important;
}

.certifications-page .cert-filter{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:13px !important;
}


/* =========================================================
   THE ACTUAL CARD GRID
   ========================================================= */

.certifications-page .cert-grid{
    display:grid !important;
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
}


/* =========================================================
   THE ACTUAL CARDS
   ========================================================= */

.certifications-page .cert-card{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding:28px 25px !important;
    overflow:hidden !important;
}


/* card top */

.certifications-page .cert-card-top{
    width:100% !important;
    max-width:100% !important;
    gap:14px !important;
}

.certifications-page .cert-symbol{
    flex-shrink:0 !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:15px !important;
}

.certifications-page .cert-card-badges{
    min-width:0 !important;
    max-width:100% !important;
    flex-wrap:wrap !important;
}

.certifications-page .verified-badge,
.certifications-page .arabic-badge{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:11px !important;
    white-space:normal !important;
}


/* category */

.certifications-page .cert-category{
    margin-top:22px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
}


/* credential title */

.certifications-page .cert-card h3{
    width:100% !important;
    max-width:100% !important;
    margin-top:9px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:30px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
}

.certifications-page .cert-card h3 small{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:7px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1.65 !important;
    font-weight:600 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}


/* MAIN DESCRIPTION — APPROVED READING SIZE */

.certifications-page .cert-tagline{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    margin-top:17px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:17px !important;
    line-height:2 !important;
    font-weight:500 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
}


/* mini data */

.certifications-page .cert-mini-data{
    display:grid !important;
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
    margin-top:22px !important;
}

.certifications-page .cert-mini-data > div{
    min-width:0 !important;
    padding:13px 9px !important;
}

.certifications-page .cert-mini-data span{
    display:block !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1.7 !important;
}

.certifications-page .cert-mini-data strong{
    display:block !important;
    max-width:100% !important;
    margin-top:5px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.65 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}


/* footer inside card */

.certifications-page .cert-card-footer{
    width:100% !important;
    max-width:100% !important;
    margin-top:auto !important;
    padding-top:20px !important;
    gap:14px !important;
}

.certifications-page .cert-card-footer > span{
    min-width:0 !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1.7 !important;
    white-space:normal !important;
}

.certifications-page .cert-card-footer a{
    flex-shrink:0 !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:12px !important;
    white-space:nowrap !important;
}


/* ---------- PHILOSOPHY ---------- */

.certifications-page .cert-philosophy{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
}

.certifications-page .cert-philosophy .cert-container{
    width:calc(100% - 80px) !important;
    max-width:1180px !important;
}

.certifications-page .cert-philosophy-card{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;
}

.certifications-page .cert-philosophy-card h2{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:32px !important;
    line-height:1.5 !important;
}

.certifications-page .cert-philosophy-card p{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:16px !important;
    line-height:2 !important;
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media(max-width:1100px){

    .certifications-page .cert-container,
    .certifications-page .cert-header .cert-container,
    .certifications-page .directory-hero .cert-container,
    .certifications-page .cert-directory-section > .cert-container,
    .certifications-page .cert-philosophy .cert-container{
        width:calc(100% - 56px) !important;
    }

    .certifications-page .cert-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:820px){

    .certifications-page .cert-container,
    .certifications-page .cert-header .cert-container,
    .certifications-page .directory-hero .cert-container,
    .certifications-page .cert-directory-section > .cert-container,
    .certifications-page .cert-philosophy .cert-container{
        width:calc(100% - 40px) !important;
    }

    .certifications-page .directory-trust{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .certifications-page .cert-section-heading,
    .certifications-page .cert-philosophy-card{
        grid-template-columns:1fr !important;
        gap:25px !important;
    }

    .certifications-page .cert-grid{
        grid-template-columns:1fr !important;
    }

    .certifications-page .cert-card{
        padding:28px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .certifications-page .cert-container,
    .certifications-page .cert-header .cert-container,
    .certifications-page .directory-hero .cert-container,
    .certifications-page .cert-directory-section > .cert-container,
    .certifications-page .cert-philosophy .cert-container{
        width:calc(100% - 28px) !important;
    }

    .certifications-page .directory-hero h1{
        font-size:38px !important;
    }

    .certifications-page .directory-lead{
        font-size:17px !important;
    }

    .certifications-page .directory-trust{
        grid-template-columns:1fr 1fr !important;
    }

    .certifications-page .directory-trust > div{
        padding:18px 12px !important;
    }

    .certifications-page .directory-trust strong{
        font-size:21px !important;
    }

    .certifications-page .directory-trust span{
        font-size:11px !important;
    }

    .certifications-page .cert-section-heading h2{
        font-size:29px !important;
    }

    .certifications-page .cert-section-heading p{
        font-size:16px !important;
    }

    .certifications-page .cert-card{
        padding:24px 20px !important;
    }

    .certifications-page .cert-card h3{
        font-size:28px !important;
    }

    .certifications-page .cert-tagline{
        font-size:16px !important;
    }

    .certifications-page .cert-mini-data{
        grid-template-columns:1fr !important;
    }

    .certifications-page .cert-mini-data > div{
        padding:10px 0 !important;
    }

    .certifications-page .cert-card-footer{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

}


/* TEMP DEBUG */
    
    
}

body.certifications-page .cert-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:28px !important;
}

body.certifications-page .cert-card{
    min-width:0 !important;
    padding:30px !important;
}

body.certifications-page .cert-tagline{
    font-size:18px !important;
    line-height:2 !important;
}

body.certifications-page .cert-card h3{
    font-size:31px !important;
}


/* TEMP DEBUG */
    
    
}

body.certifications-page .cert-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:28px !important;
}

body.certifications-page .cert-card{
    min-width:0 !important;
    padding:30px !important;
}

body.certifications-page .cert-tagline{
    font-size:18px !important;
    line-height:2 !important;
}

body.certifications-page .cert-card h3{
    font-size:31px !important;
}



/* =========================================================
   DEBUG OUTLINE HARD REMOVE
   ========================================================= */
body.certifications-page .cert-container,
body.certifications-page .cert-container *,
.certifications-page .cert-container,
.certifications-page .cert-container *{
    outline:none !important;
}



/* =========================================================
   CFTECOURSES — CERTIFICATIONS COMPACT PREMIUM V7
   Final compact first-screen layout
   ========================================================= */


/* ---------------------------------------------------------
   PAGE / CONTAINER
   --------------------------------------------------------- */

html,
body{
    max-width:100%;
    overflow-x:hidden !important;
}

body.certifications-page{
    font-family:"Cairo",Arial,sans-serif !important;
}

body.certifications-page *,
body.certifications-page *::before,
body.certifications-page *::after{
    box-sizing:border-box;
}

body.certifications-page .cert-container{
    width:min(1200px,calc(100% - 64px)) !important;
    max-width:1200px !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
    outline:none !important;
}


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

body.certifications-page .cert-header{
    min-height:72px !important;
}

body.certifications-page .cert-nav{
    min-height:72px !important;
}

body.certifications-page .cert-brand strong{
    font-size:16px !important;
}

body.certifications-page .cert-brand small{
    font-size:9px !important;
}

body.certifications-page .cert-nav nav{
    gap:27px !important;
}

body.certifications-page .cert-nav nav a{
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
}


/* ---------------------------------------------------------
   HERO — SHORTER + BALANCED
   --------------------------------------------------------- */

body.certifications-page .directory-hero{
    padding-top:50px !important;
    padding-bottom:38px !important;
    min-height:0 !important;
    overflow:hidden !important;
}

body.certifications-page .directory-hero .cert-container{
    width:min(1200px,calc(100% - 64px)) !important;
    max-width:1200px !important;
}

body.certifications-page .directory-eyebrow{
    margin-bottom:13px !important;
    font-family:"Cairo",Arial,sans-serif !important;
    font-size:10px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
}


/* HERO TITLE */

body.certifications-page .directory-hero h1{
    width:auto !important;
    max-width:790px !important;
    margin-top:0 !important;
    margin-bottom:14px !important;
    margin-inline:0 !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:clamp(40px,4vw,56px) !important;
    line-height:1.34 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
}

body.certifications-page .directory-hero h1 span{
    display:block !important;
}


/* HERO LEAD */

body.certifications-page .directory-lead{
    width:auto !important;
    max-width:760px !important;
    margin:0 !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:16px !important;
    line-height:2 !important;
    font-weight:500 !important;
}


/* ---------------------------------------------------------
   HERO ACTIONS
   --------------------------------------------------------- */

body.certifications-page .directory-actions{
    margin-top:20px !important;
    gap:10px !important;
}

body.certifications-page .cert-primary-btn,
body.certifications-page .coming-action{
    min-height:45px !important;
    padding:10px 17px !important;

    border-radius:9px !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1.5 !important;
    font-weight:700 !important;
}

body.certifications-page .coming-action small{
    font-size:9px !important;
}


/* ---------------------------------------------------------
   TRUST STRIP
   --------------------------------------------------------- */

body.certifications-page .directory-trust{
    width:100% !important;

    margin-top:27px !important;

    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    border-radius:15px !important;
    overflow:hidden !important;
}

body.certifications-page .directory-trust > div{
    min-width:0 !important;

    padding:15px 15px !important;

    text-align:center !important;
}

body.certifications-page .directory-trust strong{
    display:block !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:21px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}

body.certifications-page .directory-trust span{
    display:block !important;

    margin-top:3px !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:10px !important;
    line-height:1.65 !important;
    font-weight:500 !important;
}


/* ---------------------------------------------------------
   DIRECTORY SECTION
   --------------------------------------------------------- */

body.certifications-page .cert-directory-section{
    padding-top:44px !important;
    padding-bottom:55px !important;
    overflow:hidden !important;
}

body.certifications-page .cert-directory-section > .cert-container{
    width:min(1200px,calc(100% - 64px)) !important;
    max-width:1200px !important;
}


/* ---------------------------------------------------------
   DIRECTORY TITLE
   --------------------------------------------------------- */

body.certifications-page .cert-section-heading{
    display:grid !important;

    grid-template-columns:minmax(0,1fr) minmax(320px,.72fr) !important;

    gap:45px !important;

    align-items:end !important;

    margin-bottom:23px !important;
}

body.certifications-page .cert-section-heading > *{
    min-width:0 !important;
}

body.certifications-page .cert-section-heading > div > span{
    display:block !important;

    margin-bottom:7px !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
}

body.certifications-page .cert-section-heading h2{
    margin:0 !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:29px !important;
    line-height:1.45 !important;
    font-weight:800 !important;
}

body.certifications-page .cert-section-heading p{
    max-width:480px !important;
    margin:0 !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:14px !important;
    line-height:1.95 !important;
    font-weight:500 !important;
}


/* ---------------------------------------------------------
   SEARCH
   --------------------------------------------------------- */

body.certifications-page .cert-search-wrap{
    width:100% !important;

    margin-bottom:13px !important;
}

body.certifications-page .cert-search-wrap input{
    width:100% !important;
    max-width:100% !important;

    min-height:48px !important;

    padding-top:10px !important;
    padding-bottom:10px !important;

    border-radius:10px !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:13px !important;
}


/* ---------------------------------------------------------
   FILTERS
   --------------------------------------------------------- */

body.certifications-page .cert-filter-row{
    display:flex !important;

    width:100% !important;

    gap:8px !important;

    margin-bottom:22px !important;
    padding-bottom:4px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    flex-wrap:nowrap !important;

    scrollbar-width:thin;
}

body.certifications-page .cert-filter{
    flex:0 0 auto !important;

    min-height:36px !important;

    padding:7px 12px !important;

    border-radius:8px !important;

    white-space:nowrap !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
}

body.certifications-page .cert-filter span{
    font-size:9px !important;
}


/* ---------------------------------------------------------
   CERTIFICATION GRID
   --------------------------------------------------------- */

body.certifications-page .cert-grid{
    display:grid !important;

    width:100% !important;
    max-width:100% !important;

    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

    gap:18px !important;
}


/* ---------------------------------------------------------
   CERTIFICATION CARD
   --------------------------------------------------------- */

body.certifications-page article.cert-card{
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    min-height:340px !important;

    padding:21px 20px !important;

    border-radius:14px !important;

    overflow:hidden !important;
}


/* Premium top accent */

body.certifications-page article.cert-card::before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    right:0 !important;
    left:0 !important;

    height:3px !important;

    background:linear-gradient(
        90deg,
        var(--cert-accent,#00a6c7),
        transparent
    ) !important;

    opacity:.9 !important;
}


/* CARD TOP */

body.certifications-page .cert-card-top{
    display:flex !important;

    width:100% !important;

    justify-content:space-between !important;
    align-items:flex-start !important;

    gap:10px !important;
}


/* SYMBOL */

body.certifications-page .cert-symbol{
    flex:0 0 auto !important;

    min-width:48px !important;
    height:31px !important;

    padding:5px 9px !important;

    border-radius:8px !important;

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

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
}


/* BADGES */

body.certifications-page .cert-card-badges{
    min-width:0 !important;

    display:flex !important;
    flex-wrap:wrap !important;

    gap:5px !important;
}

body.certifications-page .verified-badge,
body.certifications-page .arabic-badge{
    padding:4px 7px !important;

    border-radius:6px !important;

    white-space:normal !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:8px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
}


/* CATEGORY */

body.certifications-page .cert-category{
    margin-top:15px !important;
    margin-bottom:5px !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:10px !important;
    line-height:1.5 !important;
    font-weight:700 !important;
}


/* CARD TITLE */

body.certifications-page .cert-card h3{
    width:100% !important;
    max-width:100% !important;

    margin:0 !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:26px !important;
    line-height:1.25 !important;
    font-weight:800 !important;

    overflow-wrap:anywhere !important;
}

body.certifications-page .cert-card h3 small{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin-top:4px !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1.55 !important;
    font-weight:600 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
}


/* ---------------------------------------------------------
   CARD DESCRIPTION
   --------------------------------------------------------- */

body.certifications-page .cert-tagline{
    width:100% !important;
    max-width:100% !important;

    min-height:54px !important;

    margin-top:11px !important;
    margin-bottom:0 !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.9 !important;
    font-weight:500 !important;

    overflow-wrap:break-word !important;
}


/* ---------------------------------------------------------
   MINI DATA
   --------------------------------------------------------- */

body.certifications-page .cert-mini-data{
    display:grid !important;

    width:100% !important;

    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

    margin-top:14px !important;
}

body.certifications-page .cert-mini-data > div{
    min-width:0 !important;

    padding:9px 7px !important;
}

body.certifications-page .cert-mini-data span{
    display:block !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:8px !important;
    line-height:1.5 !important;
}

body.certifications-page .cert-mini-data strong{
    display:block !important;

    max-width:100% !important;

    margin-top:3px !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:10px !important;
    line-height:1.55 !important;
    font-weight:700 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
}


/* ---------------------------------------------------------
   CARD FOOTER
   --------------------------------------------------------- */

body.certifications-page .cert-card-footer{
    display:flex !important;

    width:100% !important;

    margin-top:auto !important;
    padding-top:15px !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:9px !important;
}

body.certifications-page .cert-card-footer > span{
    min-width:0 !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:8px !important;
    line-height:1.55 !important;

    white-space:normal !important;
}

body.certifications-page .cert-card-footer a{
    flex:0 0 auto !important;

    padding:7px 10px !important;

    border-radius:7px !important;

    font-family:"Cairo",Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1.4 !important;
    font-weight:700 !important;

    white-space:nowrap !important;
}


/* ---------------------------------------------------------
   PHILOSOPHY — KEEP IT COMPACT
   --------------------------------------------------------- */

body.certifications-page .cert-philosophy{
    padding-top:25px !important;
    padding-bottom:55px !important;
}

body.certifications-page .cert-philosophy .cert-container{
    width:min(1200px,calc(100% - 64px)) !important;
}

body.certifications-page .cert-philosophy-card{
    grid-template-columns:minmax(0,1fr) minmax(0,.8fr) !important;

    gap:30px !important;

    padding:30px !important;
}

body.certifications-page .cert-philosophy-card h2{
    font-size:26px !important;
    line-height:1.5 !important;
}

body.certifications-page .cert-philosophy-card p{
    font-size:13px !important;
    line-height:1.9 !important;
}


/* =========================================================
   MEDIUM LAPTOP
   ========================================================= */

@media(max-width:1180px){

    body.certifications-page .cert-container,
    body.certifications-page .directory-hero .cert-container,
    body.certifications-page .cert-directory-section > .cert-container,
    body.certifications-page .cert-philosophy .cert-container{
        width:calc(100% - 48px) !important;
    }

    body.certifications-page .cert-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    body.certifications-page .cert-card h3{
        font-size:23px !important;
    }

}


/* =========================================================
   SMALL LAPTOP / TABLET
   ========================================================= */

@media(max-width:960px){

    body.certifications-page .cert-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.certifications-page .cert-section-heading{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    body.certifications-page .cert-section-heading p{
        max-width:700px !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:760px){

    body.certifications-page .cert-container,
    body.certifications-page .directory-hero .cert-container,
    body.certifications-page .cert-directory-section > .cert-container,
    body.certifications-page .cert-philosophy .cert-container{
        width:calc(100% - 34px) !important;
    }

    body.certifications-page .directory-hero{
        padding-top:38px !important;
        padding-bottom:30px !important;
    }

    body.certifications-page .directory-hero h1{
        font-size:38px !important;
    }

    body.certifications-page .directory-lead{
        font-size:15px !important;
    }

    body.certifications-page .directory-trust{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.certifications-page .cert-grid{
        grid-template-columns:1fr !important;
    }

    body.certifications-page article.cert-card{
        min-height:0 !important;
    }

    body.certifications-page .cert-philosophy-card{
        grid-template-columns:1fr !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:520px){

    body.certifications-page .cert-container,
    body.certifications-page .directory-hero .cert-container,
    body.certifications-page .cert-directory-section > .cert-container,
    body.certifications-page .cert-philosophy .cert-container{
        width:calc(100% - 24px) !important;
    }

    body.certifications-page .directory-hero h1{
        font-size:32px !important;
    }

    body.certifications-page .directory-lead{
        font-size:14px !important;
    }

    body.certifications-page .directory-actions{
        align-items:stretch !important;
    }

    body.certifications-page .cert-primary-btn,
    body.certifications-page .coming-action{
        width:100% !important;
        justify-content:center !important;
    }

    body.certifications-page .directory-trust strong{
        font-size:19px !important;
    }

    body.certifications-page .cert-section-heading h2{
        font-size:25px !important;
    }

    body.certifications-page article.cert-card{
        padding:20px 18px !important;
    }

    body.certifications-page .cert-mini-data{
        grid-template-columns:1fr !important;
    }

    body.certifications-page .cert-mini-data > div{
        padding:7px 0 !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATE HEADER + SIDEBAR FIX V1
   ========================================================= */


/* ---------------------------------------------------------
   HEADER — always visible while scrolling
   --------------------------------------------------------- */

body.certificate-page{
    padding-top:76px;
}

body.certificate-page .cert-header{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    z-index:99999 !important;

    background:rgba(245,248,250,.96) !important;

    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);

    box-shadow:0 7px 26px rgba(8,27,44,.07);
}

[data-theme="dark"] body.certificate-page .cert-header{
    background:rgba(7,19,31,.96) !important;
}


/* ---------------------------------------------------------
   DESKTOP — balanced article + "في هذه الصفحة"
   --------------------------------------------------------- */

@media (min-width:1001px){

    body.certificate-page .certificate-layout{
        grid-template-columns:minmax(0,1fr) 250px !important;
        gap:28px !important;
        align-items:start !important;
    }

    body.certificate-page .certificate-content{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        justify-self:stretch !important;
    }

    body.certificate-page .certificate-side-nav{
        position:sticky !important;
        top:100px !important;

        width:250px !important;
        max-width:250px !important;

        justify-self:end !important;
        align-self:start !important;
    }

    body.certificate-page .side-nav-card{
        width:100% !important;
        box-sizing:border-box !important;
    }

}


/* ---------------------------------------------------------
   TABLET / MOBILE
   --------------------------------------------------------- */

@media (max-width:1000px){

    body.certificate-page{
        padding-top:70px;
    }

    body.certificate-page .certificate-layout{
        grid-template-columns:1fr !important;
        gap:35px !important;
    }

    body.certificate-page .certificate-content{
        max-width:none !important;
    }

    body.certificate-page .certificate-side-nav{
        position:static !important;
        width:100% !important;
        max-width:none !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATE SIDEBAR ALIGN V2
   ========================================================= */

@media (min-width:1001px){

    body.certificate-detail-page .certificate-layout{
        grid-template-columns:240px minmax(0,1fr) !important;
        gap:30px !important;
    }

    body.certificate-detail-page .certificate-content{
        grid-column:2 !important;
        grid-row:1 !important;
        width:100% !important;
        max-width:none !important;
    }

    body.certificate-detail-page .certificate-side-nav{
        grid-column:1 !important;
        grid-row:1 !important;

        width:240px !important;
        max-width:240px !important;

        justify-self:start !important;
        align-self:start !important;

        position:sticky !important;
        top:100px !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATE SIDEBAR POSITION V3
   Restore content alignment and move sidebar only
   ========================================================= */

@media (min-width:1001px){

    body.certificate-detail-page .certificate-layout{
        grid-template-columns:minmax(0,1fr) 250px !important;
        gap:28px !important;
        align-items:start !important;
    }

    body.certificate-detail-page .certificate-content{
        grid-column:auto !important;
        grid-row:auto !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        justify-self:stretch !important;
        transform:none !important;
    }

    body.certificate-detail-page .certificate-side-nav{
        grid-column:auto !important;
        grid-row:auto !important;

        width:250px !important;
        max-width:250px !important;

        justify-self:end !important;
        align-self:start !important;

        position:sticky !important;
        top:100px !important;

        /* move the sidebar closer to the article
           without changing the article/grid alignment */
        transform:translateX(70px) !important;
    }

    body.certificate-detail-page .side-nav-card{
        width:100% !important;
        box-sizing:border-box !important;
    }

}


/* =========================================================
   CFTECOURSES — SIDEBAR FINE POSITION V4
   Fine tune only — no layout changes
   ========================================================= */

@media (min-width:1001px){

    body.certificate-detail-page .certificate-side-nav{
        transform:translateX(25px) !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATE CONTENT WIDTH V5
   Restore balanced content width only
   ========================================================= */

@media (min-width:1001px){

    body.certificate-detail-page .certificate-layout{
        grid-template-columns:minmax(0,800px) 250px !important;
        gap:28px !important;

        width:100% !important;
        max-width:1100px !important;

        margin-inline:auto !important;
        align-items:start !important;
        justify-content:center !important;
    }

    body.certificate-detail-page .certificate-content{
        grid-column:auto !important;
        grid-row:auto !important;

        width:100% !important;
        max-width:800px !important;
        min-width:0 !important;

        justify-self:end !important;
        transform:none !important;
    }

    body.certificate-detail-page .certificate-side-nav{
        grid-column:auto !important;
        grid-row:auto !important;

        width:250px !important;
        max-width:250px !important;

        position:sticky !important;
        top:100px !important;

        justify-self:start !important;
        align-self:start !important;

        transform:translateX(25px) !important;
    }

    body.certificate-detail-page .certificate-block{
        width:100% !important;
        max-width:800px !important;
        box-sizing:border-box !important;
    }

}


/* Do not constrain tablet/mobile content */

@media (max-width:1000px){

    body.certificate-detail-page .certificate-layout,
    body.certificate-detail-page .certificate-content,
    body.certificate-detail-page .certificate-block{
        width:100% !important;
        max-width:none !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATE CARD ALIGNMENT V1
   Align exam cards with cards above
   ========================================================= */

@media (min-width:1001px){

    body.certificate-detail-page .certificate-content{
        width:100% !important;
        max-width:none !important;
    }

    body.certificate-detail-page .two-column-info,
    body.certificate-detail-page .exam-level-grid{
        width:100% !important;
        max-width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:16px !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }

    body.certificate-detail-page .two-column-info > *,
    body.certificate-detail-page .exam-level-grid > *{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }

    body.certificate-detail-page .certificate-block{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATE FINAL ALIGNMENT V6
   One content width = one alignment line
   ========================================================= */

@media (min-width:1001px){

    /* Main two-column page */
    body.certificate-detail-page .certificate-layout{
        grid-template-columns:800px 250px !important;
        column-gap:28px !important;

        width:1078px !important;
        max-width:100% !important;

        margin-inline:auto !important;
        justify-content:center !important;
        align-items:start !important;
    }


    /* Entire article column */
    body.certificate-detail-page .certificate-content{
        width:800px !important;
        min-width:800px !important;
        max-width:800px !important;

        grid-column:auto !important;
        grid-row:auto !important;

        justify-self:stretch !important;
        margin:0 !important;
        transform:none !important;
    }


    /* Every major content block uses exactly the same edges */
    body.certificate-detail-page .certificate-block{
        width:800px !important;
        min-width:800px !important;
        max-width:800px !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }


    /* Top pair and exam pair share identical geometry */
    body.certificate-detail-page .two-column-info,
    body.certificate-detail-page .exam-level-grid{
        width:100% !important;
        max-width:100% !important;

        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;

        gap:16px !important;

        padding-left:0 !important;
        padding-right:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }


    body.certificate-detail-page .two-column-info > *,
    body.certificate-detail-page .exam-level-grid > *{
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }


    /* Keep current sidebar position */
    body.certificate-detail-page .certificate-side-nav{
        width:250px !important;
        max-width:250px !important;

        position:sticky !important;
        top:100px !important;

        justify-self:start !important;
        align-self:start !important;

        transform:translateX(25px) !important;
    }

}


/* Responsive stays fluid */

@media (max-width:1000px){

    body.certificate-detail-page .certificate-layout,
    body.certificate-detail-page .certificate-content,
    body.certificate-detail-page .certificate-block,
    body.certificate-detail-page .two-column-info,
    body.certificate-detail-page .exam-level-grid{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }

}


/* =========================================================
   CFTECOURSES — EXAM CARDS EDGE ALIGN V7
   Align Level I / II cards with the cards above
   ========================================================= */

@media (min-width:1001px){

    body.certificate-detail-page #exams .exam-level-grid{
        width:calc(100% + 68px) !important;
        max-width:none !important;

        margin-right:-34px !important;
        margin-left:-34px !important;

        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:16px !important;

        box-sizing:border-box !important;
    }

    body.certificate-detail-page #exams .exam-level-card{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

}


/* Keep mobile normal */

@media (max-width:1000px){

    body.certificate-detail-page #exams .exam-level-grid{
        width:100% !important;
        max-width:100% !important;
        margin-right:0 !important;
        margin-left:0 !important;
    }

}


/* =========================================================
   CFTECOURSES — EXAMS REAL ALIGNMENT V8
   Match exam cards to two-column-info outer edges
   ========================================================= */

@media (min-width:1001px){

    /*
     * The upper two cards ARE the certificate-block itself.
     * The exam cards were nested inside a padded block.
     * Remove horizontal padding from #exams only.
     */
    body.certificate-detail-page #exams{
        padding-left:0 !important;
        padding-right:0 !important;
        overflow:hidden !important;
    }


    /*
     * Restore the normal 34px inset for the section
     * number and heading only.
     */
    body.certificate-detail-page #exams > .block-number,
    body.certificate-detail-page #exams > h2{
        margin-left:34px !important;
        margin-right:34px !important;
    }


    /*
     * Exam grid now occupies the actual outer width
     * of the certificate block.
     */
    body.certificate-detail-page #exams > .exam-level-grid{
        width:100% !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:16px !important;

        box-sizing:border-box !important;
    }


    body.certificate-detail-page #exams > .exam-level-grid > .exam-level-card{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }

}


/* Mobile keeps the original comfortable padding */

@media (max-width:1000px){

    body.certificate-detail-page #exams{
        padding:20px !important;
    }

    body.certificate-detail-page #exams > .block-number,
    body.certificate-detail-page #exams > h2{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    body.certificate-detail-page #exams > .exam-level-grid{
        width:100% !important;
        margin:0 !important;
    }

}


/* =========================================================
   CFTECOURSES — MASTER COLUMN ALIGNMENT V11
   Bottom columns follow HERO columns exactly
   ========================================================= */

@media (min-width:1001px){

    /*
     * HERO and CONTENT use the exact same container geometry.
     */
    body.certificate-detail-page .certificate-hero > .cert-container,
    body.certificate-detail-page .certificate-content-section > .cert-container{
        width:min(1180px, calc(100% - 40px)) !important;
        max-width:1180px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }


    /*
     * ONE GRID FOR BOTH AREAS:
     *
     * Right/main column:
     * Hero CFTe area
     * =
     * "ما هي شهادة CFTe؟" + all content below
     *
     * Left/sidebar column:
     * "الخلاصة في دقيقة"
     * =
     * "في هذه الصفحة"
     */
    body.certificate-detail-page .certificate-hero-grid,
    body.certificate-detail-page .certificate-layout{
        display:grid !important;

        grid-template-columns:
            minmax(0,1.35fr)
            minmax(330px,.65fr) !important;

        gap:34px !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;

        align-items:start !important;
        justify-content:stretch !important;
    }


    /*
     * MAIN CONTENT:
     * remove old 800px restrictions.
     */
    body.certificate-detail-page .certificate-content{
        grid-column:auto !important;
        grid-row:auto !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;
        justify-self:stretch !important;

        transform:none !important;
    }


    body.certificate-detail-page .certificate-block{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }


    /*
     * LEFT SIDEBAR:
     * same width and horizontal position as
     * "الخلاصة في دقيقة".
     */
    body.certificate-detail-page .certificate-side-nav{
        grid-column:auto !important;
        grid-row:auto !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        justify-self:stretch !important;
        align-self:start !important;

        position:sticky !important;
        top:100px !important;

        transform:none !important;
    }


    body.certificate-detail-page .side-nav-card{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }


    /*
     * Top fact card also explicitly fills
     * the same sidebar grid column.
     */
    body.certificate-detail-page .certificate-fact-card{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        justify-self:stretch !important;
        box-sizing:border-box !important;
    }


    /*
     * Main hero copy fills the same main column
     * used by the content underneath.
     */
    body.certificate-detail-page .certificate-main-copy{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        justify-self:stretch !important;
        box-sizing:border-box !important;
    }

}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width:1000px){

    body.certificate-detail-page .certificate-hero-grid,
    body.certificate-detail-page .certificate-layout{
        width:100% !important;
        max-width:100% !important;

        grid-template-columns:1fr !important;

        gap:28px !important;
    }

    body.certificate-detail-page .certificate-content,
    body.certificate-detail-page .certificate-block{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }

    body.certificate-detail-page .certificate-side-nav{
        transform:none !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATE RICH PAGE V1
   Typography + content richness + sidebar enrichment
   ========================================================= */


/* ---------------------------------------------------------
   TYPOGRAPHY
   --------------------------------------------------------- */

body.certificate-detail-page{
    font-size:18px !important;
    line-height:1.9;
}

body.certificate-detail-page .certificate-tagline{
    font-size:20px !important;
    line-height:1.8 !important;
}

body.certificate-detail-page .certificate-block > h2{
    font-size:30px !important;
    line-height:1.45 !important;
}

body.certificate-detail-page .certificate-block > p,
body.certificate-detail-page .info-box p,
body.certificate-detail-page .study-note p,
body.certificate-detail-page .requirements-grid p,
body.certificate-detail-page .career-card p{
    font-size:17px !important;
    line-height:2.05 !important;
}

body.certificate-detail-page .info-box > span{
    font-size:18px !important;
}

body.certificate-detail-page .exam-level-top strong{
    font-size:20px !important;
}

body.certificate-detail-page .exam-level-card > p{
    font-size:16px !important;
    line-height:2 !important;
}

body.certificate-detail-page .exam-level-meta span{
    font-size:12px !important;
}

body.certificate-detail-page .exam-level-meta strong{
    font-size:15px !important;
}

body.certificate-detail-page .requirements-grid span{
    font-size:15px !important;
}

body.certificate-detail-page .study-note > strong{
    font-size:16px !important;
}

body.certificate-detail-page .fee-row strong{
    font-size:15px !important;
}

body.certificate-detail-page .fee-row small{
    font-size:12px !important;
}

body.certificate-detail-page .career-card > strong{
    font-size:16px !important;
}

body.certificate-detail-page .career-card > span{
    font-size:11px !important;
}


/* ---------------------------------------------------------
   BENEFITS STRIP
   --------------------------------------------------------- */

.certificate-rich-benefits{
    padding:0 0 8px;
}

.certificate-rich-benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;

    padding:18px;

    border:1px solid var(--cert-line);
    border-radius:22px;

    background:var(--cert-card);

    box-shadow:0 12px 34px rgba(8,27,44,.055);
}

.rich-benefit-item{
    display:flex;
    align-items:center;
    gap:12px;

    min-width:0;
    padding:14px 15px;

    border-radius:16px;
    background:var(--cert-soft);
}

.rich-benefit-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 42px;

    width:42px;
    height:42px;

    border-radius:13px;

    color:var(--cert-cyan);
    background:color-mix(in srgb,var(--cert-cyan) 10%,transparent);

    font-size:22px;
    font-weight:900;
}

.rich-benefit-item strong{
    display:block;
    color:var(--cert-text);
    font-size:15px;
    line-height:1.55;
}

.rich-benefit-item small{
    display:block;
    margin-top:4px;

    color:var(--cert-muted);

    font-size:12px;
    line-height:1.65;
}


/* ---------------------------------------------------------
   SIDEBAR RICH CARDS
   --------------------------------------------------------- */

.certificate-side-nav{
    display:grid;
    gap:16px;
}

.certificate-help-card,
.certificate-guide-card{
    padding:22px;

    border:1px solid var(--cert-line);
    border-radius:18px;

    background:var(--cert-card);

    box-shadow:0 10px 28px rgba(8,27,44,.045);
}

.help-card-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    margin-bottom:14px;

    border-radius:13px;

    background:color-mix(in srgb,var(--cert-cyan) 11%,transparent);
    color:var(--cert-cyan);

    font-size:21px;
    font-weight:900;
}

.certificate-help-card > strong,
.certificate-guide-card > strong{
    display:block;

    color:var(--cert-text);

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

.certificate-help-card p,
.certificate-guide-card p{
    margin:10px 0 16px;

    color:var(--cert-muted);

    font-size:14px;
    line-height:1.9;
}

.certificate-help-card a,
.certificate-guide-card a{
    display:flex;
    align-items:center;
    justify-content:space-between;

    min-height:45px;
    padding:0 15px;

    border-radius:12px;

    text-decoration:none;

    font-size:14px;
    font-weight:800;

    color:#fff;
    background:linear-gradient(135deg,#0f3d5e,#096b9b);
}

.guide-card-label{
    display:inline-flex;

    margin-bottom:12px;
    padding:5px 9px;

    border-radius:999px;

    color:var(--cert-emerald);

    background:color-mix(in srgb,var(--cert-emerald) 10%,transparent);

    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.certificate-guide-card{
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb,var(--cert-emerald) 7%,var(--cert-card)),
            var(--cert-card)
        );
}

.certificate-guide-card a{
    background:linear-gradient(135deg,#08795e,#18a67e);
}


/* ---------------------------------------------------------
   MAIN CARD POLISH
   --------------------------------------------------------- */

body.certificate-detail-page .certificate-block{
    padding:36px 38px !important;
}

body.certificate-detail-page .two-column-info{
    padding:0 !important;
}

body.certificate-detail-page .info-box{
    padding:30px !important;
}

body.certificate-detail-page .exam-level-card{
    padding:30px !important;
}

body.certificate-detail-page .requirements-grid > div{
    padding:26px !important;
}

body.certificate-detail-page .study-note{
    padding:24px !important;
}


/* ---------------------------------------------------------
   SIDEBAR NAV TYPOGRAPHY
   --------------------------------------------------------- */

body.certificate-detail-page .side-nav-card{
    padding:22px !important;
}

body.certificate-detail-page .side-nav-card > span{
    font-size:18px !important;
}

body.certificate-detail-page .side-nav-card a{
    font-size:14px !important;
    line-height:1.7;
}


/* ---------------------------------------------------------
   DESKTOP
   --------------------------------------------------------- */

@media (min-width:1001px){

    .certificate-rich-benefits > .cert-container{
        width:min(1180px,calc(100% - 40px)) !important;
        max-width:1180px !important;
        margin-inline:auto !important;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width:1000px){

    .certificate-rich-benefits-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .certificate-side-nav{
        display:none;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:640px){

    body.certificate-detail-page{
        font-size:16px !important;
    }

    body.certificate-detail-page .certificate-block{
        padding:24px 20px !important;
    }

    body.certificate-detail-page .certificate-block > h2{
        font-size:25px !important;
    }

    body.certificate-detail-page .certificate-block > p,
    body.certificate-detail-page .info-box p,
    body.certificate-detail-page .study-note p,
    body.certificate-detail-page .requirements-grid p,
    body.certificate-detail-page .career-card p{
        font-size:16px !important;
    }

    .certificate-rich-benefits-grid{
        grid-template-columns:1fr;
        padding:12px;
    }

    .rich-benefit-item{
        padding:13px;
    }

}


/* =========================================================
   CFTECOURSES — RICH CONTENT V2
   Study map / registration / comparison / FAQ / CTA
   ========================================================= */

.rich-section-lead{
    margin-bottom:25px !important;
}


/* ---------- Study map ---------- */

.study-map-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    margin-top:24px;
}

.study-map-card{
    min-width:0;
    padding:22px;
    border:1px solid var(--cert-line);
    border-radius:17px;
    background:var(--cert-soft);
}

.study-map-card > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:32px;
    height:27px;
    padding:0 8px;

    margin-bottom:13px;

    border-radius:999px;

    color:var(--cert-cyan);
    background:color-mix(in srgb,var(--cert-cyan) 10%,transparent);

    font:800 11px "Cairo",Arial,sans-serif;
}

.study-map-card strong{
    display:block;
    margin-bottom:8px;

    color:var(--cert-text);

    font-size:16px;
    line-height:1.55;
}

.study-map-card p{
    margin:0;

    color:var(--cert-muted);

    font-size:14px !important;
    line-height:1.9 !important;
}


/* ---------- CTA ---------- */

.rich-inline-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:100%;

    margin-top:18px;
    padding:15px 18px;

    border-radius:14px;

    color:#fff;
    background:linear-gradient(135deg,#0f3d5e,#087ba6);

    text-decoration:none;

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

.rich-inline-cta.secondary{
    background:linear-gradient(135deg,#08795e,#18a67e);
}


/* ---------- Registration ---------- */

.registration-steps{
    display:grid;
    gap:12px;
    margin-top:22px;
}

.registration-step{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:15px;
    align-items:start;

    padding:18px;

    border:1px solid var(--cert-line);
    border-radius:16px;

    background:var(--cert-soft);
}

.registration-step > b{
    display:flex;
    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    border-radius:14px;

    color:#fff;
    background:linear-gradient(135deg,#0f3d5e,#00a6c7);

    font:800 17px "Cairo",Arial,sans-serif;
}

.registration-step strong{
    display:block;

    color:var(--cert-text);

    font-size:17px;
}

.registration-step p{
    margin:5px 0 0;

    color:var(--cert-muted);

    font-size:15px !important;
    line-height:1.9 !important;
}


/* ---------- Comparison ---------- */

.mini-comparison{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;

    margin-top:23px;
}

.mini-comparison-card{
    padding:25px;

    border:1px solid var(--cert-line);
    border-radius:18px;

    background:var(--cert-soft);
}

.mini-comparison-card.featured{
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb,var(--cert-cyan) 8%,var(--cert-card)),
            var(--cert-card)
        );
}

.mini-comparison-card > span{
    display:inline-block;

    margin-bottom:10px;

    color:var(--cert-cyan);

    font:900 24px "Cairo",Arial,sans-serif;
}

.mini-comparison-card strong{
    display:block;

    color:var(--cert-text);

    font-size:17px;
}

.mini-comparison-card ul{
    margin:18px 0 0;
    padding:0 20px 0 0;
}

.mini-comparison-card li{
    margin:8px 0;

    color:var(--cert-muted);

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


/* ---------- FAQ ---------- */

.certificate-faq-list{
    display:grid;
    gap:10px;

    margin-top:22px;
}

.certificate-faq-list details{
    border:1px solid var(--cert-line);
    border-radius:15px;

    background:var(--cert-soft);

    overflow:hidden;
}

.certificate-faq-list summary{
    position:relative;

    padding:18px 20px;

    color:var(--cert-text);

    font-size:16px;
    font-weight:800;

    cursor:pointer;

    list-style:none;
}

.certificate-faq-list summary::-webkit-details-marker{
    display:none;
}

.certificate-faq-list summary::after{
    content:"+";

    position:absolute;
    left:20px;
    top:50%;

    transform:translateY(-50%);

    color:var(--cert-cyan);

    font:800 22px "Cairo",Arial,sans-serif;
}

.certificate-faq-list details[open] summary::after{
    content:"−";
}

.certificate-faq-list details p{
    margin:0;
    padding:0 20px 20px;

    color:var(--cert-muted);

    font-size:15px !important;
    line-height:2 !important;
}


/* ---------- Final CTA ---------- */

.certificate-rich-final{
    position:relative;

    margin-top:22px;
    padding:38px;

    border-radius:23px;

    overflow:hidden;

    background:
        radial-gradient(circle at 10% 20%,rgba(0,166,199,.20),transparent 32%),
        linear-gradient(135deg,#081b2c,#0f3d5e);

    color:#fff;
}

.certificate-rich-final > span{
    color:#67d6e9;

    font:800 11px "Cairo",Arial,sans-serif;

    letter-spacing:.12em;
    text-transform:uppercase;
}

.certificate-rich-final h2{
    margin:9px 0 10px;

    color:#fff;

    font-size:29px;
    line-height:1.45;
}

.certificate-rich-final p{
    max-width:620px;

    margin:0;

    color:rgba(255,255,255,.78);

    font-size:16px;
    line-height:1.9;
}

.certificate-rich-final > div{
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    margin-top:23px;
}

.certificate-rich-final a{
    display:inline-flex;
    align-items:center;
    gap:20px;

    min-height:48px;
    padding:0 19px;

    border-radius:13px;

    text-decoration:none;

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

.certificate-rich-final a.primary{
    color:#081b2c;
    background:#fff;
}

.certificate-rich-final a.secondary{
    color:#fff;

    border:1px solid rgba(255,255,255,.20);

    background:rgba(255,255,255,.08);
}


/* ---------- Desktop typography reinforcement ---------- */

@media(min-width:1001px){

    body.certificate-detail-page .certificate-content{
        font-size:18px !important;
    }

}


/* ---------- Tablet ---------- */

@media(max-width:900px){

    .study-map-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* ---------- Mobile ---------- */

@media(max-width:620px){

    .study-map-grid,
    .mini-comparison{
        grid-template-columns:1fr;
    }

    .registration-step{
        grid-template-columns:42px minmax(0,1fr);
    }

    .registration-step > b{
        width:42px;
        height:42px;
    }

    .certificate-rich-final{
        padding:27px 22px;
    }

    .certificate-rich-final h2{
        font-size:25px;
    }

    .certificate-rich-final > div{
        display:grid;
    }

    .certificate-rich-final a{
        justify-content:space-between;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATE FIXED HEADER V12
   Keep header visible while scrolling
   ========================================================= */

body.certificate-detail-page{
    padding-top:82px !important;
}


/* ---------- FIXED HEADER ---------- */

body.certificate-detail-page .cert-header{
    position:fixed !important;

    top:0 !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;

    z-index:99999 !important;

    background:rgba(245,248,250,.94) !important;

    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(15,61,94,.09) !important;

    box-shadow:
        0 8px 30px rgba(8,27,44,.07);

    transform:none !important;
}


/* ---------- NAV HEIGHT ---------- */

body.certificate-detail-page .cert-header .cert-nav{
    min-height:82px !important;
}


/* ---------- DARK MODE ---------- */

[data-theme="dark"] body.certificate-detail-page .cert-header{
    background:rgba(7,19,31,.94) !important;

    border-bottom-color:rgba(255,255,255,.07) !important;

    box-shadow:
        0 8px 30px rgba(0,0,0,.25);
}


/* ---------- ANCHOR OFFSET ---------- */
/* Prevent fixed header from covering section titles */

body.certificate-detail-page section[id],
body.certificate-detail-page [id="study-map"],
body.certificate-detail-page [id="registration-steps"],
body.certificate-detail-page [id="cfte-vs-cmt"],
body.certificate-detail-page [id="faq"]{
    scroll-margin-top:105px;
}


/* ---------- MOBILE ---------- */

@media(max-width:760px){

    body.certificate-detail-page{
        padding-top:72px !important;
    }

    body.certificate-detail-page .cert-header .cert-nav{
        min-height:72px !important;
    }

    body.certificate-detail-page section[id]{
        scroll-margin-top:90px;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATIONS COMPACT HERO V13
   Scope: /certifications/ only
   ========================================================= */


/* ---------------------------------------------------------
   HEADER — slimmer and cleaner
   --------------------------------------------------------- */

body.certifications-page .cert-header{
    min-height:72px !important;
}

body.certifications-page .cert-header .cert-container{
    min-height:72px !important;
}

body.certifications-page .cert-nav{
    min-height:72px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

body.certifications-page .cert-brand,
body.certifications-page .cert-logo{
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/* ---------------------------------------------------------
   HERO — remove excessive vertical whitespace
   --------------------------------------------------------- */

body.certifications-page .directory-hero{
    min-height:0 !important;

    padding-top:58px !important;
    padding-bottom:48px !important;

    margin-top:0 !important;
    margin-bottom:0 !important;
}

body.certifications-page .directory-hero .cert-container{
    min-height:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}


/* ---------------------------------------------------------
   HERO EYEBROW
   --------------------------------------------------------- */

body.certifications-page .directory-hero .eyebrow,
body.certifications-page .directory-hero .section-kicker,
body.certifications-page .directory-hero .hero-kicker{
    margin-bottom:12px !important;
}


/* ---------------------------------------------------------
   HERO TITLE
   --------------------------------------------------------- */

body.certifications-page .directory-hero h1{
    max-width:820px !important;

    margin-top:0 !important;
    margin-bottom:16px !important;

    font-size:clamp(42px,4.6vw,66px) !important;
    line-height:1.14 !important;
    letter-spacing:-1.5px !important;
}


/* keep highlighted part balanced */
body.certifications-page .directory-hero h1 span{
    display:inline !important;
}


/* ---------------------------------------------------------
   HERO DESCRIPTION
   --------------------------------------------------------- */

body.certifications-page .directory-hero p{
    max-width:760px !important;

    margin-top:0 !important;
    margin-bottom:20px !important;

    font-size:18px !important;
    line-height:1.9 !important;
}


/* ---------------------------------------------------------
   ACTION BUTTONS
   --------------------------------------------------------- */

body.certifications-page .directory-actions{
    margin-top:0 !important;
    margin-bottom:24px !important;

    gap:10px !important;
}


/* ---------------------------------------------------------
   HERO STATS / SNAPSHOT
   --------------------------------------------------------- */

body.certifications-page .directory-stats,
body.certifications-page .certifications-stats,
body.certifications-page .hero-stats,
body.certifications-page .directory-metrics{
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/* ---------------------------------------------------------
   NEXT SECTION — bring it closer
   --------------------------------------------------------- */

body.certifications-page .directory-hero + section{
    padding-top:48px !important;
}

body.certifications-page .directory-hero + section h2{
    margin-top:0 !important;
}


/* ---------------------------------------------------------
   DESKTOP TIGHTENING
   --------------------------------------------------------- */

@media (min-width:1100px){

    body.certifications-page .directory-hero{
        padding-top:52px !important;
        padding-bottom:42px !important;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width:900px){

    body.certifications-page .directory-hero{
        padding-top:42px !important;
        padding-bottom:38px !important;
    }

    body.certifications-page .directory-hero h1{
        font-size:clamp(38px,7vw,54px) !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:640px){

    body.certifications-page .cert-header,
    body.certifications-page .cert-header .cert-container,
    body.certifications-page .cert-nav{
        min-height:66px !important;
    }

    body.certifications-page .directory-hero{
        padding-top:34px !important;
        padding-bottom:32px !important;
    }

    body.certifications-page .directory-hero h1{
        margin-bottom:14px !important;

        font-size:36px !important;
        line-height:1.2 !important;
    }

    body.certifications-page .directory-hero p{
        margin-bottom:18px !important;

        font-size:16px !important;
    }

    body.certifications-page .directory-actions{
        margin-bottom:20px !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATIONS HERO FINAL V14
   Scope: /certifications/ ONLY
   ========================================================= */

@media (min-width:761px){

    /* HEADER */
    body.certifications-page .cert-header,
    body.certifications-page .cert-header .cert-container,
    body.certifications-page .cert-nav{
        min-height:68px !important;
        height:68px !important;
    }


    /* HERO */
    body.certifications-page .directory-hero{
        min-height:0 !important;
        height:auto !important;

        padding-top:32px !important;
        padding-bottom:28px !important;

        margin:0 !important;
    }


    body.certifications-page .directory-hero .cert-container{
        min-height:0 !important;
        height:auto !important;

        display:block !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        margin-top:0 !important;
        margin-bottom:0 !important;
    }


    /* EYEBROW */
    body.certifications-page .directory-eyebrow{
        margin-top:0 !important;
        margin-bottom:8px !important;
    }


    /* TITLE */
    body.certifications-page .directory-hero h1{
        max-width:850px !important;

        margin:0 0 10px 0 !important;

        font-size:clamp(40px,4vw,56px) !important;
        line-height:1.25 !important;
        letter-spacing:0 !important;
    }

    body.certifications-page .directory-hero h1 span{
        display:inline !important;
    }


    /* DESCRIPTION */
    body.certifications-page .directory-lead,
    body.certifications-page .directory-hero p.directory-lead{
        max-width:820px !important;

        margin:0 !important;

        font-size:17px !important;
        line-height:1.8 !important;
    }


    /* BUTTONS */
    body.certifications-page .directory-actions{
        margin-top:14px !important;
        margin-bottom:16px !important;

        padding:0 !important;

        gap:9px !important;
    }


    /* THE REAL STATS/TRUST BAR */
    body.certifications-page .directory-trust{
        width:100% !important;

        margin-top:0 !important;
        margin-bottom:0 !important;

        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    body.certifications-page .directory-trust > div{
        min-height:72px !important;
        padding-top:12px !important;
        padding-bottom:12px !important;
    }


    /* NEXT SECTION */
    body.certifications-page .cert-directory-section{
        margin-top:0 !important;
        padding-top:34px !important;
    }

    body.certifications-page .cert-section-heading{
        margin-top:0 !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:760px){

    body.certifications-page .cert-header,
    body.certifications-page .cert-header .cert-container,
    body.certifications-page .cert-nav{
        min-height:66px !important;
    }

    body.certifications-page .directory-hero{
        min-height:0 !important;
        height:auto !important;

        padding-top:26px !important;
        padding-bottom:24px !important;
    }

    body.certifications-page .directory-hero .cert-container{
        min-height:0 !important;
        height:auto !important;
    }

    body.certifications-page .directory-eyebrow{
        margin-bottom:7px !important;
    }

    body.certifications-page .directory-hero h1{
        margin-top:0 !important;
        margin-bottom:10px !important;

        font-size:34px !important;
        line-height:1.3 !important;
    }

    body.certifications-page .directory-lead{
        margin:0 !important;

        font-size:16px !important;
        line-height:1.8 !important;
    }

    body.certifications-page .directory-actions{
        margin-top:14px !important;
        margin-bottom:15px !important;
    }

    body.certifications-page .directory-trust{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    body.certifications-page .directory-trust > div{
        min-height:68px !important;
        padding:10px !important;
    }

    body.certifications-page .cert-directory-section{
        padding-top:28px !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATIONS HEADER TOP FIX V15
   Remove whitespace above directory header
   Scope: /certifications/ ONLY
   ========================================================= */

html{
    margin-top:0 !important;
    padding-top:0 !important;
}

body.certifications-page{
    margin-top:0 !important;
    padding-top:0 !important;
}


/* Header must start at the absolute top of the page */

body.certifications-page > .cert-header{
    position:sticky !important;

    top:0 !important;
    right:0 !important;
    left:0 !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    transform:none !important;

    z-index:9999 !important;

    min-height:68px !important;
    height:68px !important;
}


/* Remove any inherited spacing from header wrappers */

body.certifications-page > .cert-header > .cert-container,
body.certifications-page > .cert-header .cert-nav{
    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    top:0 !important;

    min-height:68px !important;
    height:68px !important;

    transform:none !important;
}


/* Main content begins directly after header */

body.certifications-page > main{
    margin-top:0 !important;
    padding-top:0 !important;
}


/* Keep hero spacing controlled by its own padding only */

body.certifications-page .directory-hero{
    margin-top:0 !important;
}


/* Mobile */

@media (max-width:760px){

    body.certifications-page > .cert-header,
    body.certifications-page > .cert-header > .cert-container,
    body.certifications-page > .cert-header .cert-nav{
        min-height:66px !important;
        height:66px !important;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATIONS STICKY HEADER V16
   Keep header visible while scrolling
   Scope: /certifications/ ONLY
   ========================================================= */

body.certifications-page > .cert-header{
    position:fixed !important;

    top:0 !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;

    min-height:68px !important;
    height:68px !important;

    margin:0 !important;
    padding:0 !important;

    z-index:99999 !important;

    background:rgba(245,248,250,.94) !important;

    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(15,61,94,.09) !important;

    box-shadow:0 8px 30px rgba(8,27,44,.07);

    transform:none !important;
}


/* compensate fixed header without creating top whitespace */

body.certifications-page > main{
    margin-top:68px !important;
    padding-top:0 !important;
}


/* exact header inner height */

body.certifications-page > .cert-header > .cert-container,
body.certifications-page > .cert-header .cert-nav{
    min-height:68px !important;
    height:68px !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;
}


/* dark mode */

[data-theme="dark"] body.certifications-page > .cert-header{
    background:rgba(7,19,31,.94) !important;

    border-bottom-color:rgba(255,255,255,.07) !important;

    box-shadow:0 8px 30px rgba(0,0,0,.25);
}


/* mobile */

@media (max-width:760px){

    body.certifications-page > .cert-header,
    body.certifications-page > .cert-header > .cert-container,
    body.certifications-page > .cert-header .cert-nav{
        min-height:66px !important;
        height:66px !important;
    }

    body.certifications-page > main{
        margin-top:66px !important;
    }

}


/* =========================================================
   CFTECOURSES — DIRECTORY INTELLIGENCE V17
   Scope: /certifications/
   ========================================================= */

body.certifications-page{
    font-size:17px !important;
}


/* =========================================================
   DECISION GUIDE
   ========================================================= */

body.certifications-page .directory-decision-guide{
    padding:52px 0 34px;
    background:var(--cert-bg);
}


body.certifications-page .decision-guide-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);
    gap:42px;
    align-items:end;

    margin-bottom:26px;
}


body.certifications-page .decision-guide-heading > div > span{
    display:block;

    margin-bottom:7px;

    color:var(--cert-cyan);

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


body.certifications-page .decision-guide-heading h2{
    margin:0;

    color:var(--cert-text);

    font-size:34px;
    line-height:1.45;
}


body.certifications-page .decision-guide-heading > p{
    margin:0;

    color:var(--cert-muted);

    font-size:16px;
    line-height:1.95;
}


body.certifications-page .decision-guide-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}


body.certifications-page .decision-path-card{
    display:grid;

    grid-template-columns:48px minmax(0,1fr) 24px;

    gap:12px;

    align-items:center;

    min-height:108px;

    padding:18px;

    border:1px solid var(--cert-line);
    border-radius:18px;

    background:var(--cert-card);

    text-decoration:none;

    box-shadow:0 8px 26px rgba(8,27,44,.045);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


body.certifications-page .decision-path-card:hover{
    transform:translateY(-3px);

    border-color:
        color-mix(
            in srgb,
            var(--cert-cyan) 45%,
            var(--cert-line)
        );

    box-shadow:0 15px 34px rgba(8,27,44,.08);
}


body.certifications-page .decision-path-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    border-radius:14px;

    color:var(--cert-cyan);

    background:
        color-mix(
            in srgb,
            var(--cert-cyan) 10%,
            transparent
        );

    font-size:23px;
    font-weight:900;
}


body.certifications-page .decision-path-card strong{
    display:block;

    color:var(--cert-text);

    font-size:16px;
    line-height:1.55;
}


body.certifications-page .decision-path-card small{
    display:block;

    margin-top:4px;

    color:var(--cert-muted);

    font-size:11px;
    line-height:1.65;
}


body.certifications-page .decision-path-card > b{
    color:var(--cert-cyan);

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


body.certifications-page .decision-guide-note{
    display:flex;
    align-items:center;

    gap:18px;

    margin-top:15px;

    padding:15px 18px;

    border:1px solid var(--cert-line);
    border-radius:15px;

    background:var(--cert-soft);
}


body.certifications-page .decision-guide-note > span{
    flex:0 0 auto;

    padding:5px 10px;

    border-radius:999px;

    color:var(--cert-emerald);

    background:
        color-mix(
            in srgb,
            var(--cert-emerald) 10%,
            transparent
        );

    font-size:10px;
    font-weight:800;

    direction:ltr;
}


body.certifications-page .decision-guide-note p{
    margin:0;

    color:var(--cert-muted);

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


/* =========================================================
   DIRECTORY TYPOGRAPHY
   ========================================================= */

body.certifications-page .directory-lead{
    font-size:18px !important;
    line-height:2 !important;
}


body.certifications-page .cert-section-heading h2{
    font-size:34px !important;
    line-height:1.45 !important;
}


body.certifications-page .cert-section-heading p{
    font-size:17px !important;
    line-height:1.95 !important;
}


body.certifications-page article.cert-card h3{
    font-size:22px !important;
    line-height:1.45 !important;
}


body.certifications-page .cert-tagline{
    font-size:15px !important;
    line-height:1.9 !important;
}


/* =========================================================
   CERTIFICATE CARDS
   ========================================================= */

body.certifications-page article.cert-card{
    padding:26px !important;
    border-radius:20px !important;
}


body.certifications-page .cert-symbol{
    width:52px !important;
    height:52px !important;

    border-radius:15px !important;
}


body.certifications-page .cert-mini-data{
    gap:9px !important;

    margin-top:18px !important;
}


body.certifications-page .cert-mini-data > div{
    padding:12px !important;

    border-radius:12px !important;
}


body.certifications-page .cert-card-footer{
    margin-top:20px !important;
    padding-top:17px !important;
}


body.certifications-page #certifications-list{
    scroll-margin-top:92px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

    body.certifications-page .decision-guide-heading{
        grid-template-columns:1fr;
        gap:12px;
    }

    body.certifications-page .decision-guide-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:620px){

    body.certifications-page .directory-decision-guide{
        padding:36px 0 24px;
    }

    body.certifications-page .decision-guide-heading h2{
        font-size:28px;
    }

    body.certifications-page .decision-guide-heading > p{
        font-size:15px;
    }

    body.certifications-page .decision-guide-grid{
        grid-template-columns:1fr;
    }

    body.certifications-page .decision-path-card{
        min-height:94px;
    }

    body.certifications-page .decision-guide-note{
        display:block;
    }

    body.certifications-page .decision-guide-note p{
        margin-top:8px;
    }

    body.certifications-page .cert-section-heading h2{
        font-size:29px !important;
    }

}


/* =========================================================
   CFTECOURSES — SMART PATH FILTER V18
   ========================================================= */


/* Active career-path card */

body.certifications-page .decision-path-card.active{
    border-color:
        color-mix(
            in srgb,
            var(--cert-cyan) 65%,
            var(--cert-line)
        ) !important;

    background:
        color-mix(
            in srgb,
            var(--cert-cyan) 7%,
            var(--cert-card)
        ) !important;

    box-shadow:
        0 16px 38px rgba(8,27,44,.10) !important;

    transform:translateY(-3px);
}


body.certifications-page .decision-path-card.active
.decision-path-icon{
    color:#fff !important;
    background:var(--cert-cyan) !important;
}


body.certifications-page .decision-path-card.active > b{
    transform:translateX(-3px);
}


/* Results indicator */

body.certifications-page .cert-results-status{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;

    margin:18px 0 20px;
    padding:13px 16px;

    border:1px solid var(--cert-line);
    border-radius:14px;

    background:
        color-mix(
            in srgb,
            var(--cert-card) 92%,
            var(--cert-soft)
        );
}


body.certifications-page .cert-results-status > div{
    display:flex;
    align-items:center;
    gap:7px;
}


body.certifications-page .cert-results-status span{
    color:var(--cert-muted);

    font-size:13px;
    font-weight:700;
}


body.certifications-page .cert-results-status strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:32px;
    height:32px;

    padding:0 8px;

    border-radius:9px;

    color:var(--cert-cyan);

    background:
        color-mix(
            in srgb,
            var(--cert-cyan) 9%,
            transparent
        );

    font-size:15px;
    font-weight:900;
}


body.certifications-page .cert-results-status small{
    color:var(--cert-muted);

    font-size:12px;
}


body.certifications-page .clear-path-filter{
    min-height:36px;

    padding:7px 13px;

    border:1px solid var(--cert-line);
    border-radius:10px;

    color:var(--cert-text);

    background:var(--cert-card);

    font-family:"Cairo",Arial,sans-serif;
    font-size:12px;
    font-weight:800;

    cursor:pointer;

    transition:
        border-color .2s ease,
        color .2s ease,
        background .2s ease;
}


body.certifications-page .clear-path-filter:hover{
    color:var(--cert-cyan);

    border-color:
        color-mix(
            in srgb,
            var(--cert-cyan) 45%,
            var(--cert-line)
        );
}


body.certifications-page .clear-path-filter[hidden]{
    display:none !important;
}


/* Smooth filtering */

body.certifications-page .cert-card[hidden]{
    display:none !important;
}


@media(max-width:620px){

    body.certifications-page .cert-results-status{
        margin-top:14px;
    }

}


/* =========================================================
   CFTECOURSES — COMPARE SELECTOR V19
   ========================================================= */


/* ---------------------------------------------------------
   COMPARE CONTROL INSIDE CERTIFICATE CARD
   --------------------------------------------------------- */

body.certifications-page .cert-compare-select{
    display:flex;
    align-items:center;
    gap:9px;

    width:max-content;

    margin-top:18px;

    color:var(--cert-muted);

    font-size:12px;
    font-weight:700;

    cursor:pointer;

    user-select:none;
}


body.certifications-page .cert-compare-checkbox{
    position:absolute;

    opacity:0;

    pointer-events:none;
}


body.certifications-page .cert-compare-box{
    position:relative;

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

    width:20px;
    height:20px;

    border:1.5px solid var(--cert-line);
    border-radius:6px;

    background:var(--cert-card);

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}


body.certifications-page
.cert-compare-checkbox:checked
+ .cert-compare-box{

    border-color:var(--cert-cyan);

    background:var(--cert-cyan);
}


body.certifications-page
.cert-compare-checkbox:checked
+ .cert-compare-box::after{

    content:"✓";

    color:#fff;

    font-size:13px;
    font-weight:900;
}


body.certifications-page
.cert-compare-checkbox:checked
~ .cert-compare-label{

    color:var(--cert-cyan);
}


body.certifications-page .cert-compare-select:hover
.cert-compare-box{

    border-color:
        color-mix(
            in srgb,
            var(--cert-cyan) 60%,
            var(--cert-line)
        );
}


/* ---------------------------------------------------------
   FIXED COMPARE BAR
   --------------------------------------------------------- */

body.certifications-page .cert-compare-bar{

    position:fixed;

    right:0;
    bottom:0;
    left:0;

    z-index:99990;

    padding:12px 0;

    border-top:
        1px solid
        color-mix(
            in srgb,
            var(--cert-cyan) 18%,
            var(--cert-line)
        );

    background:
        color-mix(
            in srgb,
            var(--cert-card) 94%,
            transparent
        );

    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);

    box-shadow:
        0 -12px 38px
        rgba(8,27,44,.12);
}


body.certifications-page
.cert-compare-bar[hidden]{

    display:none !important;
}


body.certifications-page
.cert-compare-bar-inner{

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

    gap:25px;
}


body.certifications-page
.cert-compare-summary{

    display:flex;
    align-items:center;

    gap:18px;

    min-width:0;
}


body.certifications-page
.cert-compare-kicker{

    flex:0 0 auto;

    color:var(--cert-cyan);

    font-size:12px;
    font-weight:900;
}


body.certifications-page
.cert-compare-selected{

    display:flex;
    align-items:center;

    gap:7px;

    min-width:0;
}


body.certifications-page
.cert-compare-selected > strong{

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

    width:30px;
    height:30px;

    border-radius:9px;

    color:#fff;

    background:var(--cert-cyan);

    font-size:14px;
    font-weight:900;
}


body.certifications-page
.cert-compare-selected > span{

    color:var(--cert-muted);

    font-size:12px;
}


body.certifications-page
.cert-compare-names{

    display:flex;
    align-items:center;

    gap:6px;

    margin-right:5px;
}


body.certifications-page
.cert-compare-chip{

    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:4px 9px;

    border-radius:999px;

    color:var(--cert-text);

    background:var(--cert-soft);

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


body.certifications-page
.cert-compare-actions{

    display:flex;
    align-items:center;

    gap:9px;

    flex:0 0 auto;
}


body.certifications-page
.cert-compare-clear,
body.certifications-page
.cert-compare-go{

    min-height:42px;

    padding:8px 15px;

    border-radius:11px;

    font-family:"Cairo",Arial,sans-serif;

    font-size:12px;
    font-weight:800;

    cursor:pointer;
}


body.certifications-page
.cert-compare-clear{

    border:1px solid var(--cert-line);

    color:var(--cert-muted);

    background:var(--cert-card);
}


body.certifications-page
.cert-compare-go{

    display:flex;
    align-items:center;

    gap:9px;

    border:1px solid var(--cert-cyan);

    color:#fff;

    background:var(--cert-cyan);
}


body.certifications-page
.cert-compare-go:disabled{

    opacity:.45;

    cursor:not-allowed;
}


body.certifications-page
.cert-compare-go:not(:disabled):hover{

    filter:brightness(.96);
}


body.certifications-page
.cert-compare-go span{

    font-size:17px;
}


/* Leave space so compare bar never covers content */

body.certifications-page:has(
    .cert-compare-bar:not([hidden])
){
    padding-bottom:78px !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){

    body.certifications-page
    .cert-compare-bar{

        padding:10px 0;
    }


    body.certifications-page
    .cert-compare-bar-inner{

        align-items:flex-start;
        flex-direction:column;

        gap:10px;
    }


    body.certifications-page
    .cert-compare-summary{

        width:100%;

        flex-wrap:wrap;

        gap:8px;
    }


    body.certifications-page
    .cert-compare-kicker{

        width:100%;
    }


    body.certifications-page
    .cert-compare-names{

        flex-wrap:wrap;
    }


    body.certifications-page
    .cert-compare-actions{

        width:100%;
    }


    body.certifications-page
    .cert-compare-clear,
    body.certifications-page
    .cert-compare-go{

        flex:1;
        justify-content:center;
    }

}


/* =========================================================
   CFTECOURSES — DYNAMIC COMPARE PAGE V20
   ========================================================= */

body.compare-page{
    background:var(--cert-bg);
}


body.compare-page .compare-hero{
    padding:54px 0 38px;
}


body.compare-page .compare-eyebrow{
    display:block;

    margin-bottom:8px;

    color:var(--cert-cyan);

    font-size:12px;
    font-weight:900;
}


body.compare-page .compare-hero h1{
    margin:0;

    color:var(--cert-text);

    font-size:42px;
    line-height:1.4;
}


body.compare-page .compare-hero p{
    max-width:760px;

    margin:13px 0 18px;

    color:var(--cert-muted);

    font-size:17px;
    line-height:2;
}


body.compare-page .compare-back-link{
    color:var(--cert-cyan);

    font-size:13px;
    font-weight:800;

    text-decoration:none;
}


body.compare-page .compare-main{
    padding:20px 0 70px;
}


body.compare-page .compare-grid{
    display:grid;

    grid-template-columns:
        repeat(
            var(--compare-count),
            minmax(0,1fr)
        );

    gap:16px;

    margin-bottom:22px;
}


body.compare-page .compare-cert-card{
    padding:24px;

    border:1px solid var(--cert-line);
    border-radius:20px;

    background:var(--cert-card);

    box-shadow:
        0 10px 30px
        rgba(8,27,44,.05);
}


body.compare-page .compare-cert-symbol{
    display:flex;
    align-items:center;
    justify-content:center;

    width:54px;
    height:54px;

    margin-bottom:15px;

    border-radius:15px;

    color:#fff;
    background:var(--cert-cyan);

    font-size:14px;
    font-weight:900;
}


body.compare-page .compare-cert-category{
    display:block;

    margin-bottom:5px;

    color:var(--cert-emerald);

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


body.compare-page .compare-cert-card h2{
    margin:0;

    color:var(--cert-text);

    font-size:27px;
}


body.compare-page .compare-cert-card h3{
    margin:4px 0 10px;

    color:var(--cert-muted);

    font-size:13px;
    font-weight:600;
    line-height:1.7;
}


body.compare-page .compare-cert-card p{
    min-height:70px;

    color:var(--cert-muted);

    font-size:13px;
    line-height:1.85;
}


body.compare-page .compare-cert-card a{
    display:inline-flex;

    margin-top:6px;

    color:var(--cert-cyan);

    font-size:12px;
    font-weight:800;

    text-decoration:none;
}


body.compare-page .compare-table-wrap{
    overflow-x:auto;

    border:1px solid var(--cert-line);
    border-radius:20px;

    background:var(--cert-card);

    box-shadow:
        0 12px 34px
        rgba(8,27,44,.05);
}


body.compare-page .compare-table{
    width:100%;

    min-width:850px;

    border-collapse:collapse;
}


body.compare-page .compare-table th,
body.compare-page .compare-table td{
    padding:18px 20px;

    vertical-align:top;

    border-bottom:
        1px solid var(--cert-line);

    text-align:right;

    font-size:13px;
    line-height:1.9;
}


body.compare-page .compare-table th{
    width:180px;

    color:var(--cert-text);

    background:
        color-mix(
            in srgb,
            var(--cert-soft) 82%,
            transparent
        );

    font-weight:900;
}


body.compare-page .compare-table td{
    color:var(--cert-muted);
}


body.compare-page .compare-table tr:last-child th,
body.compare-page .compare-table tr:last-child td{
    border-bottom:0;
}


body.compare-page .compare-empty{
    padding:55px 25px;

    border:1px solid var(--cert-line);
    border-radius:20px;

    background:var(--cert-card);

    text-align:center;
}


body.compare-page .compare-empty h2{
    margin-top:0;

    color:var(--cert-text);
}


body.compare-page .compare-empty p{
    color:var(--cert-muted);

    line-height:1.9;
}


body.compare-page .compare-empty a{
    display:inline-flex;

    margin-top:8px;
    padding:10px 17px;

    border-radius:11px;

    color:#fff;
    background:var(--cert-cyan);

    text-decoration:none;

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


@media(max-width:760px){

    body.compare-page .compare-hero{
        padding:38px 0 26px;
    }

    body.compare-page .compare-hero h1{
        font-size:32px;
    }

    body.compare-page .compare-grid{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   CFTECOURSES — CERTIFICATIONS CAIRO OVERRIDE V2
   ========================================================= */

body.certifications-page,
body.certifications-page *,
body.certificate-detail-page,
body.certificate-detail-page *,
body.compare-page,
body.compare-page *{
    font-family:"Cairo",Arial,sans-serif !important;
}


/* Explicitly override old English/UI font declarations */

body.certifications-page .decision-guide-note > span,
body.certifications-page .cert-compare-chip,
body.certifications-page .cert-results-status,
body.certifications-page .cert-filter,
body.certifications-page .cert-search-wrap,
body.certifications-page .cert-theme-toggle,
body.certifications-page .cert-brand,
body.certificate-detail-page .cert-header,
body.compare-page .cert-header{
    font-family:"Cairo",Arial,sans-serif !important;
}


/* Keep technical code-style elements untouched */

body.certifications-page code,
body.certifications-page pre,
body.certificate-detail-page code,
body.certificate-detail-page pre,
body.compare-page code,
body.compare-page pre{
    font-family:monospace !important;
}


/* =========================================================
   CFTECOURSES — CERTIFICATIONS PREMIUM VISUAL V21
   ========================================================= */

/* ---------------------------------------------------------
   SHARED VISUAL TOKENS
   --------------------------------------------------------- */

body.certifications-page,
body.certificate-detail-page,
body.compare-page{
    --cert-premium-glow:
        radial-gradient(
            circle at 80% 10%,
            rgba(0,166,199,.10),
            transparent 32%
        );

    --cert-premium-soft:
        linear-gradient(
            135deg,
            rgba(0,166,199,.08),
            rgba(24,166,126,.05)
        );
}


/* ---------------------------------------------------------
   DIRECTORY HERO
   --------------------------------------------------------- */

body.certifications-page .directory-hero{
    position:relative;
    overflow:hidden;

    padding-top:72px;
    padding-bottom:62px;

    background:
        var(--cert-premium-glow),
        linear-gradient(
            180deg,
            rgba(15,61,94,.035),
            transparent
        );
}


body.certifications-page .directory-hero::before{
    content:"";

    position:absolute;

    width:320px;
    height:320px;

    top:-170px;
    left:-90px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,166,199,.12),
            transparent 68%
        );

    pointer-events:none;
}


body.certifications-page .directory-hero h1{
    max-width:850px;

    margin-bottom:18px;

    letter-spacing:-.5px;
}


body.certifications-page .directory-hero p{
    max-width:760px;

    font-size:1.05rem !important;
    line-height:2 !important;
}


/* ---------------------------------------------------------
   DECISION GUIDE
   --------------------------------------------------------- */

body.certifications-page .directory-decision-guide{
    position:relative;
}


body.certifications-page .decision-guide-grid{
    gap:18px !important;
}


body.certifications-page .decision-path-card{
    position:relative;

    overflow:hidden;

    min-height:190px;

    padding:24px !important;

    border-radius:22px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--cert-line) 84%,
            transparent
        ) !important;

    background:
        linear-gradient(
            145deg,
            var(--cert-card),
            color-mix(
                in srgb,
                var(--cert-card) 88%,
                var(--cert-soft)
            )
        ) !important;

    box-shadow:
        0 12px 35px
        rgba(8,27,44,.055);

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}


body.certifications-page .decision-path-card::after{
    content:"";

    position:absolute;

    width:120px;
    height:120px;

    left:-40px;
    bottom:-50px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,166,199,.10),
            transparent 70%
        );

    pointer-events:none;
}


body.certifications-page .decision-path-card:hover{
    transform:translateY(-5px);

    border-color:
        color-mix(
            in srgb,
            var(--cert-cyan) 42%,
            var(--cert-line)
        ) !important;

    box-shadow:
        0 18px 45px
        rgba(8,27,44,.09);
}


body.certifications-page .decision-path-card.is-active{
    border-color:var(--cert-cyan) !important;

    box-shadow:
        0 18px 48px
        rgba(0,166,199,.16);
}


/* ---------------------------------------------------------
   FILTER BAR
   --------------------------------------------------------- */

body.certifications-page .cert-directory-tools{
    position:relative;

    padding:18px;

    border:1px solid var(--cert-line);
    border-radius:20px;

    background:
        color-mix(
            in srgb,
            var(--cert-card) 94%,
            transparent
        );

    box-shadow:
        0 10px 28px
        rgba(8,27,44,.045);
}


body.certifications-page .cert-filter{
    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease,
        border-color .18s ease;
}


body.certifications-page .cert-filter:hover{
    transform:translateY(-1px);
}


/* ---------------------------------------------------------
   CERTIFICATE CARDS
   --------------------------------------------------------- */

body.certifications-page .cert-grid{
    gap:20px !important;
}


body.certifications-page .cert-card{
    position:relative;

    overflow:hidden;

    border-radius:24px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--cert-line) 88%,
            transparent
        ) !important;

    background:
        linear-gradient(
            160deg,
            var(--cert-card) 0%,
            color-mix(
                in srgb,
                var(--cert-card) 93%,
                var(--cert-soft)
            ) 100%
        ) !important;

    box-shadow:
        0 12px 34px
        rgba(8,27,44,.055);

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}


body.certifications-page .cert-card::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--cert-cyan),
            var(--cert-emerald)
        );

    opacity:.55;
}


body.certifications-page .cert-card:hover{
    transform:translateY(-6px);

    border-color:
        color-mix(
            in srgb,
            var(--cert-cyan) 35%,
            var(--cert-line)
        ) !important;

    box-shadow:
        0 22px 55px
        rgba(8,27,44,.10);
}


body.certifications-page .cert-card h3,
body.certifications-page .cert-card h2{
    letter-spacing:-.25px;
}


body.certifications-page .cert-card p{
    line-height:1.95 !important;
}


body.certifications-page .cert-card-footer{
    margin-top:20px;

    padding-top:16px;

    border-top:
        1px solid
        color-mix(
            in srgb,
            var(--cert-line) 75%,
            transparent
        );
}


/* ---------------------------------------------------------
   DETAIL PAGE HERO
   --------------------------------------------------------- */

body.certificate-detail-page .certificate-hero{
    position:relative;

    overflow:hidden;

    padding-top:58px !important;
    padding-bottom:50px !important;

    background:
        var(--cert-premium-glow),
        linear-gradient(
            180deg,
            rgba(15,61,94,.03),
            transparent
        );
}


body.certificate-detail-page .certificate-hero::after{
    content:"";

    position:absolute;

    width:360px;
    height:360px;

    left:-130px;
    top:-150px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(24,166,126,.09),
            transparent 70%
        );

    pointer-events:none;
}


body.certificate-detail-page .certificate-main-copy{
    position:relative;
    z-index:2;
}


body.certificate-detail-page .certificate-main-copy h1{
    letter-spacing:-.5px;
}


body.certificate-detail-page .certificate-main-copy > p{
    max-width:760px;

    font-size:1.06rem !important;
    line-height:2 !important;
}


/* ---------------------------------------------------------
   DETAIL SUMMARY CARD
   --------------------------------------------------------- */

body.certificate-detail-page .certificate-fact-card{
    position:relative;

    overflow:hidden;

    border-radius:24px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--cert-cyan) 16%,
            var(--cert-line)
        ) !important;

    background:
        linear-gradient(
            145deg,
            var(--cert-card),
            color-mix(
                in srgb,
                var(--cert-card) 91%,
                var(--cert-soft)
            )
        ) !important;

    box-shadow:
        0 18px 45px
        rgba(8,27,44,.075);
}


body.certificate-detail-page .certificate-fact-card::before{
    content:"";

    position:absolute;

    top:0;
    right:0;

    width:75px;
    height:4px;

    border-radius:0 0 0 5px;

    background:
        linear-gradient(
            90deg,
            var(--cert-cyan),
            var(--cert-emerald)
        );
}


/* ---------------------------------------------------------
   DETAIL CONTENT BLOCKS
   --------------------------------------------------------- */

body.certificate-detail-page .certificate-content{
    position:relative;
}


body.certificate-detail-page .certificate-block{
    position:relative;

    margin-bottom:22px !important;

    padding:28px !important;

    border-radius:22px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--cert-line) 88%,
            transparent
        ) !important;

    background:
        linear-gradient(
            160deg,
            var(--cert-card),
            color-mix(
                in srgb,
                var(--cert-card) 95%,
                var(--cert-soft)
            )
        ) !important;

    box-shadow:
        0 10px 30px
        rgba(8,27,44,.045);

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


body.certificate-detail-page .certificate-block:hover{
    border-color:
        color-mix(
            in srgb,
            var(--cert-cyan) 24%,
            var(--cert-line)
        ) !important;

    box-shadow:
        0 16px 38px
        rgba(8,27,44,.065);
}


body.certificate-detail-page .certificate-block h2{
    position:relative;

    padding-right:18px;
}


body.certificate-detail-page .certificate-block h2::before{
    content:"";

    position:absolute;

    top:.3em;
    right:0;

    width:5px;
    height:1.15em;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            var(--cert-cyan),
            var(--cert-emerald)
        );
}


/* ---------------------------------------------------------
   EXAM / INFO CARDS
   --------------------------------------------------------- */

body.certificate-detail-page .exam-level-card,
body.certificate-detail-page .certificate-rich-benefits > *,
body.certificate-detail-page .cfte-topic-card{
    border-radius:18px !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}


body.certificate-detail-page .exam-level-card:hover,
body.certificate-detail-page .cfte-topic-card:hover{
    transform:translateY(-3px);

    border-color:
        color-mix(
            in srgb,
            var(--cert-cyan) 28%,
            var(--cert-line)
        ) !important;

    box-shadow:
        0 14px 34px
        rgba(8,27,44,.07);
}


/* ---------------------------------------------------------
   SIDEBAR
   --------------------------------------------------------- */

body.certificate-detail-page .certificate-side-nav{
    position:sticky;
    top:105px;

    border-radius:22px !important;

    box-shadow:
        0 14px 36px
        rgba(8,27,44,.06);
}


body.certificate-detail-page .certificate-side-nav a{
    position:relative;

    transition:
        color .18s ease,
        transform .18s ease;
}


body.certificate-detail-page .certificate-side-nav a:hover{
    transform:translateX(-3px);

    color:var(--cert-cyan);
}


/* ---------------------------------------------------------
   COMPARE PAGE HERO
   --------------------------------------------------------- */

body.compare-page .compare-hero{
    position:relative;
    overflow:hidden;

    padding-top:68px !important;
    padding-bottom:48px !important;

    background:
        var(--cert-premium-glow),
        linear-gradient(
            180deg,
            rgba(15,61,94,.035),
            transparent
        );
}


body.compare-page .compare-hero::after{
    content:"";

    position:absolute;

    width:330px;
    height:330px;

    left:-100px;
    top:-160px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(24,166,126,.09),
            transparent 72%
        );

    pointer-events:none;
}


/* ---------------------------------------------------------
   COMPARE CERT CARDS
   --------------------------------------------------------- */

body.compare-page .compare-grid{
    gap:18px !important;
}


body.compare-page .compare-cert-card{
    position:relative;

    overflow:hidden;

    padding:28px !important;

    border-radius:24px !important;

    background:
        linear-gradient(
            150deg,
            var(--cert-card),
            color-mix(
                in srgb,
                var(--cert-card) 91%,
                var(--cert-soft)
            )
        ) !important;

    box-shadow:
        0 16px 40px
        rgba(8,27,44,.07);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


body.compare-page .compare-cert-card::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--cert-cyan),
            var(--cert-emerald)
        );
}


body.compare-page .compare-cert-card:hover{
    transform:translateY(-4px);

    box-shadow:
        0 22px 52px
        rgba(8,27,44,.10);
}


body.compare-page .compare-cert-symbol{
    width:62px !important;
    height:62px !important;

    border-radius:18px !important;

    box-shadow:
        0 10px 22px
        rgba(0,166,199,.18);
}


/* ---------------------------------------------------------
   COMPARE TABLE
   --------------------------------------------------------- */

body.compare-page .compare-table-wrap{
    border-radius:24px !important;

    box-shadow:
        0 18px 45px
        rgba(8,27,44,.07);
}


body.compare-page .compare-table tr{
    transition:background .16s ease;
}


body.compare-page .compare-table tr:hover{
    background:
        color-mix(
            in srgb,
            var(--cert-soft) 72%,
            transparent
        );
}


body.compare-page .compare-table th{
    position:sticky;
    right:0;
    z-index:2;

    min-width:190px;

    background:
        color-mix(
            in srgb,
            var(--cert-soft) 90%,
            var(--cert-card)
        ) !important;
}


body.compare-page .compare-table td{
    min-width:260px;
}


/* ---------------------------------------------------------
   DARK MODE
   --------------------------------------------------------- */

html[data-theme="dark"]
body.certifications-page .cert-card,
html[data-theme="dark"]
body.certificate-detail-page .certificate-block,
html[data-theme="dark"]
body.certificate-detail-page .certificate-fact-card,
html[data-theme="dark"]
body.compare-page .compare-cert-card{
    box-shadow:
        0 16px 42px
        rgba(0,0,0,.22);
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){

    body.certifications-page .directory-hero,
    body.compare-page .compare-hero{
        padding-top:42px !important;
        padding-bottom:34px !important;
    }


    body.certifications-page .decision-path-card{
        min-height:auto;
    }


    body.certificate-detail-page .certificate-hero{
        padding-top:38px !important;
        padding-bottom:34px !important;
    }


    body.certificate-detail-page .certificate-block{
        padding:22px !important;
    }


    body.certificate-detail-page .certificate-side-nav{
        position:relative;
        top:auto;
    }


    body.compare-page .compare-cert-card{
        padding:22px !important;
    }

}


/* =========================================================
   CERTIFICATE PREMIUM KICKER V21
   ========================================================= */

body.certificate-detail-page .certificate-premium-kicker{
    display:inline-flex;
    align-items:center;

    min-height:30px;

    margin-bottom:12px;
    padding:5px 11px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--cert-cyan) 28%,
            var(--cert-line)
        );

    border-radius:999px;

    color:var(--cert-cyan);

    background:
        color-mix(
            in srgb,
            var(--cert-cyan) 7%,
            transparent
        );

    font-size:.72rem !important;
    font-weight:800;
    letter-spacing:.15px;
}


/* =========================================================
   CFTECOURSES — DYNAMIC COMPARISON INTELLIGENCE V22
   ========================================================= */

body.compare-page{
    --v22-cyan:#00A6C7;
    --v22-green:#18A67E;
    --v22-navy:#0F3D5E;
}


/* CONTAINER */

body.compare-page .compare-container{
    width:min(1180px,calc(100% - 40px));
    margin-inline:auto;
}

body.compare-page .compare-main{
    padding-top:42px;
    padding-bottom:70px;
}


/* HERO */

body.compare-page .compare-kicker{
    display:inline-flex;
    align-items:center;
    margin-bottom:14px;
    padding:6px 12px;
    border:1px solid rgba(0,166,199,.22);
    border-radius:999px;
    background:rgba(0,166,199,.07);
    color:var(--v22-cyan);
    font-size:.72rem !important;
    font-weight:800;
}

body.compare-page .compare-hero h1{
    max-width:850px;
    margin:0 0 16px;
}

body.compare-page .compare-hero p{
    max-width:790px;
    font-size:1.05rem !important;
    line-height:2 !important;
}

body.compare-page .compare-hero-actions{
    margin-top:24px;
}


/* BUTTONS */

body.compare-page .compare-primary-btn,
body.compare-page .compare-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:10px 18px;
    border-radius:14px;
    font-weight:800;
    text-decoration:none;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

body.compare-page .compare-primary-btn{
    border:1px solid var(--v22-navy);
    background:var(--v22-navy);
    color:#fff;
    box-shadow:0 10px 24px rgba(15,61,94,.14);
}

body.compare-page .compare-secondary-btn{
    border:1px solid var(--cert-line);
    background:var(--cert-card);
    color:var(--cert-text);
}

body.compare-page .compare-primary-btn:hover,
body.compare-page .compare-secondary-btn:hover{
    transform:translateY(-2px);
}


/* SECTION HEADINGS */

body.compare-page .compare-section-heading{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin:0 0 22px;
}

body.compare-page .compare-section-number{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:13px;
    background:
        linear-gradient(
            135deg,
            var(--v22-cyan),
            var(--v22-green)
        );
    color:#fff;
    font-size:.75rem !important;
    font-weight:900;
    box-shadow:0 9px 22px rgba(0,166,199,.18);
}

body.compare-page .compare-section-heading h2{
    margin:0 0 4px !important;
}

body.compare-page .compare-section-heading p{
    margin:0;
    opacity:.72;
}


/* SECTIONS */

body.compare-page .compare-intelligence,
body.compare-page .compare-certificates-section,
body.compare-page .compare-core-section,
body.compare-page .compare-exams-section,
body.compare-page .compare-fees-section{
    margin-bottom:58px;
}


/* QUICK INTELLIGENCE */

body.compare-page .compare-insight-grid{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(260px,1fr)
        );
    gap:18px;
}

body.compare-page .compare-insight-card{
    position:relative;
    overflow:hidden;
    padding:24px;
    border:1px solid var(--cert-line);
    border-radius:22px;
    background:
        linear-gradient(
            145deg,
            var(--cert-card),
            color-mix(
                in srgb,
                var(--cert-card) 92%,
                var(--cert-soft)
            )
        );
    box-shadow:0 13px 34px rgba(8,27,44,.055);
}

body.compare-page .compare-insight-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:100px;
    height:4px;
    background:
        linear-gradient(
            90deg,
            var(--v22-cyan),
            var(--v22-green)
        );
}

body.compare-page .compare-insight-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}

body.compare-page .compare-insight-symbol{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:60px;
    height:42px;
    padding:0 12px;
    border-radius:12px;
    background:rgba(0,166,199,.09);
    color:var(--v22-cyan);
    font-weight:900;
}

body.compare-page .compare-verified-badge{
    padding:5px 9px;
    border-radius:999px;
    background:rgba(24,166,126,.09);
    color:var(--v22-green);
    font-size:.66rem !important;
    font-weight:800;
}

body.compare-page .compare-insight-card h3{
    margin:0 0 18px !important;
}

body.compare-page .compare-insight-points{
    display:grid;
    gap:10px;
}

body.compare-page .compare-insight-points > div{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:15px;
    padding:10px 0;
    border-bottom:1px dashed var(--cert-line);
}

body.compare-page .compare-insight-points span{
    opacity:.68;
}

body.compare-page .compare-insight-points strong{
    text-align:left;
}

body.compare-page .compare-positive{
    color:var(--v22-green);
}

body.compare-page .compare-neutral{
    opacity:.68;
}

body.compare-page .compare-suitable{
    margin:18px 0 0;
    padding:14px;
    border-radius:14px;
    background:var(--cert-soft);
    line-height:1.9 !important;
}

body.compare-page .compare-suitable span{
    display:block;
    margin-bottom:5px;
    color:var(--v22-navy);
    font-weight:900;
}


/* CERT CARDS */

body.compare-page .compare-cert-card-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
}

body.compare-page .compare-remove-cert{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:1px solid var(--cert-line);
    border-radius:50%;
    color:var(--cert-text);
    background:var(--cert-card);
    font-size:1.15rem !important;
    text-decoration:none;
    transition:.18s ease;
}

body.compare-page .compare-remove-cert:hover{
    border-color:#d75c5c;
    color:#d75c5c;
    transform:rotate(8deg);
}

body.compare-page .compare-cert-category{
    display:inline-flex;
    margin:18px 0 10px;
    padding:5px 9px;
    border-radius:999px;
    background:var(--cert-soft);
    font-size:.72rem !important;
    font-weight:800;
}

body.compare-page .compare-detail-link{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:20px;
    padding-top:16px;
    border-top:1px solid var(--cert-line);
    color:var(--v22-cyan);
    font-weight:800;
    text-decoration:none;
}


/* TABLE */

body.compare-page .compare-table-wrap{
    position:relative;
    overflow:auto;
    max-height:72vh;
    border:1px solid var(--cert-line);
    background:var(--cert-card);
}

body.compare-page .compare-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
}

body.compare-page .compare-table thead th{
    position:sticky !important;
    top:0 !important;
    z-index:5 !important;
    padding:17px !important;
    background:
        color-mix(
            in srgb,
            var(--cert-card) 94%,
            var(--cert-soft)
        ) !important;
    box-shadow:0 1px 0 var(--cert-line);
}

body.compare-page .compare-table thead th:first-child{
    z-index:7 !important;
}

body.compare-page .compare-table th:first-child{
    position:sticky;
    right:0;
    z-index:4;
}

body.compare-page .compare-sticky-cert a{
    display:flex;
    flex-direction:column;
    gap:3px;
    color:inherit;
    text-decoration:none;
}

body.compare-page .compare-sticky-cert span{
    color:var(--v22-navy);
    font-size:1.05rem !important;
    font-weight:900;
}

body.compare-page .compare-sticky-cert small{
    opacity:.65;
    font-size:.7rem !important;
}

body.compare-page .compare-table td,
body.compare-page .compare-table tbody th{
    padding:18px !important;
    vertical-align:top;
    line-height:1.9 !important;
    border-bottom:1px solid var(--cert-line);
}

body.compare-page .compare-table tbody th{
    font-weight:900;
}

body.compare-page .compare-big-value{
    color:var(--v22-navy);
    font-size:1.2rem !important;
    font-weight:900;
}

body.compare-page .compare-data-chip{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:var(--cert-soft);
    font-weight:800;
}

body.compare-page .compare-yes{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(24,166,126,.10);
    color:var(--v22-green);
    font-weight:900;
}

body.compare-page .compare-no{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(120,130,140,.09);
    opacity:.75;
    font-weight:700;
}


/* EXAMS + FEES */

body.compare-page .compare-detail-columns{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(300px,1fr)
        );
    gap:20px;
    align-items:start;
}

body.compare-page .compare-detail-column{
    padding:22px;
    border:1px solid var(--cert-line);
    border-radius:22px;
    background:var(--cert-card);
    box-shadow:0 12px 32px rgba(8,27,44,.05);
}

body.compare-page .compare-column-title{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:18px;
    padding-bottom:15px;
    border-bottom:1px solid var(--cert-line);
}

body.compare-page .compare-column-title span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    min-height:38px;
    padding:5px 10px;
    border-radius:11px;
    background:
        linear-gradient(
            135deg,
            rgba(0,166,199,.12),
            rgba(24,166,126,.08)
        );
    color:var(--v22-cyan);
    font-weight:900;
}

body.compare-page .compare-exam-list,
body.compare-page .compare-fee-list{
    display:grid;
    gap:14px;
}

body.compare-page .compare-exam-card,
body.compare-page .compare-fee-card{
    padding:18px;
    border:1px solid var(--cert-line);
    border-radius:17px;
    background:
        color-mix(
            in srgb,
            var(--cert-card) 96%,
            var(--cert-soft)
        );
}

body.compare-page .compare-exam-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
}

body.compare-page .compare-exam-head h3,
body.compare-page .compare-fee-card h3{
    margin:0 !important;
    font-size:1rem !important;
}

body.compare-page .compare-exam-head > span{
    flex:0 0 auto;
    padding:4px 8px;
    border-radius:999px;
    background:rgba(0,166,199,.09);
    color:var(--v22-cyan);
    font-size:.68rem !important;
    font-weight:900;
}

body.compare-page .compare-exam-card > p,
body.compare-page .compare-fee-card > p{
    margin:0 0 13px;
    font-size:.88rem !important;
    line-height:1.9 !important;
    opacity:.84;
}

body.compare-page .compare-exam-meta{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:13px 0;
}

body.compare-page .compare-exam-meta > div{
    min-width:90px;
    padding:8px 10px;
    border-radius:11px;
    background:var(--cert-soft);
}

body.compare-page .compare-exam-meta span{
    display:block;
    margin-bottom:2px;
    opacity:.62;
    font-size:.68rem !important;
}

body.compare-page .compare-exam-note{
    margin-top:8px;
    padding-top:8px;
    border-top:1px dashed var(--cert-line);
    font-size:.8rem !important;
    line-height:1.8 !important;
}

body.compare-page .compare-fee-main{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    margin-bottom:12px;
}

body.compare-page .compare-fee-type{
    display:inline-block;
    margin-top:6px;
    opacity:.62;
    font-size:.68rem !important;
}

body.compare-page .compare-price{
    flex:0 0 auto;
    color:var(--v22-green);
    font-size:1.05rem !important;
    font-weight:900;
    white-space:nowrap;
}

body.compare-page .compare-fee-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:13px;
    padding-top:11px;
    border-top:1px dashed var(--cert-line);
    font-size:.7rem !important;
}

body.compare-page .compare-fee-footer a{
    color:var(--v22-cyan);
    font-weight:800;
    text-decoration:none;
}

body.compare-page .compare-no-data{
    padding:20px;
    border:1px dashed var(--cert-line);
    border-radius:14px;
    text-align:center;
    opacity:.65;
}


/* FINAL CTA */

body.compare-page .compare-final-cta{
    position:relative;
    overflow:hidden;
    margin-top:15px;
    padding:38px;
    border:1px solid rgba(0,166,199,.18);
    border-radius:26px;
    background:
        radial-gradient(
            circle at 90% 0,
            rgba(0,166,199,.12),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            var(--cert-card),
            color-mix(
                in srgb,
                var(--cert-card) 88%,
                var(--cert-soft)
            )
        );
    box-shadow:0 18px 48px rgba(8,27,44,.07);
}

body.compare-page .compare-final-kicker{
    display:inline-block;
    margin-bottom:9px;
    color:var(--v22-cyan);
    font-weight:900;
}

body.compare-page .compare-final-cta h2{
    max-width:780px;
    margin:0 0 12px !important;
}

body.compare-page .compare-final-cta p{
    max-width:760px;
    margin:0;
    line-height:2 !important;
}

body.compare-page .compare-final-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:23px;
}


/* EMPTY */

body.compare-page .compare-empty{
    padding:55px 25px;
    border:1px solid var(--cert-line);
    border-radius:24px;
    background:var(--cert-card);
    text-align:center;
}

body.compare-page .compare-empty-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    margin:0 auto 18px;
    border-radius:20px;
    background:var(--cert-soft);
    color:var(--v22-cyan);
    font-size:1.8rem !important;
    font-weight:900;
}


/* DARK */

html[data-theme="dark"]
body.compare-page .compare-suitable span,
html[data-theme="dark"]
body.compare-page .compare-big-value,
html[data-theme="dark"]
body.compare-page .compare-sticky-cert span{
    color:#63d7ec;
}

html[data-theme="dark"]
body.compare-page .compare-primary-btn{
    background:#0d6b86;
    border-color:#0d6b86;
}


/* MOBILE */

@media(max-width:760px){

    body.compare-page .compare-container{
        width:min(100% - 24px,1180px);
    }

    body.compare-page .compare-main{
        padding-top:28px;
    }

    body.compare-page .compare-section-heading{
        gap:10px;
    }

    body.compare-page .compare-section-number{
        width:36px;
        height:36px;
        flex-basis:36px;
    }

    body.compare-page .compare-intelligence,
    body.compare-page .compare-certificates-section,
    body.compare-page .compare-core-section,
    body.compare-page .compare-exams-section,
    body.compare-page .compare-fees-section{
        margin-bottom:42px;
    }

    body.compare-page .compare-insight-grid,
    body.compare-page .compare-detail-columns{
        grid-template-columns:1fr;
    }

    body.compare-page .compare-table-wrap{
        max-height:68vh;
    }

    body.compare-page .compare-table th:first-child{
        min-width:150px;
    }

    body.compare-page .compare-table td{
        min-width:225px;
    }

    body.compare-page .compare-detail-column{
        padding:16px;
    }

    body.compare-page .compare-fee-main{
        flex-direction:column;
    }

    body.compare-page .compare-fee-footer{
        align-items:flex-start;
        flex-direction:column;
    }

    body.compare-page .compare-final-cta{
        padding:25px 20px;
    }

    body.compare-page .compare-final-actions{
        flex-direction:column;
    }

    body.compare-page .compare-final-actions a{
        width:100%;
    }

}


/* =========================================================
   CFTECOURSES — DECISION INTELLIGENCE V23
   ========================================================= */

body.compare-page .compare-decision-section{
    margin-bottom:58px;
}

body.compare-page .compare-decision-notice{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    padding:14px 17px;
    border:1px solid rgba(0,166,199,.16);
    border-radius:15px;
    background:rgba(0,166,199,.055);
    line-height:1.8;
}

body.compare-page .compare-decision-notice strong{
    flex:0 0 auto;
    color:var(--v22-navy);
    font-weight:900;
}

body.compare-page .compare-decision-notice span{
    opacity:.78;
}

body.compare-page .compare-decision-grid{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );
    gap:16px;
}

body.compare-page .compare-decision-card{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:16px;
    overflow:hidden;
    padding:21px;
    border:1px solid var(--cert-line);
    border-radius:20px;
    background:
        linear-gradient(
            145deg,
            var(--cert-card),
            color-mix(
                in srgb,
                var(--cert-card) 94%,
                var(--cert-soft)
            )
        );
    box-shadow:0 11px 30px rgba(8,27,44,.045);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

body.compare-page .compare-decision-card::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:3px;
    background:
        linear-gradient(
            180deg,
            var(--v22-cyan),
            var(--v22-green)
        );
}

body.compare-page .compare-decision-card:hover{
    transform:translateY(-3px);
    border-color:rgba(0,166,199,.25);
    box-shadow:0 16px 38px rgba(8,27,44,.075);
}

body.compare-page .compare-decision-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 46px;
    width:46px;
    height:46px;
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            rgba(0,166,199,.12),
            rgba(24,166,126,.10)
        );
    color:var(--v22-cyan);
    font-weight:900;
    font-size:1rem !important;
}

body.compare-page .compare-decision-content{
    min-width:0;
}

body.compare-page .compare-decision-content h3{
    margin:0 0 8px !important;
    font-size:.94rem !important;
    line-height:1.7 !important;
}

body.compare-page .compare-decision-answer{
    display:block;
    margin-bottom:8px;
    color:var(--v22-navy);
    font-size:1.08rem !important;
    line-height:1.7;
    font-weight:900;
}

body.compare-page .compare-decision-content p{
    margin:0;
    opacity:.76;
    font-size:.84rem !important;
    line-height:1.9 !important;
}

body.compare-page .compare-decision-footer{
    margin-top:14px;
    padding:11px 14px;
    border-radius:13px;
    background:var(--cert-soft);
    font-size:.75rem !important;
    line-height:1.8;
    opacity:.74;
}

html[data-theme="dark"]
body.compare-page .compare-decision-answer,
html[data-theme="dark"]
body.compare-page .compare-decision-notice strong{
    color:#63d7ec;
}


@media(max-width:760px){

    body.compare-page .compare-decision-section{
        margin-bottom:42px;
    }

    body.compare-page .compare-decision-grid{
        grid-template-columns:1fr;
    }

    body.compare-page .compare-decision-notice{
        flex-direction:column;
        align-items:flex-start;
    }

    body.compare-page .compare-decision-card{
        padding:17px;
        gap:13px;
    }

    body.compare-page .compare-decision-icon{
        flex-basis:40px;
        width:40px;
        height:40px;
    }

}


/* =========================================================
   CFTECOURSES — COMPARE HEADER FIX V24.2
   ========================================================= */

body.compare-page > .cert-header{
    position:sticky !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;
    height:68px !important;
    min-height:68px !important;

    margin:0 !important;
    padding:0 !important;

    z-index:99999 !important;

    background:rgba(245,248,250,.94) !important;

    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(15,61,94,.09) !important;

    box-shadow:0 8px 30px rgba(8,27,44,.07);
}


body.compare-page .compare-header-inner{
    width:min(1180px, calc(100% - 40px)) !important;
    max-width:1180px !important;

    height:68px !important;
    min-height:68px !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:28px !important;
}


body.compare-page .compare-header-inner .cert-brand{
    display:flex !important;
    align-items:center !important;

    flex:0 0 auto !important;

    gap:10px !important;

    margin:0 !important;
    padding:0 !important;

    text-decoration:none !important;
}


body.compare-page .compare-header-inner .cert-brand-mark{
    display:flex;
    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;

    flex:0 0 38px;

    border-radius:11px;

    background:linear-gradient(
        135deg,
        #0F3D5E,
        #00A6C7
    );

    color:#fff;

    font-size:20px !important;
    font-weight:900;
    line-height:1;
}


body.compare-page .cert-brand-text{
    display:flex;
    flex-direction:column;

    min-width:0;

    line-height:1.15;
}


body.compare-page .cert-brand-text strong{
    color:#0F3D5E;

    font-size:17px !important;
    font-weight:900;
}


body.compare-page .cert-brand-text small{
    margin-top:3px;

    color:#657684;

    font-size:9px !important;
    font-weight:600;

    white-space:nowrap;
}


body.compare-page .compare-header-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:1 1 auto !important;

    gap:30px !important;

    height:68px !important;
    min-height:68px !important;

    margin:0 !important;
    padding:0 !important;
}


body.compare-page .compare-header-nav a{
    position:relative;

    display:flex !important;
    align-items:center !important;

    height:68px !important;

    margin:0 !important;
    padding:0 2px !important;

    color:#263d4c;

    text-decoration:none !important;

    white-space:nowrap;

    font-size:15px !important;
    font-weight:700;

    transition:color .18s ease;
}


body.compare-page .compare-header-nav a:hover,
body.compare-page .compare-header-nav a.active{
    color:#00A6C7;
}


body.compare-page .compare-header-nav a.active::after{
    content:"";

    position:absolute;

    right:0;
    left:0;
    bottom:0;

    height:3px;

    border-radius:999px 999px 0 0;

    background:linear-gradient(
        90deg,
        #00A6C7,
        #18A67E
    );
}


body.compare-page .compare-header-inner .cert-theme-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 38px !important;

    width:38px !important;
    height:38px !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid rgba(15,61,94,.12) !important;
    border-radius:11px !important;

    background:rgba(255,255,255,.65) !important;

    color:#0F3D5E !important;

    cursor:pointer;
}


/* Dark mode */

html[data-theme="dark"]
body.compare-page > .cert-header{
    background:rgba(7,19,31,.94) !important;

    border-bottom-color:rgba(255,255,255,.07) !important;

    box-shadow:0 8px 30px rgba(0,0,0,.25);
}


html[data-theme="dark"]
body.compare-page .cert-brand-text strong,
html[data-theme="dark"]
body.compare-page .compare-header-nav a{
    color:#e6edf2;
}


html[data-theme="dark"]
body.compare-page .compare-header-nav a:hover,
html[data-theme="dark"]
body.compare-page .compare-header-nav a.active{
    color:#63d7ec;
}


html[data-theme="dark"]
body.compare-page .cert-brand-text small{
    color:#94a7b5;
}


html[data-theme="dark"]
body.compare-page .compare-header-inner .cert-theme-toggle{
    background:#0D2233 !important;

    border-color:rgba(255,255,255,.1) !important;

    color:#fff !important;
}


/* Mobile */

@media(max-width:760px){

    body.compare-page > .cert-header{
        height:66px !important;
        min-height:66px !important;
    }

    body.compare-page .compare-header-inner{
        width:calc(100% - 24px) !important;

        height:66px !important;
        min-height:66px !important;

        gap:12px !important;
    }

    body.compare-page .compare-header-nav{
        height:66px !important;
        min-height:66px !important;

        gap:15px !important;

        overflow-x:auto;

        scrollbar-width:none;
    }

    body.compare-page .compare-header-nav::-webkit-scrollbar{
        display:none;
    }

    body.compare-page .compare-header-nav a{
        height:66px !important;

        font-size:13px !important;
    }

    body.compare-page .cert-brand-text small{
        display:none;
    }

    body.compare-page .compare-header-inner .cert-brand-mark{
        width:34px;
        height:34px;

        flex-basis:34px;

        font-size:18px !important;
    }

    body.compare-page .cert-brand-text strong{
        font-size:15px !important;
    }

    body.compare-page .compare-header-inner .cert-theme-toggle{
        flex-basis:34px !important;

        width:34px !important;
        height:34px !important;
    }

}


@media(max-width:600px){

    body.compare-page .cert-brand-text{
        display:none;
    }

}


/* =========================================================
   CFTECOURSES — COMPARE HEADER COMPACT V24.2
   Match compare header spacing with CFTe pages
   ========================================================= */

body.compare-page{
    margin:0 !important;
    padding:0 !important;
}


/* HEADER */

body.compare-page > .cert-header{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;

    height:68px !important;
    min-height:68px !important;
    max-height:68px !important;

    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;

    z-index:9999 !important;

    display:flex !important;
    align-items:center !important;
}


/* remove any accidental spacing inside header */

body.compare-page > .cert-header .container,
body.compare-page > .cert-header .cert-header-inner,
body.compare-page > .cert-header .header-inner{
    height:68px !important;
    min-height:68px !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    display:flex !important;
    align-items:center !important;
}


/* NAV */

body.compare-page > .cert-header nav,
body.compare-page > .cert-header .cert-nav{
    height:68px !important;
    min-height:68px !important;

    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;

    display:flex !important;
    align-items:center !important;
}


/* LINKS */

body.compare-page > .cert-header nav a,
body.compare-page > .cert-header .cert-nav a{
    height:68px !important;

    display:inline-flex !important;
    align-items:center !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;
}


/* MAIN STARTS IMMEDIATELY AFTER HEADER */

body.compare-page > main{
    margin-top:68px !important;
    padding-top:0 !important;
}


/* HERO */

body.compare-page .compare-hero{
    margin-top:0 !important;

    padding-top:38px !important;
    padding-bottom:38px !important;

    min-height:0 !important;
    height:auto !important;
}


/* remove inherited spacing */

body.compare-page .compare-hero::before,
body.compare-page .compare-hero::after{
    margin-top:0 !important;
}

body.compare-page .compare-hero .compare-container{
    margin-top:0 !important;
    padding-top:0 !important;
}


/* V24 QUICK NAV */

body.compare-page .compare-ux-nav-wrap{
    top:76px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

    body.compare-page > .cert-header{
        height:66px !important;
        min-height:66px !important;
        max-height:66px !important;
    }

    body.compare-page > .cert-header .container,
    body.compare-page > .cert-header .cert-header-inner,
    body.compare-page > .cert-header .header-inner,
    body.compare-page > .cert-header nav,
    body.compare-page > .cert-header .cert-nav,
    body.compare-page > .cert-header nav a,
    body.compare-page > .cert-header .cert-nav a{
        height:66px !important;
        min-height:66px !important;
    }

    body.compare-page > main{
        margin-top:66px !important;
    }

    body.compare-page .compare-hero{
        padding-top:26px !important;
        padding-bottom:28px !important;
    }

    body.compare-page .compare-ux-nav-wrap{
        top:72px !important;
    }

}


/* =========================================================
   CFTECOURSES — COMPARE TABS RESTORE V24.3
   ========================================================= */

body.compare-page .compare-ux-nav-wrap{
    position:sticky !important;
    top:76px !important;
    z-index:90 !important;

    width:100% !important;

    margin:0 0 42px !important;
    padding:6px !important;

    border:1px solid rgba(15,61,94,.10) !important;
    border-radius:18px !important;

    background:rgba(255,255,255,.94) !important;

    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);

    box-shadow:
        0 10px 30px rgba(8,27,44,.055) !important;
}


body.compare-page .compare-ux-nav{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;

    align-items:center !important;
    gap:4px !important;

    width:100% !important;

    overflow:visible !important;
}


body.compare-page .compare-ux-nav a{
    position:relative !important;

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

    min-width:0 !important;
    min-height:48px !important;

    padding:9px 12px !important;

    border-radius:13px !important;

    text-decoration:none !important;
    text-align:center !important;
    white-space:nowrap !important;

    color:#172b3d !important;

    font-weight:800 !important;
    font-size:.84rem !important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease !important;
}


body.compare-page .compare-ux-nav a:hover{
    background:rgba(0,166,199,.055) !important;
    color:#008caf !important;
}


body.compare-page .compare-ux-nav a.is-active{
    background:
        linear-gradient(
            135deg,
            rgba(0,166,199,.12),
            rgba(24,166,126,.08)
        ) !important;

    color:#008fb7 !important;
}


body.compare-page .compare-ux-nav a.is-active::after{
    content:"" !important;

    position:absolute !important;

    right:20% !important;
    left:20% !important;
    bottom:3px !important;

    height:3px !important;

    border-radius:999px !important;

    background:
        linear-gradient(
            90deg,
            #00A6C7,
            #18A67E
        ) !important;
}


/* Keep sections clear below fixed/sticky navigation */

body.compare-page #compare-summary,
body.compare-page #compare-decision,
body.compare-page #compare-core,
body.compare-page #compare-exams,
body.compare-page #compare-fees{
    scroll-margin-top:145px !important;
}


/* Dark mode */

html[data-theme="dark"]
body.compare-page .compare-ux-nav-wrap{
    background:rgba(13,34,51,.94) !important;
    border-color:rgba(255,255,255,.08) !important;
}

html[data-theme="dark"]
body.compare-page .compare-ux-nav a{
    color:#dbe7ef !important;
}

html[data-theme="dark"]
body.compare-page .compare-ux-nav a.is-active{
    color:#63d7ec !important;
}


/* Mobile */

@media(max-width:760px){

    body.compare-page .compare-ux-nav-wrap{
        top:72px !important;

        margin-bottom:30px !important;
        padding:5px !important;

        border-radius:14px !important;

        overflow:hidden !important;
    }

    body.compare-page .compare-ux-nav{
        display:flex !important;

        gap:3px !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    body.compare-page .compare-ux-nav::-webkit-scrollbar{
        display:none;
    }

    body.compare-page .compare-ux-nav a{
        flex:0 0 auto !important;

        min-height:42px !important;

        padding:7px 14px !important;

        font-size:.72rem !important;
    }

    body.compare-page #compare-summary,
    body.compare-page #compare-decision,
    body.compare-page #compare-core,
    body.compare-page #compare-exams,
    body.compare-page #compare-fees{
        scroll-margin-top:130px !important;
    }

}


/* =========================================================
   CFTECOURSES — COMPARE TABS ACTION V24.4.1
   ========================================================= */

body.compare-page #compareUxNav,
body.compare-page #compareUxNav .compare-ux-nav,
body.compare-page #compareUxNav .compare-ux-nav a{
    pointer-events:auto !important;
}

body.compare-page #compareUxNav .compare-ux-nav a{
    cursor:pointer !important;
    position:relative !important;
    z-index:10 !important;
    touch-action:manipulation;
}

body.compare-page #compareUxNav::before,
body.compare-page #compareUxNav::after,
body.compare-page #compareUxNav .compare-ux-nav::before,
body.compare-page #compareUxNav .compare-ux-nav::after{
    pointer-events:none !important;
}

body.compare-page #compareUxNav .compare-ux-nav a:active{
    transform:scale(.98) !important;
}


/* =========================================================
   CFTECOURSES — CFTE DETAIL TABS V13
   ========================================================= */

body.certificate-detail-page .cfte-detail-nav-wrap{
    position:sticky;
    top:82px;
    z-index:110;

    width:min(1180px, calc(100% - 40px));
    margin:0 auto 34px;
    padding:6px;

    background:rgba(255,255,255,.94);
    border:1px solid rgba(15,61,94,.10);
    border-radius:17px;

    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);

    box-shadow:
        0 10px 28px rgba(8,27,44,.055);
}


body.certificate-detail-page .cfte-detail-nav{
    display:flex;
    align-items:center;
    gap:4px;

    width:100%;

    overflow-x:auto;
    overflow-y:hidden;

    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}


body.certificate-detail-page .cfte-detail-nav::-webkit-scrollbar{
    display:none;
}


body.certificate-detail-page .cfte-detail-nav a{
    position:relative;

    flex:1 0 auto;

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

    min-height:46px;
    padding:8px 13px;

    border-radius:12px;

    color:#20384a;
    text-decoration:none;
    white-space:nowrap;

    font-size:.80rem;
    font-weight:800;

    cursor:pointer;
    pointer-events:auto;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


body.certificate-detail-page .cfte-detail-nav a:hover{
    color:#008eaf;
    background:rgba(0,166,199,.055);
}


body.certificate-detail-page .cfte-detail-nav a.is-active{
    color:#008fb5;

    background:
        linear-gradient(
            135deg,
            rgba(0,166,199,.12),
            rgba(24,166,126,.075)
        );
}


body.certificate-detail-page .cfte-detail-nav a.is-active::after{
    content:"";

    position:absolute;

    left:20%;
    right:20%;
    bottom:3px;

    height:3px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #00A6C7,
            #18A67E
        );
}


body.certificate-detail-page .cfte-detail-nav a:active{
    transform:scale(.98);
}


body.certificate-detail-page #top,
body.certificate-detail-page #exams,
body.certificate-detail-page #curriculum,
body.certificate-detail-page #fees,
body.certificate-detail-page #study-map,
body.certificate-detail-page #cfte-vs-cmt,
body.certificate-detail-page #faq{
    scroll-margin-top:160px;
}


/* Dark mode */

html[data-theme="dark"]
body.certificate-detail-page .cfte-detail-nav-wrap{
    background:rgba(13,34,51,.94);
    border-color:rgba(255,255,255,.08);
}


html[data-theme="dark"]
body.certificate-detail-page .cfte-detail-nav a{
    color:#d9e7ef;
}


html[data-theme="dark"]
body.certificate-detail-page .cfte-detail-nav a.is-active{
    color:#66d8eb;
}


/* Mobile */

@media(max-width:760px){

    body.certificate-detail-page .cfte-detail-nav-wrap{
        top:72px;

        width:calc(100% - 24px);

        margin-bottom:26px;
        padding:5px;

        border-radius:14px;
    }


    body.certificate-detail-page .cfte-detail-nav{
        gap:2px;
    }


    body.certificate-detail-page .cfte-detail-nav a{
        flex:0 0 auto;

        min-height:41px;

        padding:7px 13px;

        font-size:.72rem;
    }


    body.certificate-detail-page #top,
    body.certificate-detail-page #exams,
    body.certificate-detail-page #curriculum,
    body.certificate-detail-page #fees,
    body.certificate-detail-page #study-map,
    body.certificate-detail-page #cfte-vs-cmt,
    body.certificate-detail-page #faq{
        scroll-margin-top:135px;
    }

}


/* Reduced motion */

@media(prefers-reduced-motion:reduce){

    body.certificate-detail-page .cfte-detail-nav a{
        transition:none;
    }

}


/* =========================================================
   CFTECOURSES — CFTE CONVERSION FLOW V14 FINAL
   ========================================================= */

body.certificate-detail-page .cfte-conversion-v14{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto 38px;
    padding:24px;

    border:1px solid rgba(15,61,94,.09);
    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            rgba(0,166,199,.055),
            rgba(24,166,126,.035)
        ),
        #fff;

    box-shadow:0 14px 36px rgba(8,27,44,.05);
}


body.certificate-detail-page .cfte-conversion-v14-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;

    margin-bottom:20px;
}


body.certificate-detail-page .cfte-conversion-v14-kicker{
    display:block;
    margin-bottom:5px;

    color:#00A6C7;

    font-size:.7rem;
    font-weight:900;
    letter-spacing:.04em;
}


body.certificate-detail-page .cfte-conversion-v14-head h2{
    margin:0 0 6px;

    color:#102f45;

    font-size:1.18rem;
    line-height:1.55;
}


body.certificate-detail-page .cfte-conversion-v14-head p{
    margin:0;

    color:#6b7f8d;

    font-size:.82rem;
    line-height:1.8;
}


body.certificate-detail-page .cfte-conversion-v14-start{
    flex:0 0 auto;

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

    min-height:46px;
    padding:9px 18px;

    border-radius:13px;

    background:linear-gradient(
        135deg,
        #00A6C7,
        #18A67E
    );

    color:#fff;
    text-decoration:none;

    font-size:.8rem;
    font-weight:900;

    box-shadow:0 9px 22px rgba(0,166,199,.15);
}


body.certificate-detail-page .cfte-conversion-v14-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
}


body.certificate-detail-page .cfte-v14-step{
    display:flex;
    align-items:center;
    gap:9px;

    min-width:0;
    min-height:66px;

    padding:9px;

    border:1px solid rgba(15,61,94,.08);
    border-radius:14px;

    background:rgba(255,255,255,.8);

    color:#17364b;
    text-decoration:none;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


body.certificate-detail-page .cfte-v14-step:hover{
    transform:translateY(-2px);

    border-color:rgba(0,166,199,.24);

    box-shadow:0 8px 20px rgba(8,27,44,.06);
}


body.certificate-detail-page .cfte-v14-step b{
    flex:0 0 auto;

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

    width:31px;
    height:31px;

    border-radius:9px;

    background:rgba(0,166,199,.10);

    color:#0092b3;

    font-size:.66rem;
    font-weight:900;
}


body.certificate-detail-page .cfte-v14-step strong{
    display:block;

    font-size:.73rem;
    line-height:1.5;
}


body.certificate-detail-page .cfte-v14-step small{
    display:block;

    margin-top:2px;

    color:#758895;

    font-size:.61rem;
    line-height:1.4;
}


body.certificate-detail-page .cfte-v14-step.is-final{
    border-color:rgba(24,166,126,.18);

    background:linear-gradient(
        135deg,
        rgba(0,166,199,.10),
        rgba(24,166,126,.10)
    );
}


/* Dark mode */

html[data-theme="dark"]
body.certificate-detail-page .cfte-conversion-v14{
    background:
        linear-gradient(
            135deg,
            rgba(0,166,199,.07),
            rgba(24,166,126,.035)
        ),
        #0D2233;

    border-color:rgba(255,255,255,.07);
}


html[data-theme="dark"]
body.certificate-detail-page .cfte-conversion-v14-head h2,
html[data-theme="dark"]
body.certificate-detail-page .cfte-v14-step{
    color:#e3edf3;
}


html[data-theme="dark"]
body.certificate-detail-page .cfte-v14-step{
    background:rgba(255,255,255,.025);
    border-color:rgba(255,255,255,.07);
}


/* Tablet */

@media(max-width:980px){

    body.certificate-detail-page .cfte-conversion-v14-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


/* Mobile */

@media(max-width:760px){

    body.certificate-detail-page .cfte-conversion-v14{
        width:calc(100% - 24px);
        padding:17px;
        margin-bottom:28px;
        border-radius:18px;
    }

    body.certificate-detail-page .cfte-conversion-v14-head{
        display:block;
    }

    body.certificate-detail-page .cfte-conversion-v14-start{
        width:100%;
        margin-top:14px;
    }

    body.certificate-detail-page .cfte-conversion-v14-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
    }

}


@media(max-width:430px){

    body.certificate-detail-page .cfte-conversion-v14-grid{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   CFTECOURSES — RICH CERTIFICATE ENGINE V25
   ========================================================= */


/* =========================
   PROFILE
   ========================= */

body.certificate-detail-page .rich-cert-profile-v25{
    width:min(1180px, calc(100% - 40px));

    margin:0 auto 36px;
    padding:24px;

    border:1px solid rgba(15,61,94,.09);
    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            rgba(0,166,199,.045),
            rgba(24,166,126,.025)
        ),
        #fff;

    box-shadow:
        0 14px 38px rgba(8,27,44,.045);
}


body.certificate-detail-page .rich-cert-profile-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:26px;

    margin-bottom:20px;
}


body.certificate-detail-page .rich-cert-profile-kicker{
    display:block;

    margin-bottom:5px;

    color:#00A6C7;

    font-size:.7rem;
    font-weight:900;

    letter-spacing:.04em;
}


body.certificate-detail-page .rich-cert-profile-head h2{
    margin:0 0 6px;

    color:#102f45;

    font-size:1.2rem;
    line-height:1.55;
}


body.certificate-detail-page .rich-cert-profile-head p{
    margin:0;

    color:#6d818f;

    font-size:.82rem;
    line-height:1.8;
}


body.certificate-detail-page .rich-cert-compare-btn{
    flex:0 0 auto;

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

    min-height:45px;

    padding:9px 17px;

    border:1px solid rgba(0,166,199,.18);
    border-radius:13px;

    background:#fff;

    color:#008eae;
    text-decoration:none;

    font-size:.78rem;
    font-weight:900;
}


body.certificate-detail-page .rich-cert-profile-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;
}


body.certificate-detail-page .rich-cert-profile-item{
    min-width:0;

    padding:13px 12px;

    border:1px solid rgba(15,61,94,.07);
    border-radius:14px;

    background:rgba(255,255,255,.7);
}


body.certificate-detail-page .rich-cert-profile-item span{
    display:block;

    margin-bottom:4px;

    color:#7b8c97;

    font-size:.64rem;
    font-weight:700;
}


body.certificate-detail-page .rich-cert-profile-item strong{
    display:block;

    color:#17364b;

    font-size:.73rem;
    line-height:1.6;
}


/* =========================
   STUDY
   ========================= */

body.certificate-detail-page .rich-cert-study-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:14px;

    margin-top:18px;
}


body.certificate-detail-page .rich-cert-study-card{
    padding:20px;

    border:1px solid rgba(15,61,94,.08);
    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            rgba(0,166,199,.035),
            rgba(255,255,255,.7)
        );
}


body.certificate-detail-page .rich-cert-card-label{
    display:block;

    margin-bottom:5px;

    color:#00A6C7;

    font-size:.65rem;
    font-weight:900;
}


body.certificate-detail-page .rich-cert-study-card h3{
    margin:0 0 9px;

    color:#17364b;

    font-size:.96rem;
}


body.certificate-detail-page .rich-cert-study-card p{
    margin:0;

    color:#627785;

    font-size:.8rem;
    line-height:1.9;
}


body.certificate-detail-page .rich-cert-study-card.is-note{
    border-style:dashed;
}


/* =========================
   DECISION
   ========================= */

body.certificate-detail-page .rich-cert-decision-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:14px;

    margin-top:18px;
}


body.certificate-detail-page .rich-cert-decision-card{
    padding:20px;

    border:1px solid rgba(15,61,94,.08);
    border-radius:18px;

    background:#fff;
}


body.certificate-detail-page .rich-cert-decision-card.is-positive{
    background:
        linear-gradient(
            135deg,
            rgba(24,166,126,.055),
            rgba(255,255,255,.8)
        );
}


body.certificate-detail-page .rich-cert-decision-card span{
    display:block;

    margin-bottom:7px;

    color:#00A6C7;

    font-size:.68rem;
    font-weight:900;
}


body.certificate-detail-page .rich-cert-decision-card p{
    margin:0;

    color:#5f7482;

    font-size:.81rem;
    line-height:1.9;
}


body.certificate-detail-page .rich-cert-decision-note{
    margin-top:14px;
    padding:13px 16px;

    border-radius:13px;

    background:rgba(15,61,94,.035);

    color:#667b89;

    font-size:.74rem;
    line-height:1.8;
}


/* =========================
   START
   ========================= */

body.certificate-detail-page .rich-cert-start-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:10px;

    margin-top:18px;
}


body.certificate-detail-page .rich-cert-start-grid article{
    padding:17px;

    border:1px solid rgba(15,61,94,.075);
    border-radius:17px;

    background:#fff;
}


body.certificate-detail-page .rich-cert-start-grid b{
    display:flex;
    align-items:center;
    justify-content:center;

    width:32px;
    height:32px;

    margin-bottom:10px;

    border-radius:10px;

    background:rgba(0,166,199,.09);

    color:#0090b0;

    font-size:.65rem;
}


body.certificate-detail-page .rich-cert-start-grid strong{
    display:block;

    margin-bottom:6px;

    color:#17364b;

    font-size:.78rem;
}


body.certificate-detail-page .rich-cert-start-grid p{
    margin:0;

    color:#708390;

    font-size:.71rem;
    line-height:1.75;
}


body.certificate-detail-page .rich-cert-start-actions{
    display:flex;
    flex-wrap:wrap;

    gap:10px;

    margin-top:18px;
}


body.certificate-detail-page .rich-cert-official-btn,
body.certificate-detail-page .rich-cert-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:44px;

    padding:9px 16px;

    border-radius:13px;

    text-decoration:none;

    font-size:.76rem;
    font-weight:900;
}


body.certificate-detail-page .rich-cert-official-btn{
    background:
        linear-gradient(
            135deg,
            #00A6C7,
            #18A67E
        );

    color:#fff;
}


body.certificate-detail-page .rich-cert-secondary-btn{
    border:1px solid rgba(0,166,199,.17);

    background:#fff;

    color:#008eae;
}


/* =========================
   FAQ
   ========================= */

body.certificate-detail-page .rich-cert-faq-list{
    display:grid;

    gap:9px;

    margin-top:18px;
}


body.certificate-detail-page .rich-cert-faq-list details{
    border:1px solid rgba(15,61,94,.08);
    border-radius:15px;

    background:#fff;

    overflow:hidden;
}


body.certificate-detail-page .rich-cert-faq-list summary{
    position:relative;

    padding:15px 17px;

    color:#17364b;

    font-size:.79rem;
    font-weight:900;

    cursor:pointer;
}


body.certificate-detail-page .rich-cert-faq-list details > div{
    padding:
        0 17px 16px;

    color:#627785;

    font-size:.78rem;
    line-height:1.9;
}


/* =========================
   DARK
   ========================= */

html[data-theme="dark"]
body.certificate-detail-page .rich-cert-profile-v25,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-study-card,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-decision-card,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-start-grid article,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-faq-list details{
    background:#0D2233;

    border-color:rgba(255,255,255,.07);
}


html[data-theme="dark"]
body.certificate-detail-page .rich-cert-profile-head h2,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-profile-item strong,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-study-card h3,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-start-grid strong,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-faq-list summary{
    color:#e5eef4;
}


html[data-theme="dark"]
body.certificate-detail-page .rich-cert-profile-item{
    background:rgba(255,255,255,.025);

    border-color:rgba(255,255,255,.06);
}


html[data-theme="dark"]
body.certificate-detail-page .rich-cert-compare-btn,
html[data-theme="dark"]
body.certificate-detail-page .rich-cert-secondary-btn{
    background:#102a3d;
}


/* =========================
   RESPONSIVE
   ========================= */

@media(max-width:980px){

    body.certificate-detail-page .rich-cert-profile-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    body.certificate-detail-page .rich-cert-start-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:760px){

    body.certificate-detail-page .rich-cert-profile-v25{
        width:calc(100% - 24px);

        padding:17px;

        border-radius:18px;
    }


    body.certificate-detail-page .rich-cert-profile-head{
        display:block;
    }


    body.certificate-detail-page .rich-cert-compare-btn{
        width:100%;

        margin-top:14px;
    }


    body.certificate-detail-page .rich-cert-profile-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    body.certificate-detail-page .rich-cert-study-grid,
    body.certificate-detail-page .rich-cert-decision-grid{
        grid-template-columns:1fr;
    }


    body.certificate-detail-page .rich-cert-start-actions{
        display:block;
    }


    body.certificate-detail-page .rich-cert-official-btn,
    body.certificate-detail-page .rich-cert-secondary-btn{
        width:100%;

        margin-top:8px;
    }

}


@media(max-width:430px){

    body.certificate-detail-page .rich-cert-profile-grid,
    body.certificate-detail-page .rich-cert-start-grid{
        grid-template-columns:1fr;
    }

}