/* ==========================================================================
   CONTACT US PAGE REVAMP - MODERN & PREMIUM AESTHETICS
   Targeting Elementor Widgets on Post ID: 85 (and 312)
   ========================================================================== */

/* 1. HERO CONTAINER ENHANCEMENTS */
.elementor-element-192400a {
    margin-top: 80px !important;
    /* Push down below the fixed navbar */
}

/* 2. CONTACT INFO CARD (Wrapper for Phone, Email, Address) */
.elementor-element-c03616e {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    background: rgba(255, 255, 255, 0.85) !important;
    /* Slight glassmorphism */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

.elementor-element-c03616e:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(255, 102, 0, 0.08) !important;
}

/* Individual rows inside the Contact Info Card */
.elementor-element-85346b8,
.elementor-element-9440baa,
.elementor-element-4ae372d {
    transition: transform 0.3s ease, background 0.3s ease;
    border-radius: 8px;
    padding: 10px !important;
}

.elementor-element-85346b8:hover,
.elementor-element-9440baa:hover,
.elementor-element-4ae372d:hover {
    transform: translateX(5px);
    background: rgba(255, 102, 0, 0.03);
}

/* Icons inside the rows */
.elementor-element-2439b53,
.elementor-element-f38bf39,
.elementor-element-f50b4c9 {
    transition: all 0.3s ease !important;
}

.elementor-element-85346b8:hover .elementor-element-2439b53,
.elementor-element-9440baa:hover .elementor-element-f38bf39,
.elementor-element-4ae372d:hover .elementor-element-f50b4c9 {
    background: #fc7803 !important;
    border-color: #fc7803 !important;
}

.elementor-element-85346b8:hover .elementor-element-2439b53 img,
.elementor-element-9440baa:hover .elementor-element-f38bf39 img,
.elementor-element-4ae372d:hover .elementor-element-f50b4c9 img {
    filter: brightness(0) invert(1) !important;
    /* Turn icon white on hover */
    transform: scale(1.1) rotate(-5deg);
}

/* 3. NEED IMMEDIATE ASSISTANCE CARD */
.elementor-element-7cef85a {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.elementor-element-7cef85a:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 153, 51, 0.2) !important;
}

/* Pulse effect for the Chat icon */
@keyframes softPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 153, 51, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 153, 51, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 153, 51, 0);
    }
}

.elementor-element-3b0d3ab {
    animation: softPulse 2.5s infinite;
}

.elementor-element-6062a07 .elementor-button {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.elementor-element-6062a07 .elementor-button:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 5px 15px rgba(249, 115, 22, 0.4) !important;
}

/* 4. CONTACT FORM CARD */
.elementor-element-dd1bcc5 {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08) !important;
    margin-top: 0 !important;
}

/* Form Container Column Alignment */
.elementor-element-86beadf {
    align-self: flex-start !important;
    justify-content: flex-start !important;
}

.elementor-element-dd1bcc5:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;
}

/* Form Inputs */
.elementor-element-19cadac input,
.elementor-element-19cadac textarea {
    transition: all 0.3s ease !important;
    border: 1px solid #e0e0e0 !important;
    background: #fcfcfc !important;
}

.elementor-element-19cadac input:focus,
.elementor-element-19cadac textarea:focus {
    background: #ffffff !important;
    border-color: #fc7803 !important;
    box-shadow: 0 0 0 3px rgba(252, 120, 3, 0.1) !important;
    outline: none !important;
}

/* Submit Button */
.elementor-element-19cadac .elementor-button {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.elementor-element-19cadac .elementor-button:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 20px rgba(252, 120, 3, 0.4) !important;
}