.elementor-8101 .elementor-element.elementor-element-86f773a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-101df5c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-12b69ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-1eabd1b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-37db792 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-d7e992e{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-3484a76 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-707fcb9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-ffd79b7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-4219e7e{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8101 .elementor-element.elementor-element-e38cf15 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-ec01784 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;700;800&display=swap');

/* Global Reset & Container with Unique Prefix 'acfs-' */
.acfs-hero-main-wrapper {
    position: relative !important;
    width: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    overflow: hidden !important;
    font-family: 'Poppins', sans-serif !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.acfs-hero-main-wrapper *, 
.acfs-hero-main-wrapper *::before, 
.acfs-hero-main-wrapper *::after {
    box-sizing: border-box !important;
}

/* Backgrounds & The Curve */
.acfs-image-bg-right {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 50% !important;
    background: url('https://accessfuture.net/wp-content/uploads/2026/01/pexels-luna-groothedde-3862519-12782140-scaled.jpg') no-repeat center left / cover !important;
    z-index: 0 !important;
}

.acfs-curve-bg {
    position: absolute !important;
    top: -10% !important;
    bottom: -10% !important;
    left: 0 !important;
    width: 55% !important;
    background: #ffffff !important;
    z-index: 1 !important;
}

.acfs-curve-bg::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: -8vw !important;
    width: 16vw !important;
    background: #ffffff !important;
    border-right: 6px solid #43b0f1 !important; 
    border-radius: 50% !important;
}

/* Content Layout */
.acfs-content-box {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    width: 100% !important;
    min-height: 100vh !important;
}

.acfs-left-panel {
    width: 58% !important;
    padding: 5vh 5vw !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.acfs-right-panel {
    width: 42% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 2rem !important;
}

/* Left Side Styling */
.acfs-brand-logos {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 2rem !important;
}

.acfs-brand-logos img:first-child { height: 40px !important; }
.acfs-brand-logos img:last-child { height: 30px !important; }
.acfs-logo-separator { font-size: 20px !important; color: #a0a0a0 !important; font-weight: 300 !important; }

/* Configured Dynamic Typography Parameters */
.acfs-main-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(34px, 3.8vw, 72px) !important;
    color: #0f225c !important;
    font-weight: 700 !important;
    line-height: clamp(44px, 4.5vw, 82px) !important;
    margin: 0 0 1.5rem 0 !important;
}

.acfs-sub-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #555555 !important;
    max-width: 520px !important;
    line-height: 28px !important;
    margin-bottom: 2rem !important;
}

.acfs-primary-button {
    background: #ffc400 !important;
    color: #000000 !important; 
    padding: 14px 28px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

.acfs-primary-button:hover {
    background: #e6b000 !important;
}

.acfs-event-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 15px !important;
    font-size: 13px !important;
    color: #4a5a80 !important;
    font-weight: 600 !important;
}

/* Bottom Information Infrastructure Grid */
.acfs-info-grid {
    display: flex !important;
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 12px !important;
    padding: 1.2rem !important;
    margin-top: 3.5rem !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    max-width: 780px !important;
}

.acfs-info-column {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 1rem !important;
    border-right: 1px solid #eaeaea !important;
}

.acfs-info-column:first-child { padding-left: 0 !important; }
.acfs-info-column:last-child { border-right: none !important; padding-right: 0 !important; }

.acfs-circle-icon {
    width: 36px !important;
    height: 36px !important;
    background: #174ca6 !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.acfs-info-desc b { display: block !important; font-size: 13px !important; color: #111 !important; margin-bottom: 2px !important; font-weight: 700 !important; }
.acfs-info-desc span { display: block !important; font-size: 12px !important; color: #666 !important; line-height: 1.4 !important; font-weight: 300 !important; }

/* Right Side Registration Card Customization */
.acfs-registration-card {
    width: 100% !important;
    max-width: 380px !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
    max-height: 88vh !important; /* Defends against container overflowing screen height */
    overflow-y: auto !important;
}

.acfs-form-head {
    background: #0f225c !important;
    color: #ffffff !important; 
    padding: 2rem 2rem 1.5rem 2rem !important;
}

.acfs-form-head h2 { 
    margin: 0 0 8px 0 !important; 
    font-size: 1.5rem !important; 
    font-weight: 700 !important; 
    color: #ffffff !important; 
    font-family: 'Poppins', sans-serif !important;
}

.acfs-form-head p { 
    margin: 0 !important; 
    color: #d0d5ea !important; 
    font-size: 0.9rem !important; 
    line-height: 1.4 !important; 
    font-weight: 300 !important;
}

.acfs-form-content {
    padding: 2rem !important;
}

/* ==========================================================================
   UPDATED: WPFORMS SPECIFIC STRUCTURE & COMPACT FIELDS
   ========================================================================== */
.acfs-form-content .wpforms-form {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.acfs-form-content .wpforms-field-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important; /* Made structural gap tighter */
    margin-bottom: 1.2rem !important;
}

.acfs-form-content .wpforms-field {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    clear: both !important;
}

/* --- WPForms Name Fields Side-by-Side Horizontal Fix --- */
.acfs-form-content .wpforms-field-name .wpforms-field-row {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
}

.acfs-form-content .wpforms-field-name .wpforms-field-row-block {
    flex: 1 !important;
    width: 50% !important;
    float: none !important;
    margin: 0 !important;
}

/* Form Fields Core Label Styling */
.acfs-form-content .wpforms-field-label {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #0f225c !important;
    margin-bottom: 4px !important;
    display: block !important;
}

.acfs-form-content .wpforms-field-sublabel {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    color: #777777 !important;
    margin-top: 2px !important;
    display: block !important;
    font-weight: 300 !important;
}

/* Input Fields Normalization (Replaced .acfs-form-input) */
.acfs-form-content .wpforms-field input[type="text"],
.acfs-form-content .wpforms-field input[type="email"],
.acfs-form-content .wpforms-field input[type="tel"],
.acfs-form-content .wpforms-field select,
.acfs-form-content .wpforms-field textarea {
    width: 100% !important;
    padding: 12px 16px !important; 
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300 !important;
    color: #333333 !important;
    outline: none !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
    height: 46px !important;
    transition: border-color 0.3s ease !important;
}

.acfs-form-content .wpforms-field input:focus,
.acfs-form-content .wpforms-field select:focus { 
    border-color: #0f225c !important; 
}

/* Selector Styling Customization */
.acfs-form-content .wpforms-field select {
    appearance: none !important;
    background: url('data:image/svg+xml;utf8,<svg fill="%23888" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 12px center !important;
    background-color: #ffffff !important;
    background-size: 16px !important;
}

/* --- WPForms Smart International Phone Field Layout Stabilization --- */
.acfs-form-content .wpforms-field-phone .wpforms-has-intl-tel-input {
    display: flex !important;
    width: 100% !important;
}

.acfs-form-content .iti {
    width: 100% !important;
    display: block !important;
}

/* WPForms Button Structuring Customization */
.acfs-form-content .wpforms-submit-container {
    padding: 0 !important;
    margin: 5px 0 0 0 !important;
    width: 100% !important;
}

.acfs-form-content button.wpforms-submit {
    background: #ffc400 !important;
    color: #000000 !important;
    border: none !important;
    width: 100% !important;
    padding: 14px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    cursor: pointer !important;
    font-size: 15px !important;
    height: auto !important;
    text-transform: uppercase !important;
    transition: background 0.3s ease !important;
}

.acfs-form-content button.wpforms-submit:hover { 
    background: #e6b000 !important; 
}

/* --- Entrance Animation Rules --- */
.acfs-animate-fade-in .acfs-anim-item {
    opacity: 0;
    transform: translateY(20px);
    animation: acfsFadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* Staggering delays loop for left side items */
.acfs-animate-fade-in .acfs-anim-item:nth-child(1) { animation-delay: 0.1s; }
.acfs-animate-fade-in .acfs-anim-item:nth-child(2) { animation-delay: 0.25s; }
.acfs-animate-fade-in .acfs-anim-item:nth-child(3) { animation-delay: 0.4s; }
.acfs-animate-fade-in .acfs-anim-item:nth-child(4) { animation-delay: 0.55s; }
.acfs-animate-fade-in .acfs-anim-item:nth-child(5) { animation-delay: 0.7s; }

.acfs-animate-slide-up {
    opacity: 0;
    transform: scale(0.96) translateY(30px);
    animation: acfsCardIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.4s;
}

@keyframes acfsFadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes acfsCardIn {
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* --- Responsive Layout Configurations --- */
@media (max-width: 1120px) {
    .acfs-main-heading { font-size: 38px !important; line-height: 46px !important; }
}

@media (max-width: 1024px) {
    .acfs-hero-main-wrapper { flex-direction: column !important; min-height: auto !important; }
    .acfs-curve-bg { display: none !important; }
    .acfs-image-bg-right { position: relative !important; width: 100% !important; height: 380px !important; }
    .acfs-content-box { flex-direction: column !important; min-height: auto !important; }
    
    .acfs-left-panel { 
        width: 100% !important; 
        order: 2 !important; 
        padding: 3rem 1.5rem !important;
        background-color: #ffffff !important;
    }
    
    .acfs-right-panel { 
        width: 100% !important; 
        order: 1 !important; 
        padding: 1.5rem !important; 
        margin-top: -220px !important; 
        z-index: 10 !important; 
    }

    .acfs-registration-card {
        max-width: 100% !important;
    }

    .acfs-info-grid { 
        flex-direction: column !important; 
        gap: 1.2rem !important; 
        margin-top: 2.5rem !important;
    }
    
    .acfs-info-column { border-right: none !important; padding: 0 !important; border-bottom: 1px solid #eaeaea !important; padding-bottom: 1.2rem !important; }
    .acfs-info-column:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12b69ca *//* ==========================================================================
   THE ULTIMATE WPFORMS FULL WIDTH FIX
   ========================================================================== */

/* 1. Pure container aur form element ko full width stretch karein */
.acfs-form-content .wpforms-form,
.acfs-form-content .wpforms-field-container,
.acfs-form-content .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    display: block !important;
}

/* 2. Name Field ki core row ko flex-column par force karein */
.acfs-form-content div.wpforms-field-name div.wpforms-field-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 3. CRITICAL FIX: First/Last Name ke inner block containers ko 100% karna */
.acfs-form-content div.wpforms-field-name div.wpforms-field-row-block,
.acfs-form-content div.wpforms-field-name .wpforms-first,
.acfs-form-content div.wpforms-field-name .wpforms-one-half {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* 4. Tamaam actual input fields ko fix layout dena */
.acfs-form-content .wpforms-form input[type="text"],
.acfs-form-content .wpforms-form input[type="email"],
.acfs-form-content .wpforms-form input[type="tel"],
.acfs-form-content .wpforms-form select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 5. Phone field container alignment fix */
.acfs-form-content .wpforms-field-phone .wpforms-has-intl-tel-input,
.acfs-form-content .wpforms-field-phone .iti {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3447849 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap');

/* Section Layout Container */
.af-hero-affordable {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important; 
    min-height: 70vh !important; 
    box-sizing: border-box !important;
    font-family: 'Poppins', sans-serif !important;
    background-color: #f9fbff !important;
    padding: 6rem 8vw !important; 
    margin: 0 !important;
    overflow: hidden !important;
}

/* Global Border Box Ruleset fallback */
.af-hero-affordable *, 
.af-hero-affordable *::before, 
.af-hero-affordable *::after {
    box-sizing: border-box !important;
}

/* Text Column Layout */
.af-hero-text {
    flex: 1.2 !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-right: 50px !important;
}

.af-hero-line {
    width: 60px !important;
    height: 4px !important;
    background-color: #1a56db !important;
    margin-bottom: 25px !important;
}

/* Configured Poppins Headings (Weight: 700) */
.af-hero-h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(32px, 4.2vw, 56px) !important;
    color: #0f225c !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: clamp(42px, 4.8vw, 68px) !important;
}

.af-hero-h2-blue {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(32px, 4.2vw, 56px) !important;
    color: #1a56db !important; 
    font-weight: 700 !important;
    margin: 5px 0 30px 0 !important;
    line-height: clamp(42px, 4.8vw, 68px) !important;
}

/* Configured Poppins Content Text (Weight: 300, Size: 20px) */
.af-hero-p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    color: #4b5563 !important;
    line-height: 30px !important;
    margin-bottom: 25px !important;
    max-width: 650px !important;
}

/* Graphic Column Layout */
.af-hero-img {
    flex: 1 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.af-hero-img img {
    width: 100% !important;
    max-width: 650px !important; 
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* --- Smooth Entry Transitions & Animations --- */
.af-animate-fade-in-section .af-hero-line,
.af-animate-fade-in-section .af-hero-h2,
.af-animate-fade-in-section .af-hero-h2-blue,
.af-animate-fade-in-section .af-hero-p {
    opacity: 0;
    transform: translateY(20px);
    animation: afFadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* Staggered Delay Timing */
.af-animate-fade-in-section .af-anim-delay-1 { animation-delay: 0.1s; }
.af-animate-fade-in-section .af-anim-delay-2 { animation-delay: 0.25s; }
.af-animate-fade-in-section .af-anim-delay-3 { animation-delay: 0.4s; }
.af-animate-fade-in-section .af-anim-delay-4 { animation-delay: 0.55s; }
.af-animate-fade-in-section .af-anim-delay-5 { animation-delay: 0.7s; }

.af-animate-slide-left {
    opacity: 0;
    transform: translateX(40px);
    animation: afSlideLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.5s;
}

@keyframes afFadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes afSlideLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* --- Responsive Layout Parameters --- */
@media (max-width: 1024px) {
    .af-hero-affordable {
        flex-direction: column !important;
        padding: 60px 6vw !important; 
        text-align: center !important;
        min-height: auto !important;
    }

    .af-hero-text {
        padding-right: 0 !important;
        margin-bottom: 40px !important;
        align-items: center !important;
    }

    .af-hero-img {
        justify-content: center !important;
        width: 100% !important;
    }
    
    .af-hero-p {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    /* Clean fallback overrides for cross-device visibility */
    .af-hero-text, .af-hero-p {
        background-color: revert !important;
        color: revert !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-da1364e */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap');

/* Main Container Section */
.af-learn-section {
    width: 100% !important;
    padding: 80px 4vw !important;
    background-color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.af-learn-section *, 
.af-learn-section *::before, 
.af-learn-section *::after {
    box-sizing: border-box !important;
}

/* Headings Structure */
.af-learn-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(32px, 3.8vw, 72px) !important;
    line-height: clamp(42px, 4.5vw, 82px) !important;
    color: #0f225c !important; 
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
}

.af-learn-divider {
    width: 60px !important;
    height: 4px !important;
    background-color: #ffc400 !important; 
    margin: 0 auto 60px auto !important;
    border-radius: 2px !important;
}

/* STRICT 1-ROW DESKTOP GRID */
.af-learn-grid {
    display: grid !important;
    /* Enforces exactly 6 columns in one single row line */
    grid-template-columns: repeat(6, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 15px !important;
    width: 100% !important;
    max-width: 1550px !important;
    margin: 0 auto !important;
}

/* Content Blocks Design */
.af-learn-card {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 12px !important;
    padding: 30px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: 0 4px 20px rgba(15, 34, 92, 0.02) !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
}

.af-learn-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 30px rgba(15, 34, 92, 0.08) !important;
    border-color: #1a56db !important;
}

/* Graphic Circular Holders */
.af-icon-wrapper {
    width: 54px !important;
    height: 54px !important;
    background-color: #f4f7fc !important; 
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    transition: background-color 0.3s ease !important;
}

.af-learn-card:hover .af-icon-wrapper {
    background-color: #1a56db !important;
}

.af-icon-wrapper svg {
    width: 24px !important;
    height: 24px !important;
    stroke: #1a56db !important; 
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    transition: stroke 0.3s ease !important;
}

.af-learn-card:hover .af-icon-wrapper svg {
    stroke: #ffffff !important;
}

/* Card Heading - Poppins 700 */
.af-card-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #0f225c !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.35 !important;
    min-height: 44px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center;
}

/* Card Description Text - Poppins 300 */
.af-card-text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #555555 !important;
    line-height: 19px !important;
    margin: 0 !important;
}

/* --- Entrance Delay Animations Setup --- */
.af-animate-cards-container .af-card-stagger {
    opacity: 0;
    transform: translateY(20px);
    animation: afCardFadeIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.af-animate-cards-container .af-card-stagger:nth-child(1) { animation-delay: 0.1s; }
.af-animate-cards-container .af-card-stagger:nth-child(2) { animation-delay: 0.2s; }
.af-animate-cards-container .af-card-stagger:nth-child(3) { animation-delay: 0.3s; }
.af-animate-cards-container .af-card-stagger:nth-child(4) { animation-delay: 0.4s; }
.af-animate-cards-container .af-card-stagger:nth-child(5) { animation-delay: 0.5s; }
.af-animate-cards-container .af-card-stagger:nth-child(6) { animation-delay: 0.6s; }

@keyframes afCardFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Responsive Viewports Breakpoints --- */
@media (max-width: 1100px) {
    /* Transitions gracefully into a horizontal scrollable strip on smaller laptop screens instead of breaking into awkward lines */
    .af-learn-grid {
        grid-template-columns: repeat(6, 200px) !important;
        overflow-x: auto !important;
        padding-bottom: 15px !important;
        justify-content: flex-start !important;
    }
    .af-learn-card {
        min-width: 200px !important;
    }
}

@media (max-width: 768px) {
    .af-learn-section {
        padding: 50px 5vw !important;
    }
    /* Stack blocks cleanly on smartphone devices for mobile optimized rendering */
    .af-learn-grid {
        grid-template-columns: 1fr !important; 
        overflow-x: visible !important;
        gap: 16px !important;
    }
    .af-learn-card {
        min-width: 100% !important;
        background-color: revert !important;
        color: revert !important;
    }
    .af-card-text, .af-card-heading {
        color: revert !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8bdc4a0 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap');

/* Main Wrapper Container */
.af-speakers-section {
    width: 100% !important;
    padding: 80px 5vw !important;
    background-color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.af-speakers-section *, 
.af-speakers-section *::before, 
.af-speakers-section *::after {
    box-sizing: border-box !important;
}

/* Header Styles - Poppins 700 */
.af-speakers-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(32px, 3.8vw, 72px) !important;
    line-height: clamp(42px, 4.5vw, 82px) !important;
    color: #0f225c !important; 
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
}

.af-speakers-divider {
    width: 60px !important;
    height: 4px !important;
    background-color: #ffc400 !important; 
    margin: 0 auto 60px auto !important;
    border-radius: 2px !important;
}

/* Two-Column Grid Setup */
.af-speakers-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    text-align: left !important;
}

/* Profile Card Customization */
.af-speaker-card {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 12px !important;
    padding: 35px !important;
    display: flex !important;
    gap: 25px !important;
    align-items: flex-start !important;
    box-shadow: 0 4px 20px rgba(15, 34, 92, 0.02) !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
}

.af-speaker-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(15, 34, 92, 0.06) !important;
}

/* Speaker Headshot Graphic Frame */
.af-speaker-img {
    width: 130px !important;
    height: 130px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    background-color: #f4f7fc !important;
    border: 3px solid #f4f7fc !important;
}

.af-speaker-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Component Badge Systems */
.af-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin-bottom: 14px !important;
    letter-spacing: 0.5px !important;
    width: fit-content !important;
}

.af-badge-virtual { background-color: #1a56db !important; }
.af-badge-inperson { background-color: #059669 !important; }

.af-badge svg {
    width: 13px !important;
    height: 13px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Speaker Typography Mapping */
.af-speaker-name {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    color: #0f225c !important; 
    font-weight: 700 !important;
    margin: 0 0 4px 0 !important;
}

.af-speaker-role {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #1a56db !important; 
    font-weight: 700 !important;
    margin: 0 0 14px 0 !important;
}

/* Content Text Configured (Size: 20px dynamic adaptation / Weight: 300) */
.af-speaker-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    color: #555555 !important;
    line-height: 24px !important;
    margin: 0 !important;
}

/* --- Entrance Cascading Animations --- */
.af-animate-speakers-container .af-speaker-stagger {
    opacity: 0;
    transform: translateY(20px);
    animation: afSpeakerFadeIn 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.af-animate-speakers-container .af-speaker-stagger:nth-child(1) { animation-delay: 0.15s; }
.af-animate-speakers-container .af-speaker-stagger:nth-child(2) { animation-delay: 0.35s; }

@keyframes afSpeakerFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Viewport Media Adaptations --- */
@media (max-width: 991px) {
    .af-speakers-grid {
        grid-template-columns: 1fr !important; 
        max-width: 680px !important;
        gap: 24px !important;
    }
}

@media (max-width: 768px) {
    .af-speakers-section {
        padding: 50px 6vw !important;
    }
    
    .af-speaker-card {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 30px 20px !important;
        
        /* Fallbacks to cleanly support mobile backgrounds */
        background-color: revert !important;
        color: revert !important;
    }
    
    .af-speaker-info {
        align-items: center !important;
    }
    
    .af-speaker-name, .af-speaker-role, .af-speaker-desc {
        color: revert !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-677d8b7 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap');

/* Main Section Wrapper */
.af-cta-section {
    width: 100% !important;
    padding: 60px 5vw !important;
    background-color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    box-sizing: border-box !important;
}

.af-cta-section *, 
.af-cta-section *::before, 
.af-cta-section *::after {
    box-sizing: border-box !important;
}

/* Background Card Image Framing */
.af-cta-banner {
    position: relative !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: url('https://accessfuture.net/wp-content/uploads/2025/07/student_life_france_hd_16_9.jpg') no-repeat center right / cover !important;
    box-shadow: 0 12px 35px rgba(15, 34, 92, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    min-height: 420px !important; 
}

/* Custom Alpha Mask Gradient Overlay */
.af-cta-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to right, 
        rgba(15, 34, 92, 1) 0%, 
        rgba(15, 34, 92, 0.95) 40%, 
        rgba(15, 34, 92, 0.2) 75%,
        rgba(15, 34, 92, 0) 100%) !important;
    z-index: 1 !important;
}

/* Typography Container Element */
.af-cta-content {
    position: relative !important;
    z-index: 2 !important;
    padding: 60px 50px !important;
    width: 60% !important; 
    text-align: left !important;
}

/* Configured Poppins Headings (Weight: 700) */
.af-cta-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(26px, 2.8vw, 42px) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 16px 0 !important;
}

.af-cta-highlight {
    color: #ffc400 !important;
}

/* Configured Poppins Description (Weight: 300) */
.af-cta-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #f1f5f9 !important;
    line-height: 26px !important;
    margin: 0 0 30px 0 !important;
    max-width: 500px !important;
}

/* Interactive Element Action Button */
.af-cta-btn {
    background-color: #ffc400 !important;
    color: #0f225c !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 15px 32px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 18px rgba(255, 196, 0, 0.25) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease !important;
}

.af-cta-btn:hover {
    transform: translateY(-2px) !important;
    background-color: #e5b000 !important;
}

/* Metadata Seats Info Bar */
.af-cta-seats {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 20px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.af-cta-seats svg {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: #ffc400 !important;
    stroke-width: 2 !important;
}

/* Footer Contact Area Layout */
.af-contact-footer {
    display: flex !important;
    justify-content: space-between !important;
    max-width: 1200px !important;
    margin: 50px auto 0 auto !important;
    padding: 0 10px !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    text-align: left !important;
}

.af-contact-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    flex: 1 !important;
    min-width: 280px !important;
}

/* Vector Geometric Enclosures */
.af-icon-blue, .af-icon-green {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 2px !important;
}

.af-icon-blue svg, .af-icon-green svg {
    width: 26px !important;
    height: 26px !important;
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.af-icon-blue svg { stroke: #1a56db !important; }
.af-icon-green svg { stroke: #059669 !important; }

/* Contact Content Elements Customization */
.af-contact-text h4 {
    font-family: 'Poppins', sans-serif !important;
    color: #0f225c !important; 
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
}

.af-contact-text p {
    font-family: 'Poppins', sans-serif !important;
    color: #555555 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    margin: 0 !important;
}

.af-contact-text strong {
    font-weight: 700 !important;
    color: #059669 !important;
}

/* --- Viewport Media Adaptations --- */
@media (max-width: 991px) {
    .af-cta-content {
        width: 80% !important;
    }
}

@media (max-width: 768px) {
    .af-cta-section {
        padding: 40px 5vw !important;
    }
    .af-cta-banner {
        background-position: center !important; 
        min-height: auto !important;
    }
    .af-cta-overlay {
        background: rgba(15, 34, 92, 0.92) !important; 
    }
    .af-cta-content {
        width: 100% !important;
        padding: 50px 24px !important;
        text-align: center !important;
    }
    .af-cta-seats { 
        justify-content: center !important; 
    }
    .af-contact-footer { 
        flex-direction: column !important; 
        gap: 24px !important;
        margin-top: 40px !important;
        background-color: revert !important; 
        color: revert !important; 
    }
    .af-contact-item {
        min-width: 100% !important;
    }
    .af-contact-text p, .af-contact-text h4 {
        color: revert !important;
    }
}/* End custom CSS */