.elementor-1466 .elementor-element.elementor-element-cfeafb0{--display:flex;--background-transition:0.3s;}.elementor-1466 .elementor-element.elementor-element-1b2c29f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}/* Start custom CSS *//* 1. Create the Card Look */
.gform_wrapper {
    background: #ffffff;
    max-width: 800px; /* Limit width */
    margin: 40px auto; /* Center it */
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Soft shadow */
    border: 1px solid #f0f0f0;
}

/* 2. Style the Inputs */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper select {
    padding: 12px 16px !important;
    border-radius: 6px !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #fcfcfc;
    font-size: 16px;
    transition: all 0.3s ease;
}

/* Focus State - Make it Purple */
.gform_wrapper input:focus,
.gform_wrapper select:focus {
    border-color: #4a3b69 !important; /* Your brand purple */
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(74, 59, 105, 0.1);
}

/* 3. Fix the Progress Bar */
.gform_wrapper .gf_progressbar {
    background-color: #f0f0f0;
    border-radius: 10px;
}
.gform_wrapper .gf_progressbar_percentage {
    background-color: #4a3b69 !important; /* Your brand purple */
    border-radius: 10px;
}

/* 4. Tidy up the Labels */
.gform_wrapper .gfield_label {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px !important;
    font-size: 14px;
    text-transform: uppercase; /* Optional: adds a premium feel */
    letter-spacing: 0.5px;
}/* End custom CSS */