.elementor-42 .elementor-element.elementor-element-0019fc4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-b638aeb *//* 1. Scroll Progress Bar Animation */
.fixed.top-0.left-0.w-full.h-\[2px\] {
    animation: scroll-progress auto linear;
    animation-view-timeline: scroll();
    transform-origin: left;
}

@keyframes scroll-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

/* 2. Kinetic Gradient Motion (Hero & CTA) */
.kinetic-gradient {
    background-size: 400% 400% !important;
    animation: gradient-flow 15s ease infinite;
}

@keyframes gradient-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 3. Quick Contact Cards - Hover Lift & Glow */
.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 > div {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 > div:hover {
    transform: translateY(-12px);
    border-color: rgba(83, 82, 165, 0.3);
    box-shadow: 0 25px 50px -12px rgba(49, 46, 129, 0.1);
}

/* Icon Pop Effect */
div:hover > div.w-12.h-12 {
    transform: scale(1.1) rotate(5deg);
    transition: all 0.3s ease;
}

/* 4. Contact Form - Dynamic Input Fields */
input, select, textarea {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid transparent !important;
}

input:focus, select:focus, textarea:focus {
    transform: translateX(8px);
    background-color: #ffffff !important;
    box-shadow: -5px 5px 20px rgba(83, 82, 165, 0.08);
    border-left: 4px solid #312E81 !important;
}

/* 5. Button "Shine" & Interaction */
button[type="submit"], .kinetic-gradient a {
    position: relative;
    overflow: hidden;
}

button[type="submit"]::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(30deg);
    transition: all 0.6s ease;
}

button[type="submit"]:hover::after {
    left: 120%;
}

/* 6. Map Placeholder Pulse */
.aspect-video .bg-indigo-brand {
    animation: map-pulse 2s infinite;
}

@keyframes map-pulse {
    0% { box-shadow: 0 0 0 0 rgba(49, 46, 129, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(49, 46, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(49, 46, 129, 0); }
}

/* 7. FAQ Section Smooth Reveal */
.bg-surface-container-lowest.rounded-2xl {
    transition: margin 0.3s ease;
}

.bg-surface-container-lowest.rounded-2xl:hover {
    margin-top: 4px;
    margin-bottom: 4px;
}

/* 8. WhatsApp Button Bounce */
.fixed.bottom-8.right-8 {
    animation: w-bounce 3s infinite;
}

@keyframes w-bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}

/* 9. Image Subtle Zoom on Scroll */
section img {
    transition: transform 1.5s ease-out;
}

section:hover img {
    transform: scale(1.05);
}/* End custom CSS */