/* Fix logo size */
.logo img,
.logo .custom-logo,
.custom-logo-link img {
    height: 65px !important;
    width: auto !important;
    max-width: none !important;
}

/* Fix hero and footer logo white box */
.hero-image-box img {
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.4)) !important;
    opacity: 0.9;
}
.footer-brand .logo-wrap img {
    filter: none !important;
    opacity: 0.9;
}

/* Stats grid for about-us and corporate training pages */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 24px;
}
.stat-card {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 16px;
    padding: 20px;
    text-align: center;
}
.stat-number {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    font-family: var(--font-head);
}
.stat-label {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* About page layout */
.about-section {
    padding: 80px 24px;
}
.about-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}
.about-visual {
    background: var(--gradient);
    border-radius: 24px;
    overflow: hidden;
}
.about-text h2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: #1a2636;
    margin-bottom: 16px;
}
.about-text p {
    color: var(--neutral);
    line-height: 1.8;
    margin-bottom: 16px;
}

/* Trainers grid */
.trainers-section {
    padding: 80px 24px;
}
.trainers-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.trainer-card-alt {
    background: #fff;
    border: 1px solid #e8eef5;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--card-shadow);
    text-align: center;
    padding: 32px 24px;
}
.trainer-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--gradient);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 2.5rem;
    color: rgba(255,255,255,0.8);
}

/* Resources grid */
.resources-section {
    padding: 80px 24px;
}
.resources-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.resource-card {
    background: #fff;
    border: 1px solid #e8eef5;
    border-radius: 20px;
    padding: 28px;
    box-shadow: var(--card-shadow);
}
.resource-card h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a2636;
    margin-bottom: 10px;
}
.resource-card p {
    font-size: 0.88rem;
    color: var(--neutral);
    line-height: 1.7;
    margin-bottom: 16px;
}

/* Page hero fixes for custom templates */
.page-hero-content {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.page-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.7);
}
.page-breadcrumb a {
    color: rgba(255,255,255,0.9);
}
.page-breadcrumb .separator {
    color: rgba(255,255,255,0.5);
}
.page-hero-title {
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
}
.page-hero-subtitle {
    color: rgba(255,255,255,0.85);
    font-size: 1rem;
    max-width: 600px;
}

/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Corporate training stats */
.corporate-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 32px;
}
.corporate-stat {
    text-align: center;
    padding: 16px;
}
.corporate-stat .stat-value {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    font-family: var(--font-head);
}
.corporate-stat .stat-desc {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.8);
    display: block;
}

@media (max-width: 768px) {
    .about-grid, .trainers-grid, .resources-grid {
        grid-template-columns: 1fr;
    }
    .stats-grid, .corporate-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ==============================
   VISUAL DESIGN FIXES - Match Reference Site
   ============================== */

/* Section badge label */
.section-badge {
    display: inline-block;
    background: rgba(0, 113, 191, 0.1);
    color: #0071bf;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.section-title {
    font-size: 2rem;
    color: #1a2636;
    font-weight: 700;
    margin-bottom: 32px;
}

/* ========== CONTACT PAGE ========== */
.contact-section {
    padding: 64px 0;
    background: #fff;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 48px;
    align-items: start;
}

.contact-info {
    padding-right: 24px;
}

.contact-info-heading {
    font-size: 1.75rem;
    color: #1a2636;
    font-weight: 700;
    margin-bottom: 16px;
}

.contact-info-desc {
    color: #6a727a;
    line-height: 1.7;
    margin-bottom: 32px;
}

.contact-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 16px;
    background: #f4f8fd;
    border-radius: 10px;
    border: 1px solid #e1e8f0;
}

.contact-item-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.contact-item-icon svg {
    width: 20px;
    height: 20px;
    stroke: white;
}

.contact-item-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact-item-text strong {
    font-size: 1rem;
    font-weight: 600;
    color: #1a2636;
}

.contact-item-text span {
    color: #6a727a;
    font-size: 0.95rem;
    line-height: 1.5;
}

.contact-social {
    display: flex;
    gap: 12px;
    margin-top: 32px;
}

.social-link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #0071bf;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s ease;
}

.social-link:hover {
    background: #1c69bf;
    transform: translateY(-2px);
}

.social-link svg {
    width: 18px;
    height: 18px;
    fill: white;
}

.contact-form-wrap {
    background: #fff;
    padding: 32px;
    border-radius: 12px;
    border: 1px solid #e1e8f0;
    box-shadow: 0 2px 12px rgba(0,113,191,0.08);
}

.contact-form-wrap h3 {
    font-size: 1.5rem;
    color: #1a2636;
    margin-bottom: 8px;
}

.contact-form-wrap p {
    color: #6a727a;
    margin-bottom: 24px;
    font-size: 0.95rem;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1a2636;
}

.form-group input,
.form-group select,
.form-group textarea {
    padding: 12px 16px;
    border: 1px solid #cfcecf;
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.95rem;
    color: #1a2636;
    transition: all 0.3s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #0071bf;
    box-shadow: 0 0 0 3px rgba(0,113,191,0.1);
}

.btn-submit {
    background: linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%);
    color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Sora', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,113,191,0.3);
}

/* ========== RESOURCES PAGE ========== */
.articles-section {
    padding: 64px 0;
    background: #fff;
}

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

.resource-card {
    background: #fff;
    border: 1px solid #e1e8f0;
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.resource-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,113,191,0.12);
    border-color: #0071bf;
}

.resource-card-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.resource-card-icon svg {
    width: 24px;
    height: 24px;
    stroke: white;
}

.resource-category {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0071bf;
    background: rgba(0, 113, 191, 0.1);
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    align-self: flex-start;
}

.resource-card h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a2636;
    line-height: 1.4;
    margin: 8px 0;
}

.resource-card h3 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.resource-card h3 a:hover {
    color: #0071bf;
}

.resource-card p {
    color: #6a727a;
    line-height: 1.6;
    font-size: 0.95rem;
    flex-grow: 1;
}

.resource-card .read-more {
    color: #0071bf;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    transition: all 0.3s ease;
}

.resource-card .read-more:hover {
    gap: 10px;
    color: #1c69bf;
}

/* ========== ABOUT PAGE FIXES ========== */
.about-text h2:before {
    content: 'ABOUT US';
    display: block;
    background: rgba(0, 113, 191, 0.1);
    color: #0071bf;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
    width: fit-content;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .resources-card-grid {
        grid-template-columns: 1fr;
    }
    
    .btn-submit {
        width: 100%;
    }
}

/* ============================================================
   ABOUT US PAGE - NEW SECTIONS CSS
   Matches certificate.qaassessor.org design
   ============================================================ */

/* --- About page section wrappers --- */
.about-strip {
    padding: 80px 24px;
    background: #fff;
}
.about-mvp-wrap {
    padding: 80px 24px;
    background: var(--light-bg, #f4f8fd);
}
.about-team-wrap {
    padding: 80px 24px;
    background: #fff;
}
.about-industries-wrap {
    padding: 80px 24px;
}

/* --- Section inner for about wrap --- */
.about-mvp-wrap .section-inner,
.about-team-wrap .section-inner {
    padding: 0 24px;
}

/* --- Mission / Vision / Philosophy cards --- */
.mvp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 8px;
}
.mvp-card {
    background: #fff;
    border: 1px solid rgba(0,113,191,0.10);
    border-radius: 20px;
    padding: 36px 28px;
    box-shadow: 0 4px 24px rgba(0,113,191,0.08);
    transition: transform 0.25s, box-shadow 0.25s;
}
.mvp-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(0,113,191,0.14);
}
.mvp-icon-box {
    width: 52px;
    height: 52px;
    background: #e8f3fb;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 1.5rem;
}
.mvp-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a2636;
    margin-bottom: 12px;
    font-family: var(--font-head, 'Sora', sans-serif);
}
.mvp-card p {
    color: var(--neutral, #6a727a);
    line-height: 1.7;
    font-size: 0.95rem;
    margin: 0;
}

/* --- Trainers grid (3-column, matches reference) --- */
.trainers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 40px;
}

/* --- Industries 6-column grid --- */
.industries-6col {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* --- Section tag light variant (for blue backgrounds) --- */
.section-tag.light,
.why-section .section-tag {
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.25);
}

/* --- Section title white variant --- */
.why-section .section-title {
    color: #fff;
}

/* --- Section sub white variant --- */
.why-section .section-sub {
    color: rgba(255,255,255,0.85);
}

/* --- About who inner layout (ensure 2-col on wide) --- */
.about-who-inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 900px) {
    .mvp-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .trainers-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .industries-6col {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .industries-6col {
        grid-template-columns: 1fr !important;
    }
    .about-strip,
    .about-mvp-wrap,
    .about-team-wrap,
    .about-industries-wrap {
        padding: 48px 16px;
    }
}

/* Method list for Training Methodology page */
.method-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
}
.method-list-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,0.18);
    border-radius: 12px;
    padding: 16px 20px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}
.method-list-item i {
    font-size: 1.1rem;
    color: #fff;
    opacity: 0.9;
    flex-shrink: 0;
}
.method-list-item span {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}
.method-list-item {
    flex-wrap: wrap;
}
.method-list-item small {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    color: rgba(255,255,255,0.75);
    font-weight: 400;
    margin-top: 2px;
    padding-left: 34px;
}

/* ===== Our Six-Step Training Method - Reference Image Styles ===== */

/* Section background */
.methodology-light-section {
    background-color: #EEF2F7 !important;
    padding: 80px 40px !important;
}

/* Container centering */
.methodology-light-section .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* "OUR APPROACH" pill label above heading using pseudo-element */
.methodology-light-section h2::before {
    content: 'OUR APPROACH';
    display: inline-block;
    background-color: #dce8f5;
    color: #1a4a7a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 6px 18px;
    border-radius: 20px;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-family: var(--font-head, sans-serif);
}

/* Main heading */
.methodology-light-section h2 {
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    color: #0d1b2e !important;
    margin-bottom: 8px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 1.2;
}

/* Hide section intro subtitle */
.methodology-light-section .section-intro {
    display: none !important;
}

/* Grid - 2 columns */
.methodology-light-section .method-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    margin-top: 48px !important;
    text-align: left;
}

/* Cards */
.methodology-light-section .method-card {
    background: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 32px 28px !important;
    box-shadow: 0 2px 12px rgba(0, 60, 130, 0.07) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 20px !important;
}

/* Number badge - dark blue rounded square */
.methodology-light-section .method-step {
    min-width: 52px;
    width: 52px;
    height: 52px;
    background: #0071bf !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    font-family: var(--font-head, sans-serif);
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    padding: 0 !important;
    letter-spacing: 0.5px;
}

/* Card titles */
.methodology-light-section .method-card h3 {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #0d1b2e !important;
    margin-bottom: 10px !important;
    margin-top: 4px !important;
    line-height: 1.3;
}

/* Card descriptions */
.methodology-light-section .method-card p {
    font-size: 0.875rem !important;
    color: #5a6a7e !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ===== CTA Section Buttons - View Training Schedule & Contact Us ===== */

/* Primary button: white fill, dark bold text, pill shape */
.cta-section .cta-buttons .btn-primary {
    background: #ffffff !important;
    color: #1a2636 !important;
    border: 2px solid #ffffff !important;
    border-radius: 50px !important;
    padding: 14px 36px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.cta-section .cta-buttons .btn-primary:hover {
    background: rgba(255,255,255,0.9) !important;
    color: #1a2636 !important;
}

/* Secondary button: transparent, white border, white text, pill shape */
.cta-section .cta-buttons .btn-secondary {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 50px !important;
    padding: 14px 36px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.cta-section .cta-buttons .btn-secondary:hover {
    background: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}

/* Buttons container spacing */
.cta-section .cta-buttons {
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 32px !important;
}

/* Register button styling - matches homepage btn-primary */
a.btn-register-small {
    display: inline-block !important;
    background: linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%) !important;
    color: #ffffff !important;
    font-family: 'Sora', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12.48px !important;
    padding: 7px 18px !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer !important;
    transition: 0.25s !important;
    box-shadow: rgba(0, 113, 191, 0.3) 0px 4px 15px !important;
    text-decoration: none !important;
}
a.btn-register-small:hover {
    box-shadow: rgba(0, 113, 191, 0.5) 0px 8px 28px !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* Align nav menu to the right */
.site-nav {
    margin-left: auto !important;
}

/* ===== BRAND COLOR OVERRIDES ===== */

/* ============================================================
   QA ASSESSOR — BRAND COLOR DESIGN SYSTEM
   Primary Blue: #0071bf  |  Accent Gold: #0172c0
   ============================================================ */

/* === CSS VARIABLES OVERRIDE === */
:root {
  --primary:        #0071bf;
  --primary-dark:   #1c69bf;
  --primary-darker: #005091;
  --primary-light:  #0172c0;
  --primary-xlight: #e8f3fb;
  --accent:         #0172c0;
  --accent-dark:    #0071bf;
  --accent-light:   #4396d4;
  --accent-xlight:  #e8f3fb;
  --orange:         #0172c0;
  --gradient:       linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%);
  --gradient-h:     linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%);
  --gradient-orange: linear-gradient(135deg, #1c69bf 0%, #0071bf 100%);
  --gradient-hero:  linear-gradient(135deg, #1c69bf 0%, #0071bf 60%, #0172c0 100%);
  --neutral:        #6a727a;
  --border:         #cfcecf;
  --black:          #1a2636;
  --white:          #ffffff;
  --light-bg:       #f4f8fd;
  --card-shadow:    0 4px 24px rgba(0,113,191,0.10);
  --shadow-sm:      0 2px 8px rgba(26,92,181,0.10);
  --shadow-md:      0 6px 24px rgba(26,92,181,0.15);
  --shadow-lg:      0 12px 40px rgba(26,92,181,0.20);
  --radius-sm:      8px;
  --radius-md:      14px;
  --radius-lg:      22px;
  --radius-xl:      32px;
}

/* === HEADER / SITE NAV === */
.site-header {
  background: #ffffff !important;
  border-bottom: 3px solid var(--accent) !important;
  box-shadow: 0 2px 16px rgba(26,92,181,0.10) !important;
}
.site-nav a {
  color: #2a3a54 !important;
  font-weight: 600;
  transition: color 0.2s, background 0.2s;
}
.site-nav a:hover,
.site-nav .current-menu-item > a,
.site-nav .current-menu-ancestor > a {
  color: var(--primary) !important;
  background: var(--primary-xlight) !important;
  border-radius: 8px;
}
.site-nav .current-menu-item > a {
  background: var(--primary-xlight) !important;
  color: var(--primary) !important;
  border-bottom: 2px solid var(--accent) !important;
}

/* === LOGO === */
.logo img,
.logo .custom-logo,
.custom-logo-link img {
  height: 65px !important;
  width: auto !important;
  max-width: none !important;
}

/* === REGISTER NOW BUTTON (Nav CTA) === */
.btn-cta,
.nav-cta,
.header-cta,
a.btn-cta {
  background: var(--gradient-orange) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-xl) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(0, 113, 191,0.35) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.btn-cta:hover,
.nav-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 113, 191,0.45) !important;
}

/* === HERO SECTION === */
.hero,
.hero-section,
section/* ===================== HERO SECTION ===================== */
.hero {
  background: linear-gradient(135deg, #001A33 0%, #003366 50%, #004488 100%) !important;
}

/* Hero badge */
.hero-badge, .hero .section-tag {
  background: rgba(243,146,0,0.15) !important;
  border: 1px solid rgba(243,146,0,0.25) !important;
  color: #FFAA33 !important;
  font-weight: 700 !important;
  border-radius: 100px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.5px !important;
}
.hero-badge .hero-badge-dot {
  width: 7px !important;
  height: 7px !important;
  background: #22C55E !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}

/* Hero text */
.hero p { color: rgba(255,255,255,0.75) !important; }

/* Buttons */
.hero .btn-white, .hero .btn-outline {
  background: transparent !important;
  border: 2px solid rgba(255,255,255,0.4) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
}
.hero .btn-white:hover, .hero .btn-outline:hover {
  background: rgba(255,255,255,0.1) !important;
}
.btn-white {
  background: transparent !important;
  border: 2px solid rgba(255,255,255,0.4) !important;
  color: #FFFFFF !important;
}

/* Hero image box / card */
.hero-image-box {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  padding: 28px !important;
  position: relative !important;
}

/* Hide the screenshot image */
.hero-image-box > img {
  display: none !important;
}

/* OUR EXPERTISE label via before pseudo on container */
.hero-courses-preview::before {
  content: "\f0a3  OUR EXPERTISE" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif !important;
  display: block !important;
  color: #F39200 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

/* Labels container */
.hero-courses-preview {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Individual label pills */
.hero-courses-preview .course-pill {
  background: rgba(255,255,255,0.04) !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 4px !important;
  padding: 11px 14px !important;
}
.hero-courses-preview .course-pill span {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.85) !important;
}
.hero-courses-preview .course-pill i {
  font-size: 0.9rem !important;
  color: #F39200 !important;
}
.hero-courses-preview .fa-circle-check, .hero-courses-preview .fas { color: #F39200 !important; }

/* Hero stats - flat inline style, no cards */
.hero-stats {
  display: flex !important;
  grid-template-columns: unset !important;
  gap: 36px !important;
  margin-top: 40px !important;
  padding-top: 32px !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
}
.hero-stat {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  backdrop-filter: none !important;
}
.hero-stat strong {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  display: block !important;
  font-size: 2rem !important;
}
.hero-stat span {
  color: rgba(255,255,255,0.45) !important;
  text-transform: none !important;
  font-size: 0.78rem !important;
  letter-spacing: 0 !important;
}

.about-strip { background: #FFFFFF !important; border-bottom: 1px solid #E8F0FE !important; }
.about-strip h2 { color: #0D1B2A !important; -webkit-text-fill-color: #0D1B2A !important; }
.about-strip .section-tag { background: #E3EEFF !important; border: 1.5px solid rgba(21,101,192,0.3) !important; color: #1565C0 !important; }
.about-strip p { color: #334155 !important; }
.about-strip .about-feature { color: #1A3A6B !important; }
.about-strip .btn-primary, .about-strip a.btn { background: linear-gradient(135deg, #0071bf, #FF6F00) !important; color: #FFFFFF !important; font-weight: 700 !important; border-radius: 50px !important; }
.about-visual { border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 12px 40px rgba(13,71,161,0.3) !important; }
.about-stat-item { background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(255,255,255,0.22) !important; border-radius: 12px !important; padding: 16px !important; text-align: center !important; }
.about-stat-item strong { color: #FFD54F !important; font-size: 1.7rem !important; font-weight: 800 !important; display: block !important; }
.about-stat-item span { color: rgba(255,255,255,0.82) !important; font-size: 0.7rem !important; text-transform: uppercase !important; }
.courses-section { background: #F5F8FF !important; }
.courses-section h2 { color: #0D1B2A !important; -webkit-text-fill-color: #0D1B2A !important; }
.courses-section p, .courses-section .section-sub { color: #334155 !important; }
.courses-section .section-tag { background: #E3EEFF !important; border: 1.5px solid rgba(21,101,192,0.3) !important; color: #1565C0 !important; }
.course-card { background: #FFFFFF !important; border: 1px solid #D0E0FF !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(13,71,161,0.08) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; overflow: hidden !important; }
.course-card:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 32px rgba(13,71,161,0.18) !important; }
.course-card h3 { color: #0D2B5E !important; }
.course-card .course-card-header { background: linear-gradient(135deg, #EEF4FF, #E3EEFF) !important; padding: 20px !important; border-bottom: 1px solid #D0E0FF !important; }
.course-card .iso-badge { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; color: #FFFFFF !important; border: none !important; font-weight: 700 !important; border-radius: 8px !important; padding: 4px 12px !important; }
.course-type { background: #F5F8FF !important; border: 1px solid #D0E0FF !important; border-left: 3px solid #1565C0 !important; border-radius: 10px !important; padding: 12px 16px !important; transition: all 0.2s !important; }
.course-type:hover { background: #E8F0FE !important; border-left-color: #0D47A1 !important; transform: translateX(4px) !important; }
.course-type h4 { color: #0D2B5E !important; font-weight: 700 !important; }
.course-type-meta { color: #475569 !important; }
.courses-section .btn-primary, .courses-section a.btn { background: linear-gradient(135deg, #0071bf, #FF6F00) !important; color: #FFFFFF !important; font-weight: 700 !important; border-radius: 50px !important; border: none !important; }
.why-section {
  background: linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%) !important;
}
.why-section h2 { color: #FFFFFF !important; }
.why-section p, .why-section .section-sub, .why-section .section-inner > p { color: rgba(255,255,255,0.8) !important; }
.why-section .section-inner { color: #FFFFFF !important; }
.why-section .section-tag { background: rgba(255,255,255,0.15) !important; border: 1px solid rgba(255,255,255,0.3) !important; color: #FFD54F !important; }
.why-card { background: rgba(255,255,255,0.1) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 20px !important; transition: 0.25s !important; }
.why-card:hover { background: rgba(255,255,255,0.18) !important; transform: translateY(-4px) !important; }
.why-card h3, .why-card h4 { color: #FFFFFF !important; font-weight: 700 !important; }
.why-card p { color: rgba(255,255,255,0.8) !important; }
section:has(.method-card) { background: #ffffff !important; }
section:has(.method-card) h2, section:has(.method-card) .section-title { color: #1A2636 !important; -webkit-text-fill-color: #1A2636 !important; }
section:has(.method-card) p, section:has(.method-card) .section-sub { color: #6a727a !important; }
section:has(.method-card) .section-tag { background: rgba(255,213,79,0.15) !important; border-color: rgba(255,213,79,0.5) !important; color: #FFD54F !important; }
.method-card { background: #ffffff !important; border: 1px solid #e8eef5 !important; border-radius: 20px !important; padding: 28px !important; box-shadow: 0 4px 24px rgba(0,113,191,0.08) !important; transition: all 0.3s ease !important; }
.method-card:hover { background: #f4f8fd !important; border-color: #c8dff5 !important; transform: translateY(-3px) !important; box-shadow: 0 8px 32px rgba(0,113,191,0.14) !important; }
.method-card h3, .method-card h4 { color: #1A2636 !important; font-weight: 700 !important; }
.method-card p { color: #6a727a !important; }
.testimonials { background: #F0F6FF !important; }
.testimonials h2 { color: #0D1B2A !important; }
.testimonials p { color: #334155 !important; }
.testimonials .section-tag { background: #E3EEFF !important; border: 1.5px solid rgba(21,101,192,0.3) !important; color: #1565C0 !important; }
.testimonial-card { background: #FFFFFF !important; border: 1px solid #D0E0FF !important; border-top: 4px solid #0071bf !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(13,71,161,0.08) !important; }
.testimonial-card p { color: #334155 !important; font-style: italic !important; }
.testimonial-card .testimonial-author strong { color: #0D2B5E !important; font-weight: 700 !important; }
.testimonial-card .testimonial-author span { color: #64748B !important; }
.testimonial-card .avatar { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; color: #FFFFFF !important; }
.cta-section {
  background: linear-gradient(135deg, #0A2556 0%, #1565C0 50%, #0288D1 100%) !important;
  border-top: 4px solid #0071bf !important;
  border-bottom: 4px solid #0071bf !important;
}
.cta-section h2 { color: #FFFFFF !important; font-weight: 800 !important; }
.cta-section p { color: rgba(255,255,255,0.88) !important; }
.cta-section .btn-white { background: #FFFFFF !important; color: #1565C0 !important; font-weight: 700 !important; border: none !important; border-radius: 50px !important; }
.cta-section .btn-outline { border: 2px solid rgba(255,255,255,0.85) !important; color: #FFFFFF !important; background: transparent !important; font-weight: 600 !important; border-radius: 50px !important; }
.site-footer { background: #0d1f2d !important; border-top: 4px solid #0071bf !important; }
.site-footer h3, .site-footer h4, .footer-col-extra-heading { color: #FFFFFF !important; font-weight: 700 !important; position: relative !important; padding-bottom: 10px !important; }
.site-footer h4::after, .site-footer h3::after, .footer-col-extra-heading::after { content: '' !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 32px !important; height: 2px !important; background: #0071bf !important; }
.site-footer p { color: rgba(255,255,255,0.68) !important; }
.site-footer a, .footer-col a { color: rgba(255,255,255,0.70) !important; }
.site-footer a:hover, .footer-col a:hover { color: #FFD54F !important; }
.footer-email, .site-footer a[href*="mailto"] { color: #64B5F6 !important; }
.footer-social a { background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 10px !important; color: rgba(255,255,255,0.8) !important; }
.footer-social a:hover { background: #0071bf !important; border-color: #0071bf !important; color: #0D1B2A !important; }
.footer-bottom { background: #0d1f2d !important; border-top: 1px solid rgba(255,255,255,0.1) !important; }
.footer-bottom p, .footer-bottom span { color: rgba(255,255,255,0.5) !important; }
.status-open { background: linear-gradient(135deg, #00897B, #00695C) !important; color: #FFFFFF !important; border-radius: 20px !important; padding: 4px 12px !important; font-weight: 600 !important; }
.status-filling { background: linear-gradient(135deg, #FF8F00, #E65100) !important; color: #FFFFFF !important; border-radius: 20px !important; padding: 4px 12px !important; font-weight: 600 !important; }
.btn-primary, button.btn-primary, a.btn-primary { background: linear-gradient(135deg, #0071bf, #FF6F00) !important; color: #FFFFFF !important; border: none !important; font-weight: 700 !important; border-radius: 50px !important; box-shadow: 0 4px 16px rgba(255,111,0,0.4) !important; }
::-webkit-scrollbar { width: 8px !important; }
::-webkit-scrollbar-track { background: #F0F4FF !important; }
::-webkit-scrollbar-thumb { background: #1565C0 !important; border-radius: 4px !important; }

/* === END COMPREHENSIVE REDESIGN v3 === */


/* Management Systems Training Courses page heading color */
.page-hero h1 {
    color: #ffffff !important;
}

/* Breadcrumb links color - match Foundation Training color */
.page-hero .breadcrumb a,
.page-hero .breadcrumb a:visited {
    color: #D3D3D3 !important;
}

/* Breadcrumb color and font-size overrides */
.breadcrumb {
    color: #D3D3D3 !important;
    font-size: 0.736rem !important;
}
.breadcrumb span {
    color: #D3D3D3 !important;
    font-size: 0.736rem !important;
}
.breadcrumb a {
    color: #D3D3D3 !important;
    font-size: 0.736rem !important;
}

/* Course Training Background Colors */
/* Internal Auditor Training (2nd) */
.course-types .course-type:nth-child(2) {
  background: rgb(245, 255, 255) !important;
}

/* Implementer Training (3rd) */
.course-types .course-type:nth-child(3) {
  background: rgb(245, 255, 249) !important;
}

/* Lead Auditor Training (4th) */
.course-types .course-type:nth-child(4) {
  background: rgb(226, 245, 218) !important;
}

/* Course ribbon day labels font color */
.course-type .days {
  color: rgb(235, 158, 16) !important;
}

/* Course ribbon text bold + ~10% larger font */
.course-type span {
  font-weight: bold !important;
  font-size: 0.940rem !important;
}


/* =============================================
   ISO Card Headers: Real Images + Text Overlay
   Card bodies 20% lighter + 20% color tint on images
   ============================================= */

/* Base style for all card headers */
.course-card-header {
  position: relative !important;
  height: 160px !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 0 !important;
}
/* Dark gradient overlay for text readability */
.course-card-header::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0.65) 100%) !important;
  z-index: 1 !important;
  border-radius: 14px 14px 0 0 !important;
}
/* 20% color tint / reflection overlay */
.course-card-header::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  mix-blend-mode: color !important;
}
.course-card-header .iso-badge,
.course-card-header h3 {
  position: relative !important;
  z-index: 2 !important;
}
.course-card-header .iso-badge {
  display: inline-block !important;
  background: rgba(255,255,255,0.22) !important;
  backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  margin: 0 16px 6px 16px !important;
  width: fit-content !important;
}
.course-card-header h3 {
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 16px 14px 16px !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* ISO 9001 - Quality Management - Blue */
.course-card[data-standard="iso-9001"] {
  background: linear-gradient(145deg, #f4f8ff 0%, #e9f1ff 60%, #dce6fa 100%) !important;
  border-color: #c2d5f7 !important;
}
.course-card[data-standard="iso-9001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1581091226825.webp') !important;
}
.course-card[data-standard="iso-9001"] .course-card-header::after {
  background-color: rgba(21,101,192,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 14001 - Environmental - Green */
.course-card[data-standard="iso-14001"] {
  background: linear-gradient(145deg, #f4fcf5 0%, #e4f5e7 60%, #d1edd8 100%) !important;
  border-color: #a8dcb8 !important;
}
.course-card[data-standard="iso-14001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1441974231531.webp') !important;
}
.course-card[data-standard="iso-14001"] .course-card-header::after {
  background-color: rgba(46,125,50,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 45001 - Health & Safety - Orange */
.course-card[data-standard="iso-45001"] {
  background: linear-gradient(145deg, #fff9f3 0%, #fff1e1 60%, #ffe4cb 100%) !important;
  border-color: #f7c28a !important;
}
.course-card[data-standard="iso-45001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1504307651254.webp') !important;
}
.course-card[data-standard="iso-45001"] .course-card-header::after {
  background-color: rgba(230,81,0,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 50001 - Energy Management - Amber */
.course-card[data-standard="iso-50001"] {
  background: linear-gradient(145deg, #fffdf0 0%, #fffad9 60%, #fff5c2 100%) !important;
  border-color: #f7de3c !important;
}
.course-card[data-standard="iso-50001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1509391366360.webp') !important;
}
.course-card[data-standard="iso-50001"] .course-card-header::after {
  background-color: rgba(245,127,23,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 27001 - Information Security - Indigo */
.course-card[data-standard="iso-27001"] {
  background: linear-gradient(145deg, #f5f5ff 0%, #e9e9fd 60%, #d9d9fa 100%) !important;
  border-color: #ababf0 !important;
}
.course-card[data-standard="iso-27001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1550751827-4b.webp') !important;
}
.course-card[data-standard="iso-27001"] .course-card-header::after {
  background-color: rgba(40,53,147,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 42001 - AI Management - Purple */
.course-card[data-standard="iso-42001"] {
  background: linear-gradient(145deg, #faf5ff 0%, #f3e9ff 60%, #e9d9fd 100%) !important;
  border-color: #cc96f5 !important;
}
.course-card[data-standard="iso-42001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1677442135703.webp') !important;
}
.course-card[data-standard="iso-42001"] .course-card-header::after {
  background-color: rgba(106,27,154,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 22301 - Business Continuity - Teal */
.course-card[data-standard="iso-22301"] {
  background: linear-gradient(145deg, #f1fcfa 0%, #def7f4 60%, #c9f1eb 100%) !important;
  border-color: #7adcd4 !important;
}
.course-card[data-standard="iso-22301"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1553877522-43.webp') !important;
}
.course-card[data-standard="iso-22301"] .course-card-header::after {
  background-color: rgba(0,105,92,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 13485 - Medical Devices - Crimson */
.course-card[data-standard="iso-13485"] {
  background: linear-gradient(145deg, #fff5f7 0%, #ffe6eb 60%, #ffd7de 100%) !important;
  border-color: #f5a0ac !important;
}
.course-card[data-standard="iso-13485"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1576091160399.webp') !important;
}
.course-card[data-standard="iso-13485"] .course-card-header::after {
  background-color: rgba(183,28,28,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 22000 - Food Safety - Golden */
.course-card[data-standard="iso-22000"] {
  background: linear-gradient(145deg, #fffdf5 0%, #fff7e1 60%, #fff1c7 100%) !important;
  border-color: #efd582 !important;
}
.course-card[data-standard="iso-22000"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1506617564039.webp') !important;
}
.course-card[data-standard="iso-22000"] .course-card-header::after {
  background-color: rgba(191,54,12,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 37001 - Anti-Bribery - Slate */
.course-card[data-standard="iso-37001"] {
  background: linear-gradient(145deg, #f7f8fa 0%, #edeff5 60%, #dee2ed 100%) !important;
  border-color: #a3aece !important;
}
.course-card[data-standard="iso-37001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1589829545856.webp') !important;
}
.course-card[data-standard="iso-37001"] .course-card-header::after {
  background-color: rgba(38,50,56,0.20) !important;
  mix-blend-mode: normal !important;
}

/* Increase font size 20% and bold for ISO items and OUR EXPERTISE label */
.hero-courses-preview .course-pill span {
	    font-size: 16.6px !important;
	    font-weight: 500 !important;
}

.hero-courses-preview::before {
	    font-size: 12.32px !important;
	    font-weight: 510 !important;
}


/* Override pcb-process section background to match certificate.qaassessor.org */
.pcb-process {
    background: linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%) !important;
}

/* Override pcb-hero background to match certificate.qaassessor.org */
.pcb-hero {
    background: linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%) !important;
}

/*  Hero Video Background  */
.hero.hero-video-bg {
	    position: relative;
	    overflow: hidden;
	    background: linear-gradient(135deg, #1c69bf 0%, #0071bf 50%, #0172c0 100%) !important;
}

.hero-bg-video {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    transform: translate(-50%, -50%);
	    z-index: 0;
	    object-fit: cover;
}

.hero-video-overlay {
	    position: absolute;
	    inset: 0;
	    background: linear-gradient(135deg, rgba(28,105,191,0.30) 0%, rgba(0,113,191,0.25) 50%, rgba(1,114,192,0.20) 100%);
	    z-index: 1;
}

.hero.hero-video-bg .hero-inner {
	    position: relative;
	    z-index: 2;
}




/* ========================================
   FIX: ISO Standards Cards Text Readability
   The pcb-std-code and pcb-std-name colors are being
   overridden by a secondary CSS block with dark colors.
   Force white text for the image-overlay card design.
======================================== */
.pcb-std-code {
    color: #ffffff !important;
    opacity: 0.9;
}
.pcb-std-name {
    color: #ffffff !important;
}

/* FIX: Standards card layout - image overlay design 
   Remove conflicting white background/box-shadow from version 2 CSS */
.pcb-std-card {
    background: transparent !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    padding: 0 !important;
    text-align: left !important;
}

/* FIX: Section spacing - reduce excessive padding between sections 
   that creates large whitespace gaps */
.pcb-levels {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
}
.pcb-commitment {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.pcb-testimonials {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
}
.pcb-news {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


/* Logo colors match certificate site */
.logo-text .brand-name,
.logo-name {
  color: #0071bf !important;
}

.logo-text .brand-tagline,
.logo-tagline {
  color: #6a727a !important;
}

/* Fix header text wrapping */
.logo-tagline { white-space: nowrap !important; }
#primary-menu li a { white-space: nowrap !important; }

/* ─── TOP UTILITY BAR (HEADER TOPBAR) ─── */
.header-topbar {
  background: #f0f6ff;
  border-bottom: 1px solid #bfdbfe;
}
.header-topbar-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 6px 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header-topbar-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.topbar-link {
  font-size: 0.8rem;
  font-weight: 500;
  color: #1e40af;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 0;
  white-space: nowrap;
}
.topbar-link:hover {
  color: #0071bf;
}

/* ═══════════════════════════════════════════
   ASNT-STYLE HEADER REDESIGN
   ═══════════════════════════════════════════ */

/* ─── OVERALL SITE HEADER ─── */
.site-header {
  background: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
  border-bottom: none !important;
}

/* ─── TOP UTILITY BAR ─── */
.header-topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.header-topbar-inner {
  max-width: 1280px !important;
  padding: 8px 32px !important;
}
.topbar-link {
  color: #374151 !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
}
.topbar-link i {
  color: #1a3a6e !important;
}
.topbar-link:hover {
  color: #1a3a6e !important;
}

/* ─── MAIN HEADER INNER (LOGO + NAV + CTA) ─── */
.header-inner {
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 32px !important;
  max-width: 100% !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* ─── NAVIGATION ─── */
.site-nav {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  justify-content: center !important;
}
.site-nav .menu {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.site-nav .menu > li > a {
  color: #1a2336 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: color 0.2s, background 0.2s !important;
  white-space: nowrap !important;
}
.site-nav .menu > li > a:hover,
.site-nav .menu > li.current-menu-item > a {
  color: #1a3a6e !important;
  background: #f0f4ff !important;
}

/* ─── HEADER CTA GROUP (LOGIN + JOIN) ─── */
.header-cta-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

/* Login button - ghost/text style like ASNT */
.btn-login {
  color: #1a2336 !important;
  background: transparent !important;
  border: none !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: color 0.2s !important;
  white-space: nowrap !important;
}
.btn-login:hover {
  color: #1a3a6e !important;
  background: #f0f4ff !important;
}

/* JOIN NOW button - solid dark navy like ASNT's "JOIN ASNT" */
.btn-register {
  background: #1a3a6e !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background 0.2s !important;
  display: inline-block !important;
}
.btn-register:hover {
  background: #0f2650 !important;
  color: #ffffff !important;
}

/* ─── LOGO ─── */
.logo {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}


/* ============================================
   ASNT.ORG STYLE HEADER - PRECISE SELECTORS
   ============================================ */

/* ── TOP UTILITY BAR: light gray background like ASNT ── */
.site-header .header-topbar {
  background-color: #f2f4f6 !important;
  border-bottom: 1px solid #dce1e7 !important;
  padding: 6px 0 !important;
}
.site-header .header-topbar-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}
.site-header .header-topbar-inner a {
  color: #444 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  padding: 0 14px !important;
  border-right: 1px solid #ccc !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: color 0.2s !important;
  line-height: 1.4 !important;
}
.site-header .header-topbar-inner a:last-child {
  border-right: none !important;
  padding-right: 0 !important;
}
.site-header .header-topbar-inner a:first-child {
  padding-left: 0 !important;
}
.site-header .header-topbar-inner a:hover {
  color: #003087 !important;
}

/* ── MAIN HEADER ROW: white background, clean ── */
.site-header .header-inner {
  background: #ffffff !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 70px !important;
}

/* ── OVERALL HEADER: white bg, subtle bottom shadow ── */
header.site-header {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  border-bottom: none !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
}

/* ── NAV MENU: clean, spaced, ASNT-like ── */
.site-header .site-nav {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  justify-content: center !important;
}
.site-header .site-nav ul {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.site-header .site-nav ul li.menu-item > a {
  color: #1a1a1a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.1px !important;
  padding: 24px 16px !important;
  border-bottom: 3px solid transparent !important;
  border-top: 3px solid transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
  text-decoration: none !important;
  display: inline-block !important;
  white-space: nowrap !important;
  background: transparent !important;
}
.site-header .site-nav ul li.menu-item > a:hover {
  color: #003087 !important;
  border-bottom-color: #003087 !important;
  background: transparent !important;
}
.site-header .site-nav ul li.current-menu-item > a,
.site-header .site-nav ul li.current_page_item > a {
  color: #003087 !important;
  border-bottom-color: #003087 !important;
}

/* ── DROPDOWN INDICATOR ── */
.site-header .site-nav ul li.menu-item-has-children > a::after {
  content: " ▾" !important;
  font-size: 10px !important;
  vertical-align: middle !important;
  color: #666 !important;
}

/* ── DROPDOWN MENUS ── */
.site-header .site-nav ul li.menu-item-has-children ul {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-top: 3px solid #003087 !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
  min-width: 200px !important;
  padding: 8px 0 !important;
  position: absolute !important;
}
.site-header .site-nav ul li.menu-item-has-children ul li a {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 9px 20px !important;
  border-bottom: none !important;
  border-top: none !important;
  display: block !important;
  border-left: 3px solid transparent !important;
}
.site-header .site-nav ul li.menu-item-has-children ul li a:hover {
  background: #f0f5ff !important;
  color: #003087 !important;
  border-left-color: #003087 !important;
}

/* ── LOGO ── */
.site-header a.logo {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  padding: 8px 0 !important;
}

/* ── CTA GROUP ── */
.site-header .header-cta-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

/* ── LOGIN LINK ── */
.site-header .btn-login {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 6px 10px !important;
  transition: color 0.2s !important;
}
.site-header .btn-login:hover {
  color: #003087 !important;
}

/* ── JOIN NOW BUTTON (ASNT-style pill) ── */
.site-header .btn-register {
  background: #003087 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 9px 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: none !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
  white-space: nowrap !important;
  display: inline-block !important;
}
.site-header .btn-register:hover {
  background: #001a5c !important;
  color: #ffffff !important;
}


/* ── Member Dashboard: Full-width hero banner ── */
.page-id-1059 section {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
}
.page-id-1059 .mdb-wrap {
  width: 100% !important;
  max-width: 100% !important;
}
.page-id-1059 .mdb-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

/* Hide Login button from menu */
.site-header .btn-login,
.mobile-nav .btn-login {
	    display: none !important;
}
}

/* JOIN NOW button - match QA Assessor brand blue */
.site-header .btn-register,
.mobile-nav .btn-register {
	    background: #0071BF !important;
	    box-shadow: rgba(0, 113, 191, 0.35) 0px 4px 15px !important;
}
.site-header .btn-register:hover,
.mobile-nav .btn-register:hover {
	    background: #005fa3 !important;
	    box-shadow: rgba(0, 113, 191, 0.5) 0px 6px 22px !important;
}

/* Topbar links - Log In, Jobs Portal, Events Calendar */
.header-topbar-right .topbar-link,
.header-topbar-right a {
	    color: #0071BF !important;
}

/* JOIN NOW button color - matching QA Assessor brand blue */
.site-header .btn-register,
.site-header a.btn-register,
.mobile-nav .btn-register {
    background: #2563EB !important;
    background-color: #2563EB !important;
    border-color: #2563EB !important;
    box-shadow: rgba(37, 99, 235, 0.35) 0px 4px 15px !important;
}
.site-header .btn-register:hover,
.site-header a.btn-register:hover,
.mobile-nav .btn-register:hover {
    background: #1d4ed8 !important;
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    box-shadow: rgba(37, 99, 235, 0.5) 0px 6px 22px !important;
}

/* Top bar links - Log In, Jobs Portal, Events Calendar */
.topbar-link,
a.topbar-link,
.header-topbar-right .topbar-link,
.header-topbar-right a {
    color: #2563EB !important;
}
.topbar-link:hover,
a.topbar-link:hover,
.header-topbar-right .topbar-link:hover {
    color: #1d4ed8 !important;
}
.topbar-link i,
a.topbar-link i {
    color: #2563EB !important;
}

/* Member rail: sub section tabs at 25% of the navy, so they read lighter than the main section */
#buddypress .qap-srail .qap-srail-views > li.current > a,
#buddypress .qap-srail .qap-srail-views > li.selected > a { background: #C5CED7 !important; color: #173B5F !important; font-weight: 600 !important; }

/* qa-feed-reserve (2026-11-13): on the Feed the post box and the list keep their place while they load, so the page does not jump on phones and tablets. The record shortcuts wait until they are inside the post box, as they already do on desktop. */
body.qap-app #buddypress > #bp-nouveau-activity-form + .qap-composer-actions { display: none !important; }
@media (max-width: 900px) {
	body.qap-app.activity.directory #buddypress > #bp-nouveau-activity-form { min-height: 169px; }
	body.qap-app.activity.directory #buddypress > .screen-content { min-height: calc(100vh - 400px); }
}
@media (max-width: 480px) {
	body.qap-app.activity.directory #buddypress > #bp-nouveau-activity-form { min-height: 265px; }
}
/* end qa-feed-reserve */

/* qa-basket-reserve (2026-11-13): on phones the basket keeps the footer below the first screen while it loads, so the page does not jump. */
@media (max-width: 782px) {
	body.woocommerce-cart .wp-block-woocommerce-cart { min-height: calc(100vh - 330px); }
}
/* end qa-basket-reserve */

/* qa-mobile-fields (2026-11-13): on phones every form field is set in 16px type, so iPhones do not zoom the page when a field is tapped and typed text is easier to read. Labels, tabs and badges keep their size. */
@media (max-width: 782px) {
	html:not(#qa-a):not(#qa-b) body :is(input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="url"], input[type="date"], select, textarea) { font-size: 16px !important; }
}
/* end qa-mobile-fields */