.elementor-5887 .elementor-element.elementor-element-0b2c1f2{--display:flex;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-ca7f64e *//*
 * General Styles for the form container
 * Target the custom class you added to the widget
 */
.advanced-form-main {
    width: calc(100vw - 120px) !important;

    margin: 45px 0px 45px 0px !important;
    padding: 30px !important;
    background-color: #f7f7f770; /* Light gray background 
    border-radius: 2em !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/*
 * Labels - The text above input fields
 */
.advanced-form-main .forminator-label {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333333; /* Dark gray */
    margin-bottom: 10px !important;
    
}

.advanced-form-main .forminator-description {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #333333; /* Dark gray */
    margin-bottom: 18px !important;
}

.advanced-form-main .forminator-title {
    text-align: right !important;
}

.advanced-form-main .forminator-section-nd .forminator-title {
    color: #000000;
    font-weight: 300 !important;
    font-size: 20px !important;
    text-align: center !important;
    width: fit-content !important;

    margin: 0px 0px 0px 0px !important;
    padding: 20px !important;
    background-color: #f7f7f770; /* Light gray background */
    border-radius: 2em !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.advanced-form-main .forminator-button-upload {
    color: #000000 !important;
    /*content:'dfdfre' !impornant;*/
    background: #25409e;
}

/* Move flag to the right side */
.advanced-form-main .iti__country-container {
    direction: ltr !important;
    right: auto !important;
    left: 0 !important;
    
}

.advanced-form-main .forminator-field-phone {
    display: flex;
    right: 0 !important;
    left: auto !important;
}

/* Adjust input padding to prevent text overlap */

.advanced-form-main .forminator-field--phone.iti__tel-input  {
    direction: ltr !important;
    display: flex !important;
    padding-left: 81px !important;

}

.forminator-phone--input .country-list {
    right: auto;
    left: 0;
    text-align: right;
}

/*
 * Input Fields and Textareas
 */
.advanced-form-main .forminator-input,
.advanced-form-main .forminator-textarea {
    width: 40vw !important;
    padding: 12px !important;
    border: 1px  solid #cccccc !important;
    border-radius: 1em !important;
    background-color: #ffffff;
    font-size: 14px !important;
    color: #000;
    transition: all 0.3s ease;
}

/*
 * Input Fields and Textareas on focus
 */
.advanced-form-main .forminator-input:focus,
.advanced-form-main .forminator-textarea:focus {
    border-color: #4CAF50 !important; /* A nice green for focus state */
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
    outline: none;
}

/*
 * Radio Buttons and Checkboxes
 */
.advanced-form-main .forminator-checkbox-label,
.advanced-form-main .forminator-radio-label {
    font-size: 14px !important;
    color: #666666;
    display: block;
    margin-bottom: 5px;
    margin-right: 10px;
    align-content: center;
    vertical-align: center;
}

/*
 * Placeholder text
 */
.advanced-form-main .forminator-input::placeholder,
.my-custom-form .forminator-textarea::placeholder {
    color: #999999;
    font-style: italic;
}

/*
 * The Submit Button
 */
.advanced-form-main .forminator-button-submit {
    width: 30vw !important;
    padding: 15px !important;
    background-color: #2c3e50; /* Dark blue */
    color: #ffffff;
    border: none;
    border-radius: 1em !important;
    font-size: 15px !important;
    font-weight: bold !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/*
 * Submit Button on hover
 */
.advanced-form-main .forminator-button-submit:hover {
    background-color: #34495e; /* Slightly darker blue */
}

/*
 * Error Messages - These will show up if validation fails
 */
.advanced-form-main .forminator-error-message {
    color: #e74c3c; /* A strong red */
    font-size: 12px !important;
    margin-top: 10px !important;
    display: block;
}

@media (max-width: 767px){
    .advanced-form-main .forminator-custom-form {
    width: calc(100vw - 10vw) !important;

    margin: 45px 0px 45px 0px !important;
    padding: 30px !important;
    background-color: #f7f7f770; /* Light gray background */
    border-radius: 2em !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .advanced-form-main .forminator-input,
    .advanced-form-main .forminator-textarea {
        width: 60vw !important;
        padding: 12px !important;
        border: 1px  solid #cccccc !important;
        border-radius: 1em !important;
        background-color: #ffffff;
        font-size: 14px !important;
        color: #000;
        transition: all 0.3s ease;
    }
    

}/* End custom CSS */