/* Base Styles */
    #custom-container-vantage-admin-focused {
        font-family: 'Inter', sans-serif !important;
        color: #1A202C !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        --primary: #6356ed !important;
        --primary-light: #8a7bff !important;
        --primary-dark: #5142e0 !important;
        --bg-light: #f7f9fc !important;
        --bg-white: #ffffff !important;
        --text-dark: #1A202C !important;
        --text-medium: #4A5568 !important;
        --text-light: #ffffff !important;
        --border-radius: 12px !important;
        --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
        --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
        --shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.15) !important;
        --space-xs: 0.5rem !important;
        --space-sm: 1rem !important;
        --space-md: 2rem !important;
        --space-lg: 3rem !important;
        --space-xl: 4rem !important;
        --transition: all 0.3s ease !important;
    }
    .custom-container {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 var(--space-md) !important;
    }

    .custom-section {
        padding: var(--space-xl) 0 !important;
    }

    .custom-section-header {
        text-align: center !important;
        max-width: 800px !important;
        margin: 0 auto var(--space-xl) !important;
    }

    .custom-section-title {
        font-size: 2.5rem !important;
        font-weight: 800 !important;
        color: var(--text-dark) !important;
        margin-bottom: var(--space-sm) !important;
        position: relative !important;
        display: inline-block !important;
    }

    .custom-section-title::after {
        content: "" !important;
        position: absolute !important;
        width: 80px !important;
        height: 4px !important;
        background: var(--primary) !important;
        bottom: -10px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        border-radius: 2px !important;
    }

    .custom-section-title.light {
        color: var(--text-light) !important;
    }

    .custom-section-title.light::after {
        background: var(--text-light) !important;
    }

    .custom-section-description {
        font-size: 1.125rem !important;
        line-height: 1.7 !important;
        color: var(--text-medium) !important;
        margin-top: var(--space-md) !important;
    }

    .custom-section-description.light {
        color: rgba(255, 255, 255, 0.8) !important;
    }

    /* Buttons */
    .custom-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 14px 32px !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        color: var(--text-light) !important;
        background-color: var(--primary) !important;
        border-radius: 50px !important;
        text-decoration: none !important;
        transition: var(--transition) !important;
        border: none !important;
        cursor: pointer !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 4px 12px rgba(99, 86, 237, 0.25) !important;
    }

    .custom-btn::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(45deg, rgba(255,255,255,0.1), rgba(255,255,255,0)) !important;
        z-index: 1 !important;
    }

    .custom-btn:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 6px 16px rgba(99, 86, 237, 0.35) !important;
    }

    .custom-btn-white {
        background-color: var(--bg-white) !important;
        color: var(--primary) !important;
        box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
    }

    .custom-btn-white:hover {
        box-shadow: 0 6px 16px rgba(255, 255, 255, 0.3) !important;
    }

    /* Two Column Layout */
    .custom-two-column {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: var(--space-lg) !important;
        align-items: center !important;
    }

    /* Cards */
    .custom-card {
        background-color: var(--bg-white) !important;
        border-radius: var(--border-radius) !important;
        box-shadow: var(--shadow-sm) !important;
        transition: var(--transition) !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .custom-card:hover {
        transform: translateY(-8px) !important;
        box-shadow: var(--shadow-md) !important;
    }

    /* HERO SECTION */
    .custom-hero {
        background: linear-gradient(135deg, #1A202C 0%, #2D3748 100%) !important;
        position: relative !important;
        overflow: hidden !important;
        padding: 120px 0 100px !important;
        color: var(--text-light) !important;
    }

    .custom-hero::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        right: -300px !important;
        width: 600px !important;
        height: 600px !important;
        background: var(--primary) !important;
        border-radius: 50% !important;
        opacity: 0.05 !important;
    }

    .custom-hero::after {
        content: "" !important;
        position: absolute !important;
        bottom: -200px !important;
        left: -200px !important;
        width: 500px !important;
        height: 500px !important;
        background: var(--primary-light) !important;
        border-radius: 50% !important;
        opacity: 0.05 !important;
    }

    .custom-hero-content {
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .custom-hero-title {
        font-size: 3.5rem !important;
        font-weight: 800 !important;
        margin-bottom: var(--space-md) !important;
        background: linear-gradient(90deg, #ffffff 0%, #e6e9ff 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        text-fill-color: transparent !important;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
    }

    .custom-hero-subtitle {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
        margin-bottom: var(--space-lg) !important;
        max-width: 800px !important;
    }

    .custom-user-types-container {
        max-width: 800px !important;
        margin: 0 auto var(--space-lg) !important;
    }

    .custom-user-types {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
        margin-top: var(--space-md) !important;
    }

    .custom-user-type {
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50px !important;
        padding: 8px 16px !important;
        font-size: 0.9rem !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        border: 1px solid rgba(255, 255, 255, 0.05) !important;
        transition: var(--transition) !important;
    }

    .custom-user-type:hover {
        background: rgba(255, 255, 255, 0.2) !important;
        transform: translateY(-3px) !important;
    }

    /* FEATURES SECTION */
    .custom-features {
        background-color: var(--bg-light) !important;
        position: relative !important;
    }

    .custom-features-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
        gap: var(--space-lg) !important;
    }

    .custom-feature-card {
        background-color: var(--bg-white) !important;
        border-radius: var(--border-radius) !important;
        padding: var(--space-lg) !important;
        box-shadow: var(--shadow-sm) !important;
        transition: var(--transition) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        position: relative !important;
        overflow: hidden !important;
        height: 100% !important;
        justify-content: center !important;
    }

    .custom-feature-card:hover {
        transform: translateY(-8px) !important;
        box-shadow: var(--shadow-md) !important;
    }

    .custom-feature-card:hover .custom-feature-icon {
        background-color: var(--primary) !important;
        color: var(--text-light) !important;
    }

    .custom-feature-icon {
        width: 70px !important;
        height: 70px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: rgba(99, 86, 237, 0.1) !important;
        color: var(--primary) !important;
        font-size: 1.75rem !important;
        border-radius: 20px !important;
        margin-bottom: var(--space-md) !important;
        transition: var(--transition) !important;
    }

    .custom-feature-title {
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-sm) !important;
        color: var(--text-dark) !important;
    }

    .custom-feature-text {
        color: var(--text-medium) !important;
        line-height: 1.6 !important;
    }

    /* SMART COMPUTE SECTION */
    .custom-smart-compute {
        background: var(--bg-white) !important;
        position: relative !important;
    }

    .custom-smart-compute-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
        gap: var(--space-lg) !important;
    }

    .custom-smart-feature {
        background-color: var(--bg-light) !important;
        border-radius: var(--border-radius) !important;
        padding: var(--space-lg) !important;
        border-left: 4px solid var(--primary) !important;
        transition: var(--transition) !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .custom-smart-feature:hover {
        transform: translateY(-8px) !important;
        box-shadow: var(--shadow-md) !important;
    }

    .custom-smart-feature-title {
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-sm) !important;
        color: var(--text-dark) !important;
    }

    .custom-smart-feature-text {
        color: var(--text-medium) !important;
        line-height: 1.6 !important;
    }

    /* CLOUD NATIVE SECTION */
    .custom-cloud-native {
        background-color: var(--bg-light) !important;
    }

    .custom-cloud-logos {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: var(--space-xl) !important;
        margin-top: var(--space-lg) !important;
    }

    .custom-cloud-logo {
        height: 60px !important;
        max-width: 150px !important;
        object-fit: contain !important;
        filter: grayscale(100%) opacity(0.6) !important;
        transition: var(--transition) !important;
    }

    .custom-cloud-logo:hover {
        filter: grayscale(0%) opacity(1) !important;
        transform: scale(1.1) !important;
    }

    /* INDUSTRIES SECTION */
    .custom-industries {
        background-color: var(--bg-white) !important;
    }

    .custom-industries-tabs {
        display: flex !important;
        flex-wrap: nowrap !important; /* Change to nowrap */
        justify-content: center !important;
        gap: 4px !important; /* Reduce gap between tabs */
        margin-bottom: var(--space-lg) !important;
        background-color: #f4f5f7 !important;
        border-radius: 50px !important;
        padding: 6px !important; /* Slightly reduce padding */
        max-width: 900px !important; /* Increase max-width to accommodate all tabs */
        margin-left: auto !important;
        margin-right: auto !important;
        overflow-x: auto !important; /* Add horizontal scroll if needed on small screens */
    }

    .custom-industry-tab {
        background-color: transparent !important;
        color: var(--text-medium) !important;
        padding: 10px 18px !important; /* Reduce padding */
        border-radius: 50px !important;
        font-weight: 500 !important;
        cursor: pointer !important;
        transition: var(--transition) !important;
        border: none !important;
        font-size: 14px !important; /* Smaller font size */
        white-space: nowrap !important; /* Prevent text wrapping */
    }

    .custom-industry-tab.active, .custom-industry-tab:hover {
        background-color: var(--primary) !important;
        color: var(--text-light) !important;
        box-shadow: 0 4px 12px rgba(99, 86, 237, 0.25) !important;
    }

    .custom-industry-content {
        display: none !important;
    }

    .custom-industry-content.active {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: var(--space-lg) !important;
        margin-bottom: var(--space-lg) !important;
    }

    .custom-industry-image {
        flex: 1 !important;
        border-radius: var(--border-radius) !important;
        overflow: hidden !important;
        min-height: 350px !important;
        background-size: cover !important;
        background-position: center !important;
        box-shadow: var(--shadow-md) !important;
    }

    .custom-industry-details {
        flex: 1 !important;
        padding: var(--space-md) !important;
    }

    .custom-industry-details-title {
        font-size: 2rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-sm) !important;
        color: var(--text-dark) !important;
        position: relative !important;
    }

    .custom-industry-details-title::after {
        content: "" !important;
        position: absolute !important;
        width: 60px !important;
        height: 3px !important;
        background: var(--primary) !important;
        bottom: -10px !important;
        left: 0 !important;
        border-radius: 2px !important;
    }

    .custom-industry-details-text {
        color: var(--text-medium) !important;
        line-height: 1.6 !important;
        margin-bottom: var(--space-md) !important;
        font-size: 1.1rem !important;
    }

    @media (max-width: 768px) {
        .custom-industry-content.active {
            flex-direction: column !important;
        }

        .custom-industry-image {
            width: 100% !important;
            min-height: 200px !important;
        }

        .custom-industries-tabs {
            border-radius: 20px !important;
        }

        .custom-industry-tab {
            padding: 8px 16px !important;
            font-size: 14px !important;
        }
    }

    /* TESTIMONIALS SECTION */
    .custom-testimonials {
        background: linear-gradient(135deg, #f3f5fb 0%, #eaedff 100%) !important;
        position: relative !important;
    }

    .custom-testimonial-slider {
        max-width: 900px !important;
        margin: 0 auto !important;
        position: relative !important;
    }

    .custom-testimonial-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Testimonial Section - Fixed Version */
    .custom-testimonial {
        background-color: var(--bg-white) !important;
        border-radius: var(--border-radius) !important;
        padding: var(--space-lg) !important;
        box-shadow: var(--shadow-md) !important;
        max-width: 800px !important;
        margin: 0 auto var(--space-md) !important;
        position: relative !important;
        height: 280px !important; /* Fixed height */
        display: flex !important;
        flex-direction: column !important;
    }

    .custom-testimonial-text-container {
        position: relative !important;
        flex: 1 !important;
        overflow: hidden !important;
    }

    .custom-testimonial-text {
        font-size: 1.25rem !important;
        line-height: 1.6 !important;
        color: var(--text-dark) !important;
        font-weight: 500 !important;
        font-style: italic !important;
        position: relative !important;
        margin: 0 !important;
    }

    .custom-testimonial::before {
        content: """ !important;
        font-family: Georgia, serif !important;
        font-size: 5rem !important;
        position: absolute !important;
        top: -20px !important;
        left: 20px !important;
        color: var(--primary) !important;
        opacity: 0.15 !important;
    }

    .custom-testimonial-author {
        display: flex !important;
        align-items: center !important;
        border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
        padding-top: var(--space-sm) !important;
        margin-top: var(--space-md) !important;
    }

    /* Animation for testimonial transitions */
    .custom-testimonial-fade {
        opacity: 0;
        transition: opacity 0.4s ease-in-out !important;
    }

    .custom-testimonial-fade.active {
        opacity: 1 !important;
    }

    .custom-testimonial-avatar {
        width: 50px !important;
        height: 50px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-right: var(--space-sm) !important;
        color: var(--text-light) !important;
        font-weight: bold !important;
        font-size: 1.2rem !important;
    }

    .custom-testimonial-info {
        flex: 1 !important;
    }

    .custom-testimonial-name {
        font-weight: 600 !important;
        color: var(--text-dark) !important;
    }

    .custom-testimonial-position {
        font-size: 0.875rem !important;
        color: var(--text-medium) !important;
    }

    .custom-testimonial-nav {
        display: flex !important;
        justify-content: center !important;
        margin-top: var(--space-md) !important;
        gap: 8px !important;
    }

    .custom-testimonial-dot {
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        background-color: rgba(99, 86, 237, 0.3) !important;
        transition: var(--transition) !important;
        cursor: pointer !important;
    }

    .custom-testimonial-dot.active {
        background-color: var(--primary) !important;
        transform: scale(1.2) !important;
    }

    /* Responsive adjustments for testimonials */
    @media (max-width: 768px) {
        .custom-testimonial {
            height: 320px !important; /* Taller on mobile */
            padding: var(--space-md) !important;
        }

        .custom-testimonial-text {
            font-size: 1.1rem !important;
        }
    }

    @media (max-width: 480px) {
        .custom-testimonial {
            height: 360px !important; /* Even taller on small screens */
        }

        .custom-testimonial-text {
            font-size: 1rem !important;
        }

        .custom-testimonial::before {
            font-size: 3rem !important;
            top: -10px !important;
        }
    }

    /* CTA SECTION */
    .custom-cta {
        background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%) !important;
        color: var(--text-light) !important;
        text-align: center !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .custom-cta::before {
        content: "" !important;
        position: absolute !important;
        top: -50% !important;
        left: -50% !important;
        width: 200% !important;
        height: 200% !important;
        background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFFFF" d="M40.8,-62.2C52.9,-49.1,62.3,-36.9,68.6,-22.6C74.8,-8.3,77.9,8.2,73.2,22.3C68.5,36.5,56,48.3,42.4,57.4C28.8,66.5,14.4,72.8,-0.7,73.9C-15.8,75,-31.7,70.8,-45.3,62C-58.9,53.2,-70.3,39.9,-75.4,24.5C-80.5,9.1,-79.4,-8.3,-73.1,-23C-66.8,-37.6,-55.5,-49.4,-42.5,-62.4C-29.5,-75.3,-14.8,-89.3,-0.2,-89C14.4,-88.7,28.8,-75.3,40.8,-62.2Z" transform="translate(100 100)" /></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 100% !important;
        opacity: 0.05 !important;
        z-index: 0 !important;
    }

    .custom-cta-content {
        position: relative !important;
        z-index: 1 !important;
    }

    .custom-cta-title {
        font-size: 2.5rem !important;
        font-weight: 800 !important;
        margin-bottom: var(--space-md) !important;
        color: var(--text-light) !important;
    }

    .custom-cta-text {
        font-size: 1.25rem !important;
        line-height: 1.6 !important;
        margin-bottom: var(--space-lg) !important;
        max-width: 800px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        color: rgba(255, 255, 255, 0.9) !important;
    }

    /* MEDIA QUERIES */
    @media (max-width: 992px) {
        .custom-section-title {
            font-size: 2rem !important;
        }

        .custom-hero-title {
            font-size: 2.5rem !important;
        }

        .custom-hero-subtitle {
            font-size: 1.25rem !important;
        }

        .custom-two-column {
            grid-template-columns: 1fr !important;
        }

        .custom-testimonial {
            padding: var(--space-md) !important;
        }
    }

    @media (max-width: 768px) {
        .custom-section {
            padding: var(--space-lg) 0 !important;
        }

        .custom-hero {
            padding: 80px 0 60px !important;
        }

        .custom-hero-title {
            font-size: 2rem !important;
        }

        .custom-cta-title {
            font-size: 1.75rem !important;
        }

        .custom-cta-text {
            font-size: 1rem !important;
        }

        .custom-feature-card,
        .custom-smart-feature {
            padding: var(--space-md) !important;
        }
    }

    @media (max-width: 576px) {
        .custom-hero-title {
            font-size: 1.75rem !important;
        }

        .custom-hero-subtitle {
            font-size: 1rem !important;
        }

        .custom-section-title {
            font-size: 1.5rem !important;
        }

        .custom-cloud-logo {
            height: 40px !important;
            max-width: 100px !important;
        }
    }

    /* Carousel Container */
    .custom-feature-carousel {
        max-width: 1000px !important;
        margin: var(--space-lg) auto !important;
        overflow: hidden !important;
        position: relative !important;
        padding: 0 var(--space-md) !important;
    }

    /* Carousel Track */
    .custom-carousel-track {
        display: flex !important;
        gap: var(--space-md) !important;
        transition: transform 0.5s ease !important;
        padding: var(--space-md) 0 !important;
    }

    /* Carousel Item */
    .custom-carousel-card {
        flex: 0 0 280px !important;
        height: 200px !important;
        position: relative !important;
        transform-style: preserve-3d !important;
        transition: transform 0.6s ease, box-shadow 0.3s ease !important;
        cursor: pointer !important;
        perspective: 1000px !important; /* Ensure 3D context */
        box-shadow: var(--shadow-md) !important;
        border-radius: var(--border-radius) !important;
        background: transparent !important; /* Prevent white edges */
    }

    /* 3D Flip Effect */
    .custom-carousel-card:hover {
        transform: rotateY(180deg) !important;
        box-shadow: var(--shadow-lg) !important;
    }

    /* Front and Back Faces */
    .custom-card-front,
    .custom-card-back {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important; /* For Safari compatibility */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: var(--space-sm) !important;
        border-radius: var(--border-radius) !important;
        box-sizing: border-box !important;
    }

    .custom-card-front {
        background: linear-gradient(135deg, #ffffff 0%, #f7f9fc 100%) !important;
        z-index: 2 !important;
    }

    .custom-card-back {
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
        transform: rotateY(180deg) !important;
        color: var(--text-light) !important;
        z-index: 1 !important;
    }

    /* Card Content */
    .custom-card-icon {
        font-size: 2rem !important;
        color: var(--primary) !important;
        margin-bottom: var(--space-sm) !important;
        transition: transform 0.3s ease !important;
    }

    .custom-carousel-card:hover .custom-card-icon {
        transform: scale(1.2) !important;
    }

    .custom-card-title {
        font-size: 1.1rem !important;
        font-weight: 700 !important;
        color: var(--text-dark) !important;
        text-align: center !important;
        margin-bottom: var(--space-xs) !important;
    }

    .custom-card-back .custom-card-title {
        color: var(--text-light) !important;
        margin-bottom: var(--space-xs) !important;
    }

    .custom-card-text {
        font-size: 0.75rem !important; /* Further reduced font size to fit text */
        line-height: 1.2 !important; /* Tighter line height to reduce space */
        text-align: center !important;
        color: rgba(255, 255, 255, 0.9) !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        padding: 0 5px !important;
    }

    /* Navigation Arrows */
    .custom-carousel-nav {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(99, 86, 237, 0.8) !important;
        color: var(--text-light) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: var(--transition) !important;
        z-index: 10 !important;
    }

    .custom-carousel-nav:hover {
        background: var(--primary) !important;
        transform: translateY(-50%) scale(1.1) !important;
    }

    .custom-carousel-nav.prev {
        left: 0 !important;
    }

    .custom-carousel-nav.next {
        right: 0 !important;
    }

    /* Responsive Adjustments */
    @media (max-width: 768px) {
        .custom-carousel-card {
            flex: 0 0 240px !important;
            height: 180px !important;
        }

        .custom-card-title {
            font-size: 1rem !important;
        }

        .custom-card-text {
            font-size: 0.7rem !important; /* Even smaller on smaller screens */
        }
    }

    @media (max-width: 576px) {
        .custom-carousel-card {
            flex: 0 0 200px !important;
            height: 160px !important;
        }
    }

    /* Add specific styling for Font Awesome icons */
    .custom-carousel-nav i,
    .custom-card-icon i {
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 900 !important;
        font-style: normal !important;
    }

    /* Calendly Modal Styles */
    .custom-modal-overlay {
        display: none;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: rgba(0, 0, 0, 0.7) !important;
        z-index: 9999 !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .custom-modal-container {
        background-color: white !important;
        border-radius: var(--border-radius) !important;
        width: 90% !important;
        max-width: 900px !important;
        height: 90vh !important;
        max-height: 700px !important;
        position: relative !important;
        box-shadow: var(--shadow-lg) !important;
    }

    .custom-modal-close {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        width: 32px !important;
        height: 32px !important;
        background-color: var(--primary) !important;
        color: white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        font-size: 18px !important;
        font-weight: bold !important;
        z-index: 10 !important;
        border: none !important;
    }

    .custom-modal-content {
        width: 100% !important;
        height: 100% !important;
        border: none !important;
        border-radius: var(--border-radius) !important;
    }

    .custom-btn-group {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: var(--space-sm) !important;
        margin-bottom: var(--space-lg) !important;
    }

    @media (max-width: 768px) {
        .custom-btn-group {
            flex-direction: column !important;
            gap: var(--space-xs) !important;
        }

        .custom-modal-container {
            height: 80vh !important;
        }
    }

    /* Custom Contact Button */
    .custom-btn-contact {
        background-color: white !important;
        color: var(--primary) !important;
        border: 2px solid var(--primary) !important;
    }

    .custom-btn-contact:hover {
        background-color: rgba(99, 86, 237, 0.1) !important;
    }

    /* Admin-specific styles */
    .custom-admin-features {
        padding: var(--space-lg) 0 !important;
    }

    .custom-admin-feature-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
        gap: var(--space-md) !important;
    }

    .custom-admin-feature {
        background-color: var(--bg-white) !important;
        border-radius: var(--border-radius) !important;
        padding: var(--space-md) !important;
        box-shadow: var(--shadow-sm) !important;
        transition: var(--transition) !important;
        display: flex !important;
        flex-direction: column !important;
        border-top: 4px solid var(--primary) !important;
    }

    .custom-admin-feature:hover {
        transform: translateY(-5px) !important;
        box-shadow: var(--shadow-md) !important;
    }

    .custom-admin-feature-title {
        font-size: 1.2rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-xs) !important;
        color: var(--text-dark) !important;
    }

    .custom-admin-feature-text {
        color: var(--text-medium) !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
        flex-grow: 1 !important;
    }

    .custom-admin-metrics {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
        gap: var(--space-md) !important;
        margin-top: var(--space-lg) !important;
        margin-bottom: var(--space-lg) !important;
    }

    .custom-admin-metric {
        background-color: var(--bg-white) !important;
        border-radius: var(--border-radius) !important;
        padding: var(--space-md) !important;
        box-shadow: var(--shadow-sm) !important;
        text-align: center !important;
        transition: var(--transition) !important;
        border-bottom: 3px solid var(--primary) !important;
    }

    .custom-admin-metric:hover {
        transform: translateY(-5px) !important;
        box-shadow: var(--shadow-md) !important;
    }

    .custom-admin-metric-number {
        font-size: 2.5rem !important;
        font-weight: 800 !important;
        color: var(--primary) !important;
        margin-bottom: var(--space-xs) !important;
    }

    .custom-admin-metric-label {
        color: var(--text-medium) !important;
        font-size: 0.9rem !important;
    }

    .custom-infographic {
        background: linear-gradient(135deg, #f8f9ff 0%, #eef1ff 100%) !important;
        border-radius: var(--border-radius) !important;
        padding: var(--space-lg) !important;
        margin-top: var(--space-lg) !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .custom-infographic::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 200px !important;
        height: 200px !important;
        background-color: rgba(99, 86, 237, 0.05) !important;
        border-radius: 50% !important;
        transform: translate(50%, -50%) !important;
    }

    .custom-infographic-title {
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-md) !important;
        color: var(--text-dark) !important;
        text-align: center !important;
    }

    .custom-admin-steps {
        display: flex !important;
        flex-direction: column !important;
        gap: var(--space-sm) !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .custom-admin-step {
        display: flex !important;
        align-items: flex-start !important;
        background-color: var(--bg-white) !important;
        border-radius: var(--border-radius) !important;
        padding: var(--space-md) !important;
        box-shadow: var(--shadow-sm) !important;
        transition: var(--transition) !important;
    }

    .custom-admin-step:hover {
        transform: translateX(5px) !important;
        box-shadow: var(--shadow-md) !important;
    }

    .custom-step-number {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        background-color: var(--primary) !important;
        color: white !important;
        font-weight: 700 !important;
        margin-right: var(--space-sm) !important;
        flex-shrink: 0 !important;
    }

    .custom-step-content {
        flex: 1 !important;
    }

    .custom-step-title {
        font-weight: 600 !important;
        margin-bottom: 5px !important;
        color: var(--text-dark) !important;
    }

    .custom-step-text {
        color: var(--text-medium) !important;
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }