.elementor-kit-10{--e-global-color-primary:#FFAF42;--e-global-color-secondary:#0E1116;--e-global-color-text:#E7E9EE;--e-global-color-accent:#FF8C26;--e-global-color-04c1b81:#11141A;--e-global-color-c3ca3c8:#5F6268;--e-global-color-0cf038d:#11141AB0;--e-global-color-a131beb:#11141A00;--e-global-color-5aa2857:#FB6616;--e-global-typography-primary-font-family:"Saira Condensed";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--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;background-color:#0B0D10;color:var( --e-global-color-text );}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:var( --e-global-color-5aa2857 );font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h1{color:var( --e-global-color-text );font-size:65px;}.elementor-kit-10 h2{color:var( --e-global-color-text );}.elementor-kit-10 h3{color:var( --e-global-color-text );}.elementor-kit-10 h4{color:var( --e-global-color-text );}.elementor-kit-10 h5{color:var( --e-global-color-text );}.elementor-kit-10 h6{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#inline-odBikQUbLORqoVUNKGIi {
    height: 850px !important;
    min-height: 850px !important;
}

/* =========================================================
   DYNAMIC SERVICE CARDS - Elementor Custom CSS
   Apply by giving each card container the class: service-card
   (Edit container → Advanced → CSS Classes → service-card)
   ========================================================= */

/* ---------- Base card ---------- */
.service-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: linear-gradient(145deg, #0a0a0a 0%, #000000 100%);
    border: 1px solid rgba(255, 165, 0, 0.15);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
                box-shadow 0.5s ease,
                border-color 0.5s ease,
                background 0.5s ease;
    will-change: transform;
}

/* Fade the cover image to ~20% visible via a dark inset wash that sits
   above the background image but below all text/icons.
   This works whether Elementor puts the image on the container itself
   OR on the .elementor-background-overlay layer. */
.service-card {
    background-color: #000 !important;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.8);
}

/* Belt-and-suspenders: also dim the overlay layer if Elementor uses it */
.service-card > .elementor-background-overlay,
.service-card .elementor-background-overlay {
    opacity: 0.2 !important;
    transition: opacity 0.5s ease, transform 0.8s ease !important;
}

/* Inner readability scrim sitting above the bg image but below content */
.service-card::before,
.service-card::after {
    z-index: 3;
}

.service-card > .e-con-inner,
.service-card > .elementor-widget-wrap,
.service-card > .elementor-column-wrap {
    position: relative;
    z-index: 4;
}

/* Animated gradient glow border on hover */
.service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(135deg,
        rgba(255, 165, 0, 0) 0%,
        rgba(255, 165, 0, 0.8) 50%,
        rgba(255, 165, 0, 0) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
                  linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    z-index: 2;
}

/* Shine sweep effect */
.service-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,
        transparent 0%,
        rgba(255, 165, 0, 0.08) 50%,
        transparent 100%);
    transform: skewX(-20deg);
    transition: left 0.8s ease;
    pointer-events: none;
    z-index: 1;
}

/* ---------- Hover lift & glow ---------- */
.service-card .elementor-icon,
.service-card .service-number {
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
                color 0.4s ease,
                filter 0.6s ease;
}
.service-card:hover .elementor-icon,
.service-card:hover .service-number {
    transform: scale(1.15);
    filter: drop-shadow(0 0 8px rgba(255, 165, 0, 0.9))
            drop-shadow(0 0 20px rgba(255, 140, 0, 0.6))
            drop-shadow(0 0 35px rgba(255, 140, 0, 0.35));
    animation: iconGlowPulse 2s ease-in-out infinite;
}

@keyframes iconGlowPulse {
    0%, 100% {
        filter: drop-shadow(0 0 8px rgba(255, 165, 0, 0.9))
                drop-shadow(0 0 20px rgba(255, 140, 0, 0.6))
                drop-shadow(0 0 35px rgba(255, 140, 0, 0.35));
    }
    50% {
        filter: drop-shadow(0 0 14px rgba(255, 184, 77, 1))
                drop-shadow(0 0 30px rgba(255, 140, 0, 0.8))
                drop-shadow(0 0 50px rgba(255, 140, 0, 0.5));
    }
}

/* ---------- Heading ---------- */
.service-card h2,
.service-card h3,
.service-card .elementor-heading-title {
    position: relative;
    transition: color 0.4s ease, transform 0.4s ease, letter-spacing 0.4s ease;
}

.service-card:hover h2,
.service-card:hover h3,
.service-card:hover .elementor-heading-title {
    color: #ffb84d;
    letter-spacing: 0.5px;
    transform: translateX(4px);
}

/* Animated underline beneath heading */
.service-card .elementor-heading-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin-top: 8px;
    background: linear-gradient(90deg, #ff8c00, transparent);
    transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.service-card:hover .elementor-heading-title::after {
    width: 100%;
}

/* ---------- Body text ---------- */
.service-card p,
.service-card .elementor-widget-text-editor {
    color: #f0f0f0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    transition: color 0.4s ease, opacity 0.4s ease;
    opacity: 0.95;
}

.service-card:hover p,
.service-card:hover .elementor-widget-text-editor {
    opacity: 1;
    color: #ffffff;
}

/* ---------- LEARN MORE link ---------- */
.service-card a,
.service-card .elementor-button {
    position: relative;
    display: inline-block;
    transition: color 0.3s ease, transform 0.3s ease, padding-right 0.3s ease;
}

.service-card a::after {
    content: " →";
    display: inline-block;
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.service-card:hover a::after,
.service-card a:hover::after {
    opacity: 1;
    transform: translateX(4px);
}

.service-card a:hover {
    color: #ffb84d;
    padding-right: 6px;
}

/* ---------- Staggered entrance animation ---------- */
@keyframes cardFadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.service-card {
    animation: cardFadeUp 0.7s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.service-card:nth-child(1) { animation-delay: 0.05s; }
.service-card:nth-child(2) { animation-delay: 0.15s; }
.service-card:nth-child(3) { animation-delay: 0.25s; }
.service-card:nth-child(4) { animation-delay: 0.35s; }
.service-card:nth-child(5) { animation-delay: 0.45s; }


/* ---------- Mobile tweaks ---------- */
@media (max-width: 767px) {
    .service-card:hover {
        transform: translateY(-4px) scale(1.01);
    }
    .service-card:hover .elementor-icon,
    .service-card:hover .service-number {
        transform: scale(1.1);
    }
}

/* ---------- Reduced-motion accessibility ---------- */
@media (prefers-reduced-motion: reduce) {
    .service-card,
    .service-card * {
        animation: none !important;
        transition: none !important;
    }
}/* End custom CSS */