.elementor-kit-442{--e-global-color-primary:#06B6D4;--e-global-color-secondary:#6366F1;--e-global-color-text:#CBD5E1;--e-global-color-accent:#A855F7;--e-global-color-d4ed39d:#FFFFFF;--e-global-color-62cf089:#030303;--e-global-color-08eb00f:#0F172A;--e-global-color-0bd8676:#FFFFFF03;--e-global-color-d6a0012:#10B981;--e-global-color-132f5e1:#FBBF24;--e-global-color-cbe9430:#0F172A;--e-global-color-70d8724:#020617;--e-global-color-cdfa7c0:#F1F5F9;--e-global-color-444a012:#94A3B8;--e-global-color-a15cf0b:#64748B;--e-global-color-2f21477:#818CF8;--e-global-color-32a5f74:#4F46E5;--e-global-color-9969b05:#C084FC;--e-global-color-e585265:#A855F7;--e-global-color-bf20aee:#9333EA;--e-global-color-1de727a:#34D399;--e-global-color-bd3805e:#FFFFFF0D;--e-global-color-0fe82a5:#FFFFFF1A;--e-global-color-53a4bb1:#FFFFFF33;--e-global-color-91ff318:#000000CC;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"JetBrains Mono";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-5d05e02-font-family:"JetBrains Mono";--e-global-typography-5d05e02-font-weight:700;--e-global-typography-5d05e02-text-transform:uppercase;}.elementor-kit-442 e-page-transition{background-color:#FFBC7D;}.elementor-kit-442 button,.elementor-kit-442 input[type="button"],.elementor-kit-442 input[type="submit"],.elementor-kit-442 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#CBD5E1;border-radius:12px 12px 12px 12px;padding:16px 032px 16px 032px;}.elementor-kit-442 input:not([type="button"]):not([type="submit"]),.elementor-kit-442 textarea,.elementor-kit-442 .elementor-field-textual{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;background-color:var( --e-global-color-70d8724 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-0fe82a5 );border-radius:12px 12px 12px 12px;}.elementor-kit-442 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-442 textarea:focus,.elementor-kit-442 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-442 button,.elementor-kit-442 input[type="button"],.elementor-kit-442 input[type="submit"],.elementor-kit-442 .elementor-button{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-442 input:not([type="button"]):not([type="submit"]),.elementor-kit-442 textarea,.elementor-kit-442 .elementor-field-textual{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-442 button,.elementor-kit-442 input[type="button"],.elementor-kit-442 input[type="submit"],.elementor-kit-442 .elementor-button{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-442 input:not([type="button"]):not([type="submit"]),.elementor-kit-442 textarea,.elementor-kit-442 .elementor-field-textual{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =============================================
   ROADMAP SECTION - CONNECTING ARROWS
   ============================================= */

/* Base card styles */
.roadmap-card {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

/* Hover border colors matching the template */
.roadmap-card-accent:hover {
    border-color: rgba(6, 182, 212, 0.3) !important;
}

.roadmap-card-glow:hover {
    border-color: rgba(99, 102, 241, 0.3) !important;
}

.roadmap-card-purple:hover {
    border-color: rgba(168, 85, 247, 0.3) !important;
}

.roadmap-card-emerald:hover {
    border-color: rgba(52, 211, 153, 0.3) !important;
}

/* Connecting arrows - visible on desktop only */
@media (min-width: 768px) {
    .roadmap-grid {
        position: relative;
    }

    /* Arrows between cards 1-2, 2-3, 3-4 */
    .roadmap-card:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        border-top: 2px solid rgba(255, 255, 255, 0.1);
        border-right: 2px solid rgba(255, 255, 255, 0.1);
        transform: translateY(-50%) rotate(45deg);
        z-index: 20;
        pointer-events: none;
    }

    /* Hide arrow on the last card */
    .roadmap-card:last-child::after {
        display: none;
    }
}

/* Responsive adjustments for tablet - vertical connector instead of arrow */
@media (max-width: 767px) {
    .roadmap-card:not(:last-child)::after {
        content: '';
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translateX(-50%);
        width: 12px;
        height: 12px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.1);
        border-right: 2px solid rgba(255, 255, 255, 0.1);
        transform: translateX(-50%) rotate(45deg);
        z-index: 20;
        pointer-events: none;
    }
}

/* =============================================
   TESTIMONIALS SECTION - CUSTOM STYLES
   ============================================= */

/* Section overflow for carousel effect */
.testimonials-section {
    overflow: hidden;
}

/* Testimonial card hover */
.testimonial-card {
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.testimonial-card:hover {
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* Navigation buttons */
.review-nav-btn {
    transition: all 0.2s ease;
    cursor: pointer;
}

.review-nav-btn:hover {
    transform: scale(1.05);
}

/* Avatar circle */
.testimonial-avatar {
    transition: all 0.3s ease;
}

.testimonial-card:hover .testimonial-avatar {
    border-color: rgba(99, 102, 241, 0.4);
}

/* Star rating color consistency */
.testimonial-card .elementor-icon i {
    color: #fbbf24 !important;
}

/* Min height for equal cards on desktop */
@media (min-width: 768px) {
    .reviews-track {
        align-items: stretch;
    }
    
    .reviews-track > .e-con-inner {
        align-items: stretch;
    }
    
    .testimonial-card {
        height: 100%;
    }
}

/* Tablet/Mobile - allow height to be natural */
@media (max-width: 767px) {
    .testimonials-section {
        overflow: visible;
    }
    
    .reviews-track {
        min-height: auto;
    }
}

/* =============================================
   FOOTER - CUSTOM STYLES
   ============================================= */

/* Footer link list - remove default icon spacing */
.footer-link-list .elementor-icon-list-icon {
    display: none !important;
}

.footer-link-list .elementor-icon-list-text {
    padding-left: 0 !important;
    transition: color 0.2s ease;
    cursor: pointer;
}

.footer-link-list .elementor-icon-list-text:hover {
    color: #06b6d4 !important;
}

/* Legal link hover */
.footer-legal-link a {
    transition: color 0.2s ease;
}

.footer-legal-link a:hover {
    color: #94a3b8 !important;
}

/* Accreditation badges */
.footer-badge {
    transition: all 0.2s ease;
    cursor: default;
}

.footer-badge:hover {
    border-color: rgba(255, 255, 255, 0.1);
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .site-footer .e-con-inner {
        gap: 32px;
    }
}

/* =============================================
   PROCESS WIDGET - CONNECTING LINES & HOVER
   ============================================= */

/* Step hover slide effect */
.process-step {
    transition: transform 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
    position: relative;
}

.process-step:hover {
    transform: translateX(4px);
}

/* Vertical connector lines between steps */
.process-icon-column {
    position: relative;
}

.process-step:not(:last-child) .process-icon-column::after {
    content: '';
    position: absolute;
    top: 40px;
    left: 19px;
    width: 2px;
    height: calc(100% + 14px);
    background: linear-gradient(to bottom, var(--step-color, #1e293b), #1e293b);
    z-index: 0;
    pointer-events: none;
}

/* Color variables for each step's connector line */
.process-step-cyan .process-icon-column::after {
    --step-color: #06b6d4;
}

.process-step-purple .process-icon-column::after {
    --step-color: #a855f7;
}

.process-step-amber .process-icon-column::after {
    --step-color: #f59e0b;
}

.process-step-emerald .process-icon-column::after {
    --step-color: #10b981;
}

/* Ensure icon stays above the connector line */
.process-icon-column .elementor-widget-icon {
    z-index: 1;
    position: relative;
}

/* Slow ping animation for the badge dot */
.animate-ping-slow .elementor-icon {
    animation: ping-slow 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ping-slow {
    75%, 100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

/* Remove default elementor icon wrapper background interference */
.animate-ping-slow .elementor-icon-wrapper {
    line-height: 0;
}

/* Pulse animation for icons */
.animate-pulse-icon .elementor-icon {
    animation: pulse-icon 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-icon {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* OVERALL */
.gradient-cyan-purple {
    background: linear-gradient(to right, #06b6d4, #a855f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-white-cyan {
    background: linear-gradient(to right, #ffffff, #a5b4fc, #67e8f9); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    background-clip: text;
}

.gradient-cosmic {
    background: linear-gradient(to right, #06b6d4, #38bdf8, #34d399);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}/* End custom CSS */