/*
Theme Name: Africa Global Pathways ATOMS v6
Theme URI: https://example.com/
Author: OpenAI
Description: WordPress theme converted from an ATOMS AI export for Africa Global Pathways.
Version: 1.0.0
Text Domain: agp-atoms-v6
*/

:root{--color-primary: #C8102E;--color-primary-dark: #A00D24;--color-primary-light: #E0243E;--color-gold: #D4A017;--color-gold-dark: #B8860B;--color-gold-light: #E8BF30;--color-black: #1A1A1A;--color-charcoal: #2D2D2D;--color-green: #1B8A3D;--color-green-light: #28A745;--color-white: #FFFFFF;--color-cream: #F5F7F2;--color-light-gray: #E2E6DD;--color-text-dark: #222222;--color-text-medium: #555555;--color-text-light: #888888;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--section-padding: 100px 0;--section-padding-sm: 60px 0;--container-width: 1200px;--container-padding: 0 24px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12);--shadow-card: 0 2px 16px rgba(0,0,0,.06);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto}body{font-family:var(--font-body);color:var(--color-text-dark);background-color:var(--color-white);line-height:1.7;overflow-x:hidden;overflow-y:auto;min-height:100%}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-black);line-height:1.25;font-weight:700}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}p{margin-bottom:1rem}.container{max-width:var(--container-width);margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding)}.section--cream{background-color:var(--color-cream)}.section--dark{background-color:var(--color-black);color:var(--color-white)}.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-white)}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-header h2{margin-bottom:16px;position:relative}.section-header p{color:var(--color-text-medium);font-size:1.05rem}.section-label{display:inline-block;font-family:var(--font-body);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-gold);margin-bottom:12px}.section--dark .section-label{color:var(--color-gold-light)}.section--dark .section-header p{color:#ffffffb3}.text-center{text-align:center}.text-gold{color:var(--color-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-base);letter-spacing:.3px;gap:8px;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-gold);color:var(--color-black);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-gold{background-color:var(--color-gold);color:var(--color-black)}.btn-gold:hover{background-color:var(--color-gold-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{border:2px solid var(--color-white);color:var(--color-white);background:transparent}.btn-outline:hover{background-color:var(--color-white);color:var(--color-black);transform:translateY(-2px)}.btn-outline-dark{border:2px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline-dark:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn-sm{padding:10px 24px;font-size:.875rem}.btn-lg{padding:18px 40px;font-size:1.05rem}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;transition:all var(--transition-base);padding:0}.site-header.scrolled{background-color:var(--color-white);box-shadow:var(--shadow-sm)}.site-header.scrolled .nav-link{color:var(--color-text-dark)}.site-header.scrolled .nav-link:hover,.site-header.scrolled .nav-link.active{color:var(--color-primary)}.site-header.scrolled .header-logo-text{color:var(--color-black)}.site-header.scrolled .header-logo-accent{color:var(--color-gold)}.site-header.scrolled .hamburger span{background-color:var(--color-black)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:var(--container-width);margin:0 auto}.header-logo{display:flex;align-items:center;gap:10px;z-index:1001}.header-logo-icon{display:none}.header-logo-img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.header-logo-text{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-white);transition:color var(--transition-base);line-height:1.2}.header-logo-accent{color:var(--color-gold);transition:color var(--transition-base)}.header-dark .nav-link{color:var(--color-text-dark)}.header-dark .nav-link:hover,.header-dark .nav-link.active{color:var(--color-primary)}.header-dark .header-logo-text{color:var(--color-black)}.header-dark .header-logo-accent{color:var(--color-gold)}.header-dark .hamburger span{background-color:var(--color-black)}.header-dark{background-color:var(--color-white);box-shadow:var(--shadow-sm)}.main-nav{display:flex;align-items:center;gap:8px}.nav-link{font-size:.9rem;font-weight:500;color:var(--color-white);padding:8px 14px;border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--color-gold)}.nav-cta{margin-left:8px}.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;z-index:1001;cursor:pointer}.hamburger span{display:block;width:24px;height:2px;background-color:var(--color-white);transition:all var(--transition-base);border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;transition:opacity var(--transition-base)}.mobile-nav-overlay.active{display:block;opacity:1}.mobile-nav{display:none;position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:var(--color-white);z-index:1000;padding:80px 30px 30px;transition:right var(--transition-base);box-shadow:var(--shadow-lg);overflow-y:auto}.mobile-nav.active{right:0}.mobile-nav .mobile-nav-link{display:block;padding:14px 0;font-size:1.05rem;font-weight:500;color:var(--color-text-dark);border-bottom:1px solid var(--color-light-gray);transition:color var(--transition-fast)}.mobile-nav .mobile-nav-link:hover,.mobile-nav .mobile-nav-link.active{color:var(--color-primary)}.mobile-nav .btn{width:100%;margin-top:20px;text-align:center}.hero{position:relative;min-height:80vh;display:flex;align-items:center;background-color:var(--color-black);overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.45}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1ad9,#c8102e05,#1b8a3d40)}.hero-content{position:relative;z-index:2;max-width:700px;padding:120px 0 80px}.hero-label{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--color-gold);margin-bottom:20px}.hero h1{color:var(--color-white);font-size:3.2rem;margin-bottom:24px;line-height:1.15}.hero h1 span{color:var(--color-gold)}.hero p{color:#ffffffd9;font-size:1.15rem;margin-bottom:36px;max-width:560px;line-height:1.8}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.page-hero{position:relative;padding:160px 0 80px;background-color:var(--color-black);overflow:hidden}.page-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.45}.page-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1ae6,#c8102e05,#1b8a3d33)}.page-hero-content{position:relative;z-index:2}.page-hero h1{color:var(--color-white);font-size:2.8rem;margin-bottom:16px}.page-hero p{color:#fffc;font-size:1.1rem;max-width:600px}.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:20px;font-size:.875rem}.breadcrumb a{color:var(--color-gold)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:#ffffff80}.breadcrumb .breadcrumb-current{color:#fffc}.card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:40px 32px;transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--color-white);font-size:1.4rem}.card-icon--gold{background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));color:var(--color-black)}.card-icon--green{background:linear-gradient(135deg,var(--color-green),var(--color-green-light))}.card h3{margin-bottom:12px;font-size:1.25rem}.card p{color:var(--color-text-medium);font-size:.95rem;line-height:1.7}.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary);font-weight:600;font-size:.9rem;margin-top:16px;transition:gap var(--transition-fast)}.card-link:hover{gap:10px;color:var(--color-gold-dark)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.split-image img{width:100%;height:100%;object-fit:cover;min-height:400px}.split-content{padding:20px 0}.split-content h2{margin-bottom:20px}.split-content p{color:var(--color-text-medium);margin-bottom:16px;line-height:1.8}.split-content .btn{margin-top:12px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.stat-item{text-align:center;padding:24px 16px;background:var(--color-cream);border-radius:var(--radius-md)}.stat-number{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:8px}.stat-label{font-size:.85rem;color:var(--color-text-medium);font-weight:500}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}.process-step{text-align:center;position:relative}.process-number{width:60px;height:60px;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin:0 auto 20px;position:relative;z-index:2}.process-step h4{margin-bottom:10px}.process-step p{color:var(--color-text-medium);font-size:.9rem}.testimonials-section{position:relative;overflow:hidden}.testimonials-section .testimonial-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15}.testimonial-slider{position:relative;max-width:800px;margin:0 auto;overflow:hidden}.testimonial-track{display:flex;transition:transform var(--transition-slow)}.testimonial-slide{min-width:100%;padding:0 20px;text-align:center}.testimonial-quote{font-family:var(--font-heading);font-size:1.35rem;font-style:italic;color:var(--color-white);line-height:1.7;margin-bottom:28px;position:relative}.testimonial-quote:before{content:"“";font-size:4rem;color:var(--color-gold);position:absolute;top:-30px;left:50%;transform:translate(-50%);line-height:1;opacity:.5}.testimonial-author{font-weight:600;color:var(--color-gold);font-size:1rem}.testimonial-role{color:#fff9;font-size:.875rem;margin-top:4px}.testimonial-dots{display:flex;justify-content:center;gap:10px;margin-top:32px}.testimonial-dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:all var(--transition-fast);border:none}.testimonial-dot.active{background-color:var(--color-gold);transform:scale(1.2)}.testimonial-nav{display:flex;justify-content:center;gap:16px;margin-top:24px}.testimonial-nav button{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.3);color:var(--color-white);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);background:transparent}.testimonial-nav button:hover{border-color:var(--color-gold);color:var(--color-gold)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-light-gray)}.faq-question{width:100%;text-align:left;padding:22px 0;font-size:1.05rem;font-weight:600;color:var(--color-text-dark);display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;transition:color var(--transition-fast);background:none;border:none;font-family:var(--font-body)}.faq-question:hover{color:var(--color-primary)}.faq-icon{font-size:1.3rem;transition:transform var(--transition-base);flex-shrink:0;color:var(--color-gold)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base),padding var(--transition-base)}.faq-answer-inner{padding:0 0 22px;color:var(--color-text-medium);line-height:1.8;font-size:.95rem}.cta-banner{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 50%,#1A1A1A 100%);padding:80px 0;text-align:center}.cta-banner h2{color:var(--color-white);margin-bottom:16px;font-size:2.2rem}.cta-banner p{color:#ffffffd9;font-size:1.1rem;max-width:600px;margin:0 auto 32px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text-dark);margin-bottom:8px}.form-label .required{color:var(--color-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:14px 16px;border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:.95rem;color:var(--color-text-dark);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c5a55a26}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--color-primary)}.form-error{font-size:.8rem;color:var(--color-primary);margin-top:4px;display:none}.form-error.visible{display:block}.form-textarea{min-height:140px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-success{display:none;text-align:center;padding:60px 40px;background:var(--color-cream);border-radius:var(--radius-lg)}.form-success.visible{display:block}.form-success-icon{width:80px;height:80px;border-radius:50%;background:var(--color-green);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 24px}.form-success h3{margin-bottom:12px;color:var(--color-green)}.form-success p{color:var(--color-text-medium);max-width:500px;margin:0 auto}.site-footer{background-color:var(--color-black);color:#ffffffb3;padding:80px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand .header-logo{margin-bottom:20px}.footer-brand p{font-size:.9rem;line-height:1.8;color:#fff9}.footer-heading{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-white);margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}
.nav-link,
.main-nav-list li {
    font-size:.9rem;
    font-weight:500;
    color:var(--color-white);
    padding:8px 14px;
    border-radius:var(--radius-sm);
    transition:all var(--transition-fast);
    position:relative
}

.nav-link:hover,
.nav-link.active,
.main-nav-list li a:hover,
.main-nav-list li.current-menu-item > a{
    color:var(--color-gold)
}

.site-header.scrolled .nav-link,
.site-header.scrolled .main-nav-list li a{
    color:var(--color-text-dark)
}

.site-header.scrolled .nav-link:hover,
.site-header.scrolled .nav-link.active,
.site-header.scrolled .main-nav-list li:hover,
.site-header.scrolled .main-nav-list li.current-menu-item > a{
    color:var(--color-primary)
}

.mobile-nav-list{
    margin:0;
    padding:0;
    list-style:none;
}

.mobile-nav-list li{
    list-style:none;
}

.mobile-nav-list li a{
    display:block;
    padding:14px 0;
    font-size:1.05rem;
    font-weight:500;
    color:var(--color-text-dark);
    border-bottom:1px solid var(--color-light-gray);
    transition:color var(--transition-fast);
}

.mobile-nav-list li a:hover,
.mobile-nav-list li.current-menu-item > a{
    color:var(--color-primary);
}


.footer-col .menu-quick-links-container ul{
    margin:0;
    padding:0;
    list-style:none
}

.footer-col .menu-quick-links-container ul li{
    margin-bottom:12px;
    list-style:none
}

.footer-col .menu-quick-links-container ul li a{
    color:#fff9;
    font-size:.9rem;
    transition:color var(--transition-fast)
}

.footer-col .menu-quick-links-container ul li a:hover{
    color:var(--color-gold)
}.footer-contact-item{display:flex;gap:12px;margin-bottom:16px;font-size:.9rem;align-items:flex-start}.footer-contact-icon{color:var(--color-gold);font-size:1rem;margin-top:3px;flex-shrink:0}.footer-bottom{padding:24px 0;text-align:center;font-size:.85rem;color:#fff6}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.benefit-card{text-align:center;padding:48px 32px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-base);border-top:3px solid transparent}.benefit-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-top-color:var(--color-gold)}.benefit-icon{width:64px;height:64px;border-radius:50%;background:var(--color-cream);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:1.5rem;color:var(--color-primary);transition:all var(--transition-base)}.benefit-card:hover .benefit-icon{background:var(--color-primary);color:var(--color-white)}.benefit-card h4{margin-bottom:12px}.benefit-card p{color:var(--color-text-medium);font-size:.9rem}.pathways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pathway-card{position:relative;border-radius:var(--radius-md);overflow:hidden;min-height:280px;display:flex;align-items:flex-end;cursor:pointer}.pathway-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.pathway-card:hover img{transform:scale(1.05)}.pathway-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(26,26,26,.9) 0%,transparent 60%)}.pathway-card-content{position:relative;z-index:2;padding:28px;width:100%}.pathway-card h4{color:var(--color-white);margin-bottom:6px}.pathway-card p{color:#ffffffb3;font-size:.85rem;margin-bottom:0}.teaser-badge{display:inline-block;padding:6px 16px;background:var(--color-gold);color:var(--color-black);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:16px}@media (max-width: 1024px){h1{font-size:2.5rem}h2{font-size:2rem}.hero h1{font-size:2.6rem}.grid-3,.grid-4,.process-steps,.stats-row,.benefits-grid,.pathways-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--section-padding: 60px 0}h1{font-size:2rem}h2{font-size:1.75rem}.hero{min-height:85vh}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.page-hero{padding:120px 0 60px}.page-hero h1{font-size:2rem}.split-section{grid-template-columns:1fr;gap:32px}.split-image img{min-height:300px}.grid-2,.grid-3,.grid-4,.process-steps{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.benefits-grid,.pathways-grid,.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.main-nav,.nav-cta-desktop{display:none}.hamburger{display:flex}.mobile-nav{display:block}.section-header{margin-bottom:40px}.testimonial-quote{font-size:1.1rem}.cta-banner h2{font-size:1.75rem}}@media (max-width: 480px){h1{font-size:1.75rem}.hero h1{font-size:1.8rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.cta-buttons{flex-direction:column;align-items:center}.stats-row{grid-template-columns:1fr}}.spa-page{display:none}.spa-page.active{display:block}.fade-in{opacity:1!important;transform:none!important}.divider{width:60px;height:3px;background:var(--color-gold);margin:16px auto 0;border-radius:2px}.section-header .divider{margin:16px auto 0}.check-list{list-style:none;padding:0}.check-list li{padding:8px 0 8px 28px;position:relative;color:var(--color-text-medium);font-size:.95rem}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--color-green);font-weight:700}.service-detail-list{list-style:none;padding:0}.service-detail-list li{padding:10px 0;border-bottom:1px solid var(--color-light-gray);color:var(--color-text-medium);font-size:.95rem;display:flex;align-items:center;gap:10px}.service-detail-list li:before{content:"→";color:var(--color-gold);font-weight:700}.contact-info-card{display:flex;align-items:flex-start;gap:20px;padding:32px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:24px}.contact-info-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-cream);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color-primary);flex-shrink:0}.contact-info-card h4{margin-bottom:6px}.contact-info-card p{color:var(--color-text-medium);font-size:.9rem;margin-bottom:0}


.agp-form-alert{padding:16px 18px;border-radius:10px;margin-bottom:20px;font-weight:600;}
.agp-form-alert.success{background:#eaf7ed;color:#1f5c2c;border:1px solid #cfe9d5;}
.agp-form-alert.error{background:#fff1f0;color:#8a1f17;border:1px solid #f2c3bf;}


/* ── SECTION Proces ──────────────────────────────── */
#agp-precess {
    background-color: #1a1a1a;
}
    .agp-section {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 72px 32px 60px;
      position: relative;
      overflow: hidden;
    }

    /* subtle radial glow behind heading */
    .agp-section::before {
      content: '';
      position: absolute;
      top: -60px; left: 50%;
      transform: translateX(-50%);
      width: 700px; height: 320px;
      background: radial-gradient(ellipse at 50% 30%, rgba(212,168,67,.12) 0%, transparent 70%);
      pointer-events: none;
    }

    /* ── EYEBROW ──────────────────────────────── */
    .agp-eyebrow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin-bottom: 14px;
    }
    .agp-eyebrow::before,
    .agp-eyebrow::after {
      content: '';
      width: 48px; height: 1px;
      background: linear-gradient(90deg, transparent, #d4a843);
    }
    .agp-eyebrow::after {
      background: linear-gradient(90deg, #d4a843, transparent);
    }
    .agp-eyebrow span {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .18em;
      color: #d4a843;
      text-transform: uppercase;
    }
    .agp-eyebrow .dot { color: rgba(255,255,255,.52); margin: 0 2px; }

    /* ── HEADING ──────────────────────────────── */
    .agp-heading {
      text-align: center;
      font-family: 'Playfair Display', serif;
      font-size: clamp(28px, 4vw, 46px);
      font-weight: 800;
      line-height: 1.15;
      margin-bottom: 52px;
		color:#fff;
    }
    .agp-heading .highlight { color: #d4a843; }

    /* ── STEPS TRACK ──────────────────────────── */
    .agp-track {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: 0;
      position: relative;
    }

    /* ── SINGLE STEP GROUP (card + arrow) ──────── */
    .step-group {
      display: flex;
      align-items: center;
      flex: 1;
      min-width: 0;
    }
    .step-group:last-child { flex: 0 0 168px; }

    /* ── CARD ─────────────────────────────────── */
    .step-card {
      width: 168px;
      flex-shrink: 0;
      background: #111c3a;
      border: 1px solid #1e2f5a;
      border-radius: 18px;
      padding: 20px 16px 22px;
      position: relative;
      transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
      cursor: default;
    }
    .step-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 44px rgba(0,0,0,.45), 0 0 0 1px rgba(212,168,67,.18);
      border-color: rgba(212,168,67,.35);
    }

    /* step number badge */
    .step-num {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .1em;
      color: rgba(255,255,255,.52);
      margin-bottom: 14px;
    }

    /* icon circle */
    .step-icon {
      width: 54px; height: 54px;
      border-radius: 50%;
      background: radial-gradient(circle at 40% 35%, #1b2e60, #0d1a42);
      border: 1px solid #1e2f5a;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 14px;
      font-size: 26px;
      position: relative;
      overflow: hidden;
    }
    .step-icon::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: radial-gradient(circle at 55% 25%, rgba(255,255,255,.08), transparent 60%);
    }

    /* title */
    .step-title {
      font-size: 13.5px;
      font-weight: 700;
      text-align: center;
      line-height: 1.35;
      margin-bottom: 8px;
      color: #ffffff;
    }

    /* sub-label pill */
    .step-label-pill {
      display: inline-block;
      font-size: 10px;
      font-weight: 500;
      color: rgba(255,255,255,.52);
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.09);
      border-radius: 20px;
      padding: 3px 10px;
      text-align: center;
      width: 100%;
      line-height: 1.5;
    }

    /* ── ARROW CONNECTOR ─────────────────────── */
    .step-arrow {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 3px;
      padding: 0 4px;
      position: relative;
      top: -8px;     /* visually align with card center */
    }
    .step-arrow .arrow-label {
      font-size: 9px;
      letter-spacing: .1em;
      font-weight: 600;
      color: #d4a843;
      text-transform: uppercase;
      opacity: .8;
    }
    .step-arrow svg {
      width: 32px; height: 16px;
      overflow: visible;
    }
    .step-arrow svg line {
      stroke: #d4a843;
      stroke-width: 1.5;
      stroke-linecap: round;
    }
    .step-arrow svg polygon { fill: #d4a843; }

    /* ── FOOTER PILLS ─────────────────────────── */
    .agp-footer {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 8px 0;
      margin-top: 40px;
      border-top: 1px solid #1e2f5a;
      padding-top: 24px;
    }
    .agp-footer-item {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 0 20px;
      font-size: 12px;
      font-weight: 500;
      color: rgba(255,255,255,.72);
      position: relative;
    }
    .agp-footer-item:not(:last-child)::after {
      content: '';
      position: absolute;
      right: 0; top: 50%;
      transform: translateY(-50%);
      width: 1px; height: 14px;
      background: #1e2f5a;
    }
    .agp-footer-item .dot {
      width: 7px; height: 7px;
      border-radius: 50%;
      background: #d4a843;
      flex-shrink: 0;
    }

    /* ══════════════════════════════════════════
       RESPONSIVE — TABLET (≤900px)
    ══════════════════════════════════════════ */
    @media (max-width: 900px) {
      :root { --card-w: 148px; }

      .agp-track { gap: 0; }

      .step-arrow svg { width: 24px; }

      .agp-footer-item:not(:last-child)::after { display: none; }
      .agp-footer-item { padding: 4px 14px; }
    }

    /* ══════════════════════════════════════════
       RESPONSIVE — MOBILE (≤640px)
       Vertical stack with central timeline line
    ══════════════════════════════════════════ */
    @media (max-width: 640px) {
      :root { --card-w: 100%; }

      .agp-section { padding: 52px 20px 48px; }

      .agp-track {
        flex-direction: column;
        align-items: center;
        gap: 0;
      }

      .step-group {
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 320px;
      }
      .step-group:last-child { flex: unset; width: 100%; max-width: 320px; }

      .step-card {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 16px 18px;
        text-align: left;
      }

      .step-card .step-icon {
        margin: 0;
        flex-shrink: 0;
        width: 48px; height: 48px;
        font-size: 22px;
      }

      .step-card .step-body { flex: 1; min-width: 0; }

      .step-card .step-num { margin-bottom: 2px; }
      .step-card .step-title { text-align: left; margin-bottom: 4px; }
      .step-card .step-label-pill { text-align: left; width: auto; }

      /* vertical arrow */
      .step-arrow {
        top: 0;
        flex-direction: row;
        padding: 6px 0;
        height: 40px;
      }
      .step-arrow .arrow-label { display: none; }
      .step-arrow svg {
        width: 16px; height: 28px;
        transform: rotate(90deg);
      }

      .agp-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 20px 0 0;
      }
      .agp-footer-item { padding: 0; }
      .agp-footer-item:not(:last-child)::after { display: none; }
    }

    /* ── Entrance animation ─────────────────── */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(22px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .agp-eyebrow  { animation: fadeUp .6s ease both; }
    .agp-heading  { animation: fadeUp .6s .12s ease both; }
    .step-group   { animation: fadeUp .5s ease both; }
    .step-group:nth-child(1) { animation-delay: .18s; }
    .step-group:nth-child(2) { animation-delay: .26s; }
    .step-group:nth-child(3) { animation-delay: .34s; }
    .step-group:nth-child(4) { animation-delay: .42s; }
    .step-group:nth-child(5) { animation-delay: .50s; }
    .step-group:nth-child(6) { animation-delay: .58s; }
    .agp-footer   { animation: fadeUp .5s .65s ease both; }