.elementor-15 .elementor-element.elementor-element-a3f23b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-bd4ab38{--display:flex;}.elementor-15 .elementor-element.elementor-element-c56f8cd{--display:flex;}.elementor-15 .elementor-element.elementor-element-3f1ea35{--display:flex;}.elementor-15 .elementor-element.elementor-element-3fa6e0e{--display:flex;}.elementor-15 .elementor-element.elementor-element-a700a66{--display:flex;}.elementor-15 .elementor-element.elementor-element-8a17af2{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-a3f23b9{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-0ce27a1 *//* ---------------------------------- */
/* 1. KEYFRAMES & BASE */
/* ---------------------------------- */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}

.mkp-hero-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    padding: 40px 20px;
    position: relative;
    overflow: hidden; 
}

/* Parallax Background (Replace with your high-quality, professional image URL) */
.trendy-parallax {
    background-image: url('YOUR_HIGH_QUALITY_IMAGE_URL_HERE'); 
    background-attachment: fixed; 
    background-size: cover;
    background-position: center center;
}

/* Overlay for Professional Contrast (Deeper Purple) */
.mkp-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Deeper, more formal purple overlay */
    background: linear-gradient(180deg, rgba(50, 20, 100, 0.8) 0%, rgba(150, 50, 180, 0.6) 100%);
    z-index: 1;
}

.mkp-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1000px; /* Slightly wider content area */
}

/* ---------------------------------- */
/* 3. TYPOGRAPHY (Clean & Corporate) */
/* ---------------------------------- */

.mkp-hero-content h1 {
    font-size: 5.2em; /* Bigger, bolder name */
    margin-bottom: 0.05em;
    font-weight: 800;
    text-transform: none; /* Keep capitalization natural */
    letter-spacing: 2px; /* Reduced spacing for professional look */
    color: #ffffff;
    animation: fadeIn 1.5s ease-out;
}

.mkp-hero-content p {
    font-family: 'Georgia', serif; /* Use a classic font for subtext (Optional) */
    font-size: 1.6em; /* Clear, legible tagline */
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2em;
    opacity: 1;
    color: #FFB3D9; /* Light Pink for Subtitle Accent */
    animation: slideUp 1.5s ease-out 0.5s forwards;
}

/* ---------------------------------- */
/* 4. STATS (Minimalist Lines) */
/* ---------------------------------- */

.mkp-stats-container {
    display: flex;
    justify-content: center;
    gap: 70px; /* Increased gap for cleaner separation */
    margin-bottom: 3.5em;
    /* Clean white lines */
    border-top: 1px solid rgba(255, 255, 255, 0.2); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0;
}

.mkp-stat-number {
    font-size: 2.8em; /* Bolder numbers */
    font-weight: 700;
    line-height: 1.2;
    color: #E0BBE4; /* Muted Lavender/Purple Accent */
}

.mkp-stat-label {
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 3px;
    opacity: 0.9;
}

/* ---------------------------------- */
/* 5. BUTTONS (Sharp, Clean Accent) */
/* ---------------------------------- */

.mkp-button-group {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.mkp-cta-button {
    padding: 14px 40px; /* Bigger buttons */
    text-decoration: none;
    font-weight: 700;
    font-size: 1em;
    border-radius: 50px; /* Pill shape for trendy look */
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: 2px solid;
}

/* Primary Button Style (Deep Magenta) */
.primary-btn {
    background-color: #A349A4; /* Deep Purple-Pink */
    color: #ffffff;
    border-color: #A349A4;
}

.primary-btn:hover {
    background-color: #8E44AD; /* Darker Purple on hover */
    border-color: #8E44AD;
    box-shadow: 0 5px 15px rgba(163, 73, 164, 0.4); /* Subtle Shadow */
}

/* Secondary Button Style (Professional Outline) */
.secondary-btn {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

.secondary-btn:hover {
    background-color: #ffffff;
    color: #333333; /* Dark text on white fill */
}

/* ---------------------------------- */
/* 6. RESPONSIVENESS */
/* ---------------------------------- */

@media (max-width: 768px) {
    .mkp-hero-content h1 {
        font-size: 3.5em;
    }
    .mkp-hero-content p {
        font-size: 1.2em;
    }
    .mkp-stats-container {
        flex-direction: column;
        gap: 15px;
        border: none;
        padding: 0;
    }
    .mkp-button-group {
        flex-direction: column;
        gap: 15px;
    }
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-46095eb *//* ---------------------------------- */
/* 1. ABOUT SECTION BASE STYLES (Light Theme) */
/* ---------------------------------- */

.fe-about-section {
    background-color: #ffffff; /* Clean white background */
    padding: 120px 20px;
}

.fe-about-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 80px; /* Increased gap for cleaner separation */
    align-items: flex-start; /* Aligns content to the top */
}

/* ---------------------------------- */
/* 2. IMAGE COLUMN STYLES */
/* ---------------------------------- */

.fe-about-image-col {
    flex: 1; 
    padding-top: 20px; /* Aligns the top of the image with the top of the text */
}

.fe-profile-image {
    width: 100%;
    height: auto;
    display: block;
    /* Soft border radius and professional shadow */
    border-radius: 12px; 
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s ease-in-out;
}

.fe-profile-image:hover {
    transform: translateY(-5px); /* Subtle hover effect */
}

/* ---------------------------------- */
/* 3. CONTENT COLUMN STYLES */
/* ---------------------------------- */

.fe-about-content-col {
    flex: 1.5; 
    color: #333333;
}

.fe-tag {
    display: inline-block;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 5px 10px;
    margin-bottom: 20px;
    color: #ffffff;
    background-color: #A349A4; /* Deep Purple-Pink Accent */
    border-radius: 4px;
}

.fe-about-heading {
    font-size: 3em;
    font-weight: 800;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 25px;
    color: #1a1a1a;
}

.fe-about-text {
    font-size: 1.1em;
    line-height: 1.8;
    margin-bottom: 25px;
    color: #555555;
}

/* ---------------------------------- */
/* 4. STATS GRID (Clean, modern grid layout) */
/* ---------------------------------- */

.fe-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns grid */
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.fe-stat-box {
    background-color: #FEE7F0; /* Very light Pink background for light theme */
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    transition: background-color 0.3s ease;
}

.fe-stat-box:hover {
    background-color: #F8D7E8; /* Slightly darker pink on hover */
}

.fe-stat-number {
    display: block;
    font-size: 1.5em;
    font-weight: 800;
    color: #E91E63; /* Deep Pink accent */
    margin-bottom: 5px;
}

.fe-stat-label {
    display: block;
    font-size: 0.9em;
    font-weight: 500;
    color: #4A148C; /* Dark Purple for professionalism */
}

/* ---------------------------------- */
/* 5. CTA BUTTON (Matches Hero Section) */
/* ---------------------------------- */

.fe-read-more-button {
    display: inline-block;
    padding: 14px 40px;
    margin-top: 15px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 50px; 
    
    background: linear-gradient(90deg, #E91E63 0%, #A349A4 100%);
    color: #ffffff;
    border: none;
    transition: all 0.3s ease;
}

.fe-read-more-button:hover {
    box-shadow: 0 8px 20px rgba(163, 73, 164, 0.4);
    transform: translateY(-2px);
}

/* ---------------------------------- */
/* 6. RESPONSIVENESS */
/* ---------------------------------- */

@media (max-width: 992px) {
    .fe-about-container {
        flex-direction: column; 
        gap: 40px;
    }
    .fe-about-image-col {
        flex: none;
        width: 100%;
    }
    .fe-about-heading {
        font-size: 2.2em;
    }
    .fe-stats-grid {
        grid-template-columns: 1fr; /* Single column stack on smaller screens */
    }
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-aef2fd0 *//* ---------------------------------- */
/* 1. SECTION HEADER AND BASE */
/* ---------------------------------- */

.fe-speaking-section {
    background-color: #f8f8f8; /* Light background for contrast against the white card */
    padding: 80px 20px;
    text-align: center;
}

.fe-section-header {
    max-width: 800px;
    margin: 0 auto 50px auto;
}

.fe-tag-main {
    display: inline-block;
    font-size: 0.9em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 6px 15px;
    margin-bottom: 20px;
    color: #ffffff;
    background-color: #A349A4; /* Deep Purple-Pink Accent */
    border-radius: 50px; /* Pill shape for trendy look */
}

.fe-section-description {
    font-size: 1.2em;
    color: #555555;
    max-width: 600px;
    margin: 0 auto;
}

/* ---------------------------------- */
/* 2. MAIN CARD DESIGN (White, Professional) */
/* ---------------------------------- */

.fe-speaking-card {
    background-color: #ffffff;
    max-width: 850px;
    margin: 0 auto;
    padding: 60px 40px;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); /* Professional, subtle shadow */
    text-align: center;
}

.fe-card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.fe-mic-icon {
    font-size: 2em;
    color: #E91E63; /* Deep Pink Accent */
    margin-right: 15px;
}

.fe-speaking-card h2 {
    font-size: 2.5em;
    font-weight: 800;
    color: #1a1a1a;
    margin: 0;
}

.fe-card-subtitle {
    font-size: 1.1em;
    color: #555555;
    max-width: 700px;
    margin: 15px auto 40px auto;
}

.fe-topics-heading {
    font-size: 1.5em;
    font-weight: 700;
    color: #333333;
    margin-bottom: 25px;
    border-bottom: 2px solid #F0F0F0;
    padding-bottom: 10px;
    display: inline-block;
}

/* ---------------------------------- */
/* 3. TOPICS GRID (Modern Checkbox Layout) */
/* ---------------------------------- */

.fe-topics-grid {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap onto the next line */
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}

.fe-topic-item {
    padding: 10px 20px;
    border: 1px solid #E0BBE4; /* Light Purple Border */
    border-radius: 50px;
    font-size: 0.95em;
    font-weight: 500;
    color: #333333;
    transition: all 0.3s ease;
    cursor: default;
}

.fe-topic-item:hover {
    background-color: #FEE7F0; /* Light Pink hover background */
    border-color: #E91E63;
}

.fe-check-icon {
    color: #E91E63; /* Deep Pink Checkmark */
    margin-right: 8px;
    font-weight: 900;
}

/* ---------------------------------- */
/* 4. CTA BUTTON & FOOTER TEXT */
/* ---------------------------------- */

.fe-book-cta-button {
    display: inline-block;
    padding: 15px 45px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.05em;
    text-transform: uppercase;
    border-radius: 50px; 
    
    /* Deep Navy Background for professional contrast */
    background-color: #1a237e; 
    color: #ffffff;
    border: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.fe-book-cta-button:hover {
    background-color: #0d1259;
    box-shadow: 0 10px 20px rgba(26, 35, 126, 0.3);
}

.fe-card-footer-text {
    margin-top: 25px;
    font-size: 0.95em;
    color: #777777;
}

/* ---------------------------------- */
/* 5. RESPONSIVENESS */
/* ---------------------------------- */

@media (max-width: 768px) {
    .fe-speaking-card {
        padding: 40px 20px;
    }
    .fe-speaking-card h2 {
        font-size: 2em;
    }
    .fe-topics-grid {
        gap: 10px;
    }
    .fe-topic-item {
        width: 100%; /* Topics stack vertically on mobile */
        max-width: 300px;
        margin: 0 auto;
    }
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-2a4f665 *//* ---------------------------------- */
/* 1. SECTION HEADER AND BASE */
/* ---------------------------------- */

.fe-portfolio-section {
    background-color: #fcfcfc; /* Clean, light background */
    padding: 100px 20px;
}

.fe-portfolio-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 60px auto;
}

.fe-tag-portfolio {
    display: inline-block;
    font-size: 0.85em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #A349A4; 
    border-bottom: 3px solid #E91E63; /* Pink underline for trendiness */
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.fe-portfolio-heading {
    font-size: 3.5em;
    font-weight: 800;
    color: #1a1a1a;
    margin-top: 5px;
    margin-bottom: 15px;
}

.fe-portfolio-subtitle {
    font-size: 1.1em;
    color: #666666;
}

/* ---------------------------------- */
/* 2. TOPICS GRID CONTAINER */
/* ---------------------------------- */

.fe-topics-grid-container {
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns for desktop */
    gap: 30px;
}

/* ---------------------------------- */
/* 3. INDIVIDUAL TOPIC CARD */
/* ---------------------------------- */

.fe-topic-card {
    background-color: #ffffff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); /* Clean, professional shadow */
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%; /* Ensures all cards are the same height */
    display: flex;
    flex-direction: column;
}

.fe-topic-card:hover {
    transform: translateY(-7px); 
    box-shadow: 0 15px 40px rgba(163, 73, 164, 0.2); 
}

.fe-card-icon {
    font-size: 2.5em;
    margin-bottom: 15px;
    line-height: 1;
    font-weight: normal; 
}

/* Icon Color Accents */
.fe-icon-leadership { color: #A349A4; } 
.fe-icon-cyber { color: #E91E63; } 
.fe-icon-ai { color: #7B1FA2; } 
.fe-icon-terrorism { color: #0077B6; } 
.fe-icon-crisis { color: #FFC300; } 
.fe-icon-journey { color: #E91E63; } 


.fe-topic-card h3 {
    font-size: 1.6em;
    font-weight: 700;
    color: #1a1a1a;
    margin-top: 0;
    margin-bottom: 20px;
}

/* ---------------------------------- */
/* 4. TOPIC LIST STYLES */
/* ---------------------------------- */

.fe-topic-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    flex-grow: 1; /* Pushes the footer to the bottom */
}

.fe-topic-list li {
    font-size: 1em;
    color: #444444;
    line-height: 1.6;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}

.fe-topic-list li span {
    color: #E91E63; /* Pink checkmark */
    font-size: 1.1em;
    margin-right: 10px;
    font-weight: 700;
}

/* ---------------------------------- */
/* 5. CARD FOOTER (Audience & Duration) */
/* ---------------------------------- */

.fe-card-footer {
    padding-top: 20px;
    border-top: 1px solid #eeeeee; 
    /* Position to the bottom */
    margin: 0 -35px -35px -35px; /* Negative margins to fill the card */
    padding: 20px 35px 20px 35px;
    background-color: #F8F8F8; /* Subtle light gray background for footer */
    border-radius: 0 0 12px 12px;
}

.fe-card-footer p {
    font-size: 0.9em;
    line-height: 1.6;
    margin: 0;
    color: #777777;
}

.fe-card-footer strong {
    color: #333333;
    font-weight: 600;
}

/* ---------------------------------- */
/* 6. RESPONSIVENESS (for 3-column grid) */
/* ---------------------------------- */

@media (max-width: 1200px) {
    .fe-topics-grid-container {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 768px) {
    .fe-topics-grid-container {
        grid-template-columns: 1fr; 
        gap: 20px;
    }
    .fe-portfolio-heading {
        font-size: 2.5em;
    }
}


/* --- Mobile/Tablet Responsiveness (Max Width 1200px) --- */
@media (max-width: 1200px) {
    .fe-topics-grid-container {
        /* On tablets and smaller laptops, display 2 columns */
        grid-template-columns: repeat(2, 1fr); 
        gap: 25px;
    }
}

@media (max-width: 768px) {
    /* Mobile-Specific Styles */
    
    .fe-portfolio-section {
        padding: 60px 15px; /* Reduced vertical padding */
    }

    .fe-portfolio-heading {
        font-size: 2.2em; /* Smaller main heading */
        line-height: 1.2;
    }
    
    .fe-portfolio-subtitle {
        font-size: 1em; /* Smaller subtitle */
    }

    .fe-topics-grid-container {
        /* On mobiles, stack cards vertically (single column) */
        grid-template-columns: 1fr; 
        gap: 20px;
    }
    
    .fe-topic-card {
        padding: 25px; /* Reduced card padding */
    }
    
    .fe-topic-card h3 {
        font-size: 1.4em; /* Smaller card title */
    }

    /* Adjust footer margins for new padding */
    .fe-card-footer {
        margin: 0 -25px -25px -25px;
        padding: 20px 25px 20px 25px;
    }
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-7fdc6d1 *//* ---------------------------------- */
/* 1. EVENT SUITABILITY SECTION */
/* ---------------------------------- */

.fe-event-suitability-section {
    padding: 80px 20px;
    background-color: #ffffff; /* Clean white background */
    text-align: center;
}

.fe-event-heading {
    font-size: 2.5em;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 50px;
}

.fe-event-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.fe-event-item {
    padding: 25px 20px;
    border: 1px solid #f0f0f0; 
    border-radius: 8px;
    background-color: #ffffff; 
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05); /* Subtle shadow for depth */
    transition: all 0.3s ease;
}

.fe-event-item:hover {
    border-color: #A349A4; /* Purple border on hover */
    box-shadow: 0 5px 15px rgba(163, 73, 164, 0.1);
}

.fe-event-item h3 {
    font-size: 1.1em;
    font-weight: 700;
    color: #A349A4; /* Purple text */
    margin-top: 0;
    margin-bottom: 10px;
}

.fe-event-item p {
    font-size: 0.9em;
    color: #555555;
    line-height: 1.4;
}

/* ---------------------------------- */
/* 2. RESPONSIVENESS (Event Grid) */
/* ---------------------------------- */

@media (max-width: 1024px) {
    .fe-event-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .fe-event-grid {
        grid-template-columns: 1fr;
    }
}


/* --- Mobile/Tablet Responsiveness (Max Width 1024px) --- */
@media (max-width: 1024px) {
    .fe-event-grid {
        /* 2 columns on tablets */
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .fe-event-heading {
        font-size: 2em; /* Smaller heading */
    }
}

@media (max-width: 600px) {
    /* Mobile-Specific Styles */
    
    .fe-event-suitability-section {
        padding: 50px 15px;
    }
    
    .fe-event-grid {
        /* Single column on mobiles */
        grid-template-columns: 1fr;
    }
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-86104a1 *//* ---------------------------------- */
/* 1. AVAILABILITY SECTION */
/* ---------------------------------- */

.fe-availability-section {
    padding: 80px 20px 100px 20px;
    background-color: #fcfcfc;
}

.fe-availability-card {
    background-color: #2c004e; /* Deep, professional Purple-Navy */
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px;
    border-radius: 15px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.fe-global-icon {
    font-size: 3em;
    margin-bottom: 10px;
    color: #FFC9E3; /* Light Pink for visibility */
}

.fe-availability-card h2 {
    font-size: 2.2em;
    font-weight: 700;
    margin-bottom: 20px;
}

.fe-availability-text {
    font-size: 1em;
    color: #e0e0e0;
    max-width: 800px;
    margin: 0 auto 40px auto;
    line-height: 1.7;
}

/* ---------------------------------- */
/* 2. STATS (Dark Background) */
/* ---------------------------------- */

.fe-global-stats-grid {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
}

.fe-stat-box-dark {
    background-color: rgba(255, 255, 255, 0.1); 
    padding: 20px 25px;
    border-radius: 10px;
    min-width: 160px;
}

.fe-stat-number-dark {
    display: block;
    font-size: 2.2em;
    font-weight: 800;
    color: #FFB3D9; /* Light Pink Accent */
    line-height: 1.2;
}

.fe-stat-label-dark {
    display: block;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #cccccc;
    margin-top: 5px;
}

/* ---------------------------------- */
/* 3. CTA BUTTON (Pink/Purple Gradient) */
/* ---------------------------------- */

.fe-check-availability-btn {
    display: inline-block;
    padding: 18px 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1em;
    text-transform: uppercase;
    border-radius: 50px; 
    
    background: linear-gradient(90deg, #E91E63 0%, #A349A4 100%);
    color: #ffffff;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(233, 30, 99, 0.3);
}

.fe-check-availability-btn:hover {
    transform: scale(1.03);
    box-shadow: 0 12px 25px rgba(233, 30, 99, 0.5);
}

/* ---------------------------------- */
/* 4. RESPONSIVENESS (Availability) */
/* ---------------------------------- */

@media (max-width: 600px) {
    .fe-availability-card {
        padding: 40px 20px;
    }
    .fe-global-stats-grid {
        flex-direction: column;
        gap: 15px;
    }
    .fe-stat-box-dark {
        min-width: unset;
        width: 100%;
    }
}


/* --- Mobile/Tablet Responsiveness (Max Width 900px) --- */
@media (max-width: 900px) {
    .fe-availability-card {
        padding: 40px 30px; /* Reduced card padding */
    }

    .fe-availability-card h2 {
        font-size: 2em;
    }
    
    .fe-global-stats-grid {
        gap: 20px;
    }
}

@media (max-width: 600px) {
    /* Mobile-Specific Styles */

    .fe-availability-card {
        border-radius: 8px; /* Slightly smaller border radius */
    }
    
    .fe-global-stats-grid {
        /* Stack stats vertically */
        flex-direction: column;
        gap: 15px;
    }
    
    .fe-stat-box-dark {
        min-width: unset;
        width: 100%;
    }
    
    .fe-check-availability-btn {
        padding: 15px 30px; /* Slightly smaller button */
        font-size: 1em;
    }
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-2d17406 *//* ---------------------------------- */
/* 1. SECTION BASE (LIGHT THEME) */
/* ---------------------------------- */

.fe-media-section.light-theme {
    background-color: #FFFFFF; /* Clean White Background */
    padding: 100px 20px;
    color: #333333; /* Dark text for high contrast */
    text-align: center;
}

.fe-media-header {
    max-width: 900px;
    margin: 0 auto 60px auto;
}

.fe-media-tag {
    display: inline-block;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 6px 15px;
    margin-bottom: 15px;
    background-color: #E91E63; /* Pink Tag Background */
    color: #ffffff;
    border-radius: 50px;
}

.fe-media-heading {
    font-size: 3.5em;
    font-weight: 800;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #333333;
}

.fe-media-subtitle {
    font-size: 1.1em;
    color: #666666;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ---------------------------------- */
/* 2. MAIN CONTENT GRID (2 Columns) */
/* ---------------------------------- */

.fe-media-content-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    align-items: flex-start;
    text-align: left;
}

/* --- BIO PREVIEW COLUMN (Left) --- */
.fe-bio-preview {
    flex: 1;
    background-color: #F8F8F8; /* Very light gray background for contrast */
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* Clean, subtle shadow */
}

.fe-preview-title {
    font-size: 1.8em;
    font-weight: 700;
    color: #A349A4; /* Purple Accent */
    margin-top: 0;
    margin-bottom: 10px;
}

.fe-preview-text {
    font-size: 1em;
    color: #666666;
    margin-bottom: 30px;
}

.fe-preview-thumbnail {
    width: 100%;
    height: 350px;
    background-color: #FFFFFF; /* White Placeholder Background */
    border: 3px solid #A349A4; /* Purple Border */
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    color: #999999;
}

/* ---------------------------------- */
/* 3. DOWNLOAD LINKS GRID (Right) */
/* ---------------------------------- */

.fe-download-grid {
    flex: 1.5;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.fe-download-item {
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); /* White cards with shadow */
    display: flex;
    flex-direction: column;
    border: 1px solid #eeeeee;
}

.fe-download-item-topic {
    grid-column: 1 / -1; 
}

.fe-download-icon {
    font-size: 2.5em;
    color: #E91E63; /* Pink Icon Color */
    margin-bottom: 10px;
    line-height: 1;
}

.fe-download-item h3 {
    font-size: 1.3em;
    font-weight: 700;
    color: #333333;
    margin-top: 0;
    margin-bottom: 10px;
}

.fe-download-item p {
    font-size: 0.9em;
    color: #666666;
    margin-bottom: 15px;
    flex-grow: 1;
}

.fe-file-name {
    display: block;
    font-size: 0.8em;
    color: #999999;
    margin-bottom: 15px;
}

/* --- DOWNLOAD BUTTONS --- */
.fe-download-btn {
    display: block;
    padding: 12px 20px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95em;
    border-radius: 50px;
    transition: all 0.3s ease;
    text-align: center;
}

/* Primary Button (Pink/Purple Gradient) */
.primary-media-btn {
    background: linear-gradient(90deg, #A349A4 0%, #E91E63 100%); /* Purple to Pink Gradient */
    color: #ffffff;
    border: none;
}

.primary-media-btn:hover {
    box-shadow: 0 5px 15px rgba(163, 73, 164, 0.4);
    transform: translateY(-2px);
}

/* Secondary Button (Outline/Inverse) */
.secondary-media-btn {
    background-color: transparent;
    color: #A349A4; /* Purple Text */
    border: 2px solid #A349A4; /* Purple Outline */
}

.secondary-media-btn:hover {
    background-color: #A349A4;
    color: #ffffff;
}

/* ---------------------------------- */
/* 4. RESPONSIVENESS */
/* ---------------------------------- */

@media (max-width: 992px) {
    .fe-media-content-grid {
        flex-direction: column; 
        align-items: center;
        text-align: center;
    }
    
    .fe-bio-preview {
        flex: none;
        width: 100%;
        max-width: 600px;
        margin-bottom: 30px;
    }
    
    .fe-download-grid {
        flex: none;
        width: 100%;
        grid-template-columns: 1fr;
        max-width: 600px;
    }
    
    .fe-download-item-topic {
        grid-column: auto;
    }
}

@media (max-width: 500px) {
    .fe-media-heading {
        font-size: 2.2em;
    }
    .fe-preview-thumbnail {
        height: 250px;
    }
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-4501f68 *//* ---------------------------------- */
/* 1. SECTION HEADER AND BASE */
/* ---------------------------------- */

.fe-testimonial-section {
    background-color: #fcfcfc; /* Light background */
    padding: 100px 20px;
    text-align: center;
}

.fe-testimonial-header {
    max-width: 800px;
    margin: 0 auto 50px auto;
}

.fe-tag-testimonial {
    display: inline-block;
    font-size: 0.85em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #A349A4; /* Purple Accent */
    border-bottom: 3px solid #E91E63; /* Pink underline */
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.fe-testimonial-heading {
    font-size: 3.2em;
    font-weight: 800;
    color: #1a1a1a;
    margin-top: 5px;
    margin-bottom: 15px;
}

.fe-testimonial-subtitle {
    font-size: 1.1em;
    color: #666666;
    max-width: 700px;
    margin: 0 auto;
}

/* ---------------------------------- */
/* 2. TESTIMONIAL GRID/SLIDER LOOK */
/* ---------------------------------- */

.fe-testimonial-slider-container {
    max-width: 1200px;
    margin: 0 auto 40px auto;
    display: grid;
    /* 3 columns on desktop for a slider-like appearance */
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px;
    text-align: left;
}

.fe-testimonial-card {
    background-color: #ffffff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fe-testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 40px rgba(163, 73, 164, 0.15); /* Subtle purple lift */
}

.fe-stars {
    font-size: 1.2em;
    color: #FFC107; /* Gold/Yellow for stars */
    margin-bottom: 15px;
}

.fe-quote-text {
    font-size: 1.1em;
    font-style: italic;
    color: #444444;
    line-height: 1.6;
    margin: 0 0 25px 0;
    flex-grow: 1; /* Pushes the client profile to the bottom */
    position: relative;
    padding-left: 15px;
}

/* Quote icon graphic (trendy design detail) */
.fe-quote-text::before {
    content: "“";
    font-size: 4em;
    color: #E0BBE4; /* Light Purple for background quote */
    position: absolute;
    left: -10px;
    top: -15px;
    line-height: 1;
    opacity: 0.6;
}

/* ---------------------------------- */
/* 3. CLIENT PROFILE */
/* ---------------------------------- */

.fe-client-profile {
    display: flex;
    align-items: center;
    padding-top: 20px;
    border-top: 1px dashed #E91E63; /* Pink dashed line separator */
}

.fe-client-photo {
    width: 60px;
    height: 60px;
    background-color: #A349A4; /* Purple placeholder background */
    border-radius: 50%;
    margin-right: 15px;
    border: 3px solid #E91E63; /* Pink outline */
    flex-shrink: 0;
}

.fe-client-details {
    line-height: 1.3;
}

.fe-client-name {
    font-size: 1.1em;
    font-weight: 700;
    color: #A349A4; /* Purple Name */
    margin: 0;
}

.fe-client-title {
    font-size: 0.9em;
    color: #777777;
    margin: 0;
}

/* ---------------------------------- */
/* 4. CTA BUTTON */
/* ---------------------------------- */

.fe-more-testimonials-cta {
    display: inline-block;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95em;
    text-transform: uppercase;
    border-radius: 50px; 
    
    background-color: #333333; /* Dark/Navy secondary color for button */
    color: #ffffff;
    border: none;
    margin-top: 20px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.fe-more-testimonials-cta:hover {
    background-color: #A349A4; /* Purple on hover */
    box-shadow: 0 5px 15px rgba(163, 73, 164, 0.3);
}

/* ---------------------------------- */
/* 5. RESPONSIVENESS */
/* ---------------------------------- */

@media (max-width: 992px) {
    .fe-testimonial-slider-container {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
    }
    .fe-desktop-only {
        display: none; /* Hide the third card on smaller screens */
    }
}

@media (max-width: 650px) {
    .fe-testimonial-slider-container {
        grid-template-columns: 1fr; /* Single column on mobiles */
        gap: 20px;
    }
    .fe-testimonial-heading {
        font-size: 2.5em;
    }
    .fe-quote-text {
        font-size: 1em;
    }
}/* End custom CSS */