.elementor-5863 .elementor-element.elementor-element-c2fa744{--display:flex;--min-height:50vh;--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;}.elementor-5863 .elementor-element.elementor-element-90dbd9d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5863 .elementor-element.elementor-element-90dbd9d:not(.elementor-motion-effects-element-type-background), .elementor-5863 .elementor-element.elementor-element-90dbd9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://taa-corp.com/wp-content/uploads/2025/02/IMG_20250220_165808_763.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:768px){.elementor-5863 .elementor-element.elementor-element-90dbd9d{--width:100vw;}}/* Start custom CSS for shortcode, class: .elementor-element-32b9f56 *//*
 * General Styles for the form container
 * Target the custom class you added to the widget
 */
.my-custom-form .forminator-custom-form {
    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
 */
.my-custom-form .forminator-label {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333333; /* Dark gray */
    margin-bottom: 10px !important;
    
}

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

.my-custom-form .forminator-title {
    text-align: right !important;
}


/*
 * Input Fields and Textareas
 */
.my-custom-form .forminator-input,
.my-custom-form .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
 */
.my-custom-form .forminator-input:focus,
.my-custom-form .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
 */
.my-custom-form .forminator-checkbox-label,
.my-custom-form .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
 */
.my-custom-form .forminator-input::placeholder,
.my-custom-form .forminator-textarea::placeholder {
    color: #999999;
    font-style: italic;
}

/*
 * The Submit Button
 */
.my-custom-form .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
 */
.my-custom-form .forminator-button-submit:hover {
    background-color: #34495e; /* Slightly darker blue */
}

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


[@id="forminator-field-checkbox-2-1-6890889d26e39-label"]/span[2]/* End custom CSS */