.elementor-1102 .elementor-element.elementor-element-02a8072{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1102 .elementor-element.elementor-element-a8cd17b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-fceaf4c *//* 1. Form Container Styling */
.bh-form-container {
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0, 45, 91, 0.1); /* Subtle 3D Depth */
    border: 1px solid #f0f4f8;
    max-width: 850px;
    margin: 20px auto;
}

/* 2. Grid System (Desktop par 2 columns) */
.bh-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* 3. Inputs, Select & Textarea - The 3D Look */
.bh-field input, 
.bh-field select, 
.bh-field textarea {
    width: 100% !important;
    padding: 15px 20px !important;
    border: 2px solid #e1e8ee !important; /* Light border */
    border-radius: 10px !important;
    background: #f9fbff !important;
    font-size: 15px !important;
    color: #333 !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); /* Inner shadow for depth */
}

/* 4. Focus Animation (Blue Glow) */
.bh-field input:focus, 
.bh-field select:focus, 
.bh-field textarea:focus {
    border-color: #002d5b !important; /* Navy Blue */
    background: #ffffff !important;
    box-shadow: 0 10px 20px rgba(0, 45, 91, 0.08) !important; /* Lifting effect */
    transform: translateY(-2px); /* 3D Lift */
    outline: none !important;
}

/* 5. Textarea Full Width Fix */
.bh-field.full {
    grid-column: span 2;
}

/* 6. Placeholder Styling */
::placeholder {
    color: #a0aec0 !important;
    font-weight: 400;
}

/* 7. Submit Button - Premium 3D Button */
.wpcf7-submit {
    width: 100% !important;
    background: linear-gradient(145deg, #002d5b, #001a35) !important;
    color: #ffffff !important;
    padding: 18px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer;
    box-shadow: 0 8px 15px rgba(0, 45, 91, 0.3) !important;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.wpcf7-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(0, 45, 91, 0.4) !important;
    background: linear-gradient(145deg, #003a75, #002d5b) !important;
}

.wpcf7-submit:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 45, 91, 0.3) !important;
}

/* 8. --- MOBILE & TABLET RESPONSIVE --- */

@media (max-width: 768px) {
    .bh-form-container {
        padding: 20px;
        margin: 10px;
    }
    
    .bh-form-grid {
        grid-template-columns: 1fr; /* Mobile par 1 column */
        gap: 15px;
    }
    
    .bh-field.full {
        grid-column: span 1;
    }

    .bh-field input, 
    .bh-field select, 
    .bh-field textarea {
        padding: 12px 15px !important;
    }
    
    .bh-submit-wrap {
        padding: 0 10px;
    }
}

/* 9. Extra: Dropdown Arrow Customization */
select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002d5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 15px !important;
}/* End custom CSS */