.elementor-2061 .elementor-element.elementor-element-0af960a{--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:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-2061 .elementor-element.elementor-element-52437cf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-2061 .elementor-element.elementor-element-52437cf.e-con{--order:-99999 /* order start hack */;}.elementor-2061 .elementor-element.elementor-element-8ecdb48{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2061 .elementor-element.elementor-element-9676b85{width:auto;max-width:auto;top:0px;text-align:center;}.elementor-2061 .elementor-element.elementor-element-9676b85.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-2061 .elementor-element.elementor-element-9676b85{left:0px;}body.rtl .elementor-2061 .elementor-element.elementor-element-9676b85{right:0px;}.elementor-2061 .elementor-element.elementor-element-9676b85 img{width:100%;max-width:100%;border-radius:8px 0px 0px 8px;}.elementor-2061 .elementor-element.elementor-element-b7036c5{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:0px 8px 8px 0px;--padding-top:66px;--padding-bottom:40px;--padding-left:90px;--padding-right:40px;overflow:visible;}.elementor-2061 .elementor-element.elementor-element-b7036c5:not(.elementor-motion-effects-element-type-background), .elementor-2061 .elementor-element.elementor-element-b7036c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #0D2565 0%, #204AB0 100%);}.elementor-2061 .elementor-element.elementor-element-61c3d08.elementor-element{--order:-99999 /* order start hack */;}.elementor-2061 .elementor-element.elementor-element-61c3d08 .elementor-heading-title{font-size:40px;color:#FFFFFF;}.elementor-2061 .elementor-element.elementor-element-ab8d27e{color:#FFFFFF;}.elementor-2061 .elementor-element.elementor-element-c38b2be{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;overflow:visible;}.elementor-2061 .elementor-element.elementor-element-d233163{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;overflow:visible;}.elementor-2061 .elementor-element.elementor-element-95d09dd{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2061 .elementor-element.elementor-element-95d09dd .elementor-heading-title{font-size:40px;line-height:63px;}.elementor-2061 .elementor-element.elementor-element-5c9326c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:18px;}.elementor-2061 .elementor-element.elementor-element-2873817{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 50px 0px 0px;font-size:18px;}.elementor-2061 .elementor-element.elementor-element-873f429{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2061 .elementor-element.elementor-element-873f429 .elementor-heading-title{font-size:18px;line-height:35px;}.elementor-2061 .elementor-element.elementor-element-bf69def{--grid-template-columns:repeat(0, auto);text-align:left;padding:0px 0px 0px 0px;--icon-size:24px;--grid-column-gap:9px;--grid-row-gap:0px;}.elementor-2061 .elementor-element.elementor-element-bf69def .elementor-social-icon{background-color:#02010100;--icon-padding:0em;}.elementor-2061 .elementor-element.elementor-element-bf69def .elementor-social-icon i{color:#22223BBF;}.elementor-2061 .elementor-element.elementor-element-bf69def .elementor-social-icon svg{fill:#22223BBF;}.elementor-2061 .elementor-element.elementor-element-bf69def .elementor-social-icon:hover i{color:#22223B;}.elementor-2061 .elementor-element.elementor-element-bf69def .elementor-social-icon:hover svg{fill:#22223B;}.elementor-2061 .elementor-element.elementor-element-ba2035c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;overflow:visible;}.elementor-2061 .elementor-element.elementor-element-f1dac49{width:100%;max-width:100%;}.elementor-2061 .elementor-element.elementor-element-f1dac49.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-contact-form-7 .wpcf7-not-valid-tip{display:block !important;}.elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-contact-form-7 .wpcf7-validation-errors{display:block !important;}.elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-contact-form-7-wrapper{text-align:center;}.elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-contact-form-7 .wpcf7-form p:not(:last-of-type) .wpcf7-form-control-wrap{margin-bottom:0px;}.elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-custom-radio-checkbox input[type="checkbox"], .elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-custom-radio-checkbox input[type="radio"]{width:16px;height:16px;border-width:1px;}.elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-custom-radio-checkbox input[type="radio"], .elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-custom-radio-checkbox input[type="radio"]:before{border-radius:10px 10px 10px 10px;}.elementor-2061 .elementor-element.elementor-element-f1dac49 .eael-contact-form-7 .wpcf7-form input[type="submit"]{background-color:#0B8BC2;color:#0A1E6D;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-2061 .elementor-element.elementor-element-0af960a{--content-width:1360px;}.elementor-2061 .elementor-element.elementor-element-8ecdb48{--width:50%;}.elementor-2061 .elementor-element.elementor-element-b7036c5{--width:50%;}}@media(max-width:1024px){.elementor-2061 .elementor-element.elementor-element-0af960a{--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2061 .elementor-element.elementor-element-c38b2be{--flex-wrap:wrap;}.elementor-2061 .elementor-element.elementor-element-ba2035c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2061 .elementor-element.elementor-element-c38b2be{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2061 .elementor-element.elementor-element-95d09dd .elementor-heading-title{font-size:36px;line-height:50px;}.elementor-2061 .elementor-element.elementor-element-5c9326c{padding:0px 0px 0px 0px;}.elementor-2061 .elementor-element.elementor-element-2873817{padding:0px 0px 0px 0px;}.elementor-2061 .elementor-element.elementor-element-873f429 .elementor-heading-title{font-size:30px;line-height:40px;}}/* Start custom CSS for eael-contact-form-7, class: .elementor-element-f1dac49 */.cf7-contact-us ::placeholder {
  color: #aaa; /* light gray */
  opacity: 1;  /* ensures full visibility */
}

.cf7-contact-us :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaa;
}

.cf7-contact-us ::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa;
}
/*
 * =================================================================
 * CRITICAL STRUCTURAL FIXES (FINAL, AGGRESSIVE OVERRIDES)
 * Targets new classes (.col-1-2, .col-1-1) to avoid Elementor/Theme conflicts.
 * =================================================================
 */

/* Target the main form container to ensure it allows 100% width internally */
.wpcf7-form {
    max-width: none !important;
    width: 100% !important;
}

/* 1. Define the Row as a Flex Container */
.wpcf7-form .form-row {
    display: flex !important;
    flex-wrap: wrap !important;
    /* This margin offsets the 10px column padding to prevent scrollbars */
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: 100% !important; 
}

/* 2. Define the 50% Column Structure (col-1-2) */
.wpcf7-form .col-1-2 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* --- NEW FIX: Force inputs inside 50% columns to take full available width --- */
.wpcf7-form .col-1-2 .wpcf7-form-control-wrap {
    width: 100% !important;
}
/* ----------------------------------------------------------------------------- */


/* 3. Define the 100% Column Structure (col-1-1 - FORCED RESET) */
.wpcf7-form .col-1-1 {
    /* Set the column itself to 100% */
    width: 100% !important;
    flex: 0 0 100% !important; 
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
    
    /* CRITICAL OVERRIDE: Ensure it's not treated as a 50% item by theme's flex/float */
    display: block !important;
    float: none !important;
    clear: both !important;
}

/* CRITICAL FIX: Ensure the input container inside the 100% column takes full width */
.wpcf7-form .col-1-1 .form-group {
    width: 100% !important;
    max-width: none !important; 
}

/* CRITICAL FIX: Ensure the CF7 control wrap is 100% inside the full-width field */
.wpcf7-form .full-width-field .wpcf7-form-control-wrap {
    width: 100% !important;
    display: block !important;
    clear: both !important;
}

/* 4. General Contact Form 7 Wrapper Fix (for consistency) */
.wpcf7-form .wpcf7-form-control-wrap {
    display: block !important;
    /* The new rule above handles the width for col-1-2 */
}

/* 5. Mobile Responsiveness */
@media (max-width: 640px) {
    .wpcf7-form .col-1-2,
    .wpcf7-form .col-1-1 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important; 
    }
    .wpcf7-form .form-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .wpcf7-form .form-group {
         padding-left: 10px !important;
         padding-right: 10px !important;
    }
}


/*
 * =================================================================
 * INPUT/FIELD STYLES (Aesthetics)
 * =================================================================
 */

/* Add the vertical spacing you wanted between fields */
.wpcf7-form .form-group {
    margin-bottom: 20px !important;
}

/* Ensure all form fields fill their containers and look uniform */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    outline: none !important;
    background-color: #ffffff !important;
    transition: border-color 0.2s, box-shadow 0.2s;
    line-height: 1.5 !important;
    font-size: 16px !important; 
}

/* Highlight focus state */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    border-color: #f9577c !important; 
    box-shadow: 0 0 0 1px #f9577c40 !important;
}

/* Textarea specific height and resizing */
.wpcf7-form textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Select field appearance fix */
.wpcf7-form select {
    height: 50px !important; 
    appearance: none !important; 
    color: #4b5563; 
    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='currentColor' 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 16px center !important;
    background-size: 16px !important;
}


.wpcf7-form .btn_scroll:hover {
    background: #e04a6c !important; 
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(249, 87, 124, 0.5) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba2035c *//* * =================================================================
 * CORRECTED CSS (Fixes "Short" Message Box & Wrapper Issue)
 * =================================================================
 */

/* 1. Wrapper & Reset */
.cf7-contact-us {
    max-width: 100%;
    margin: 0 auto;
    font-family: inherit;
}

/* Hide CF7 auto-paragraphs */
.wpcf7-form p:empty,
.wpcf7-form br {
    display: none !important;
}

/* 2. Grid System */
.cf7-contact-us .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
    margin-bottom: 0 !important;
}

/* Column Defaults */
.cf7-contact-us .col-md-6,
.cf7-contact-us .col-12,
.cf7-contact-us .col-8 {
    position: relative !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    box-sizing: border-box !important;
}

/* Desktop Grid */
@media (min-width: 768px) {
    .cf7-contact-us .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    .cf7-contact-us .col-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* Force button container to be full width like the message box */
    .cf7-contact-us .col-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* Margin Bottom Utility */
.cf7-contact-us .mb-3 {
    margin-bottom: 20px !important;
}

/* * =================================================================
 * CRITICAL FIX: The "Invisible Wrapper" Problem
 * This forces the span holding the message box to actually fill the space.
 * =================================================================
 */
.cf7-contact-us .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

/* * =================================================================
 * INPUT FIELD STYLING
 * =================================================================
 */
.cf7-contact-us input[type="text"],
.cf7-contact-us input[type="email"],
.cf7-contact-us input[type="tel"],
.cf7-contact-us textarea {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid #ced4da !important;
    border-radius: 5px !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #333 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease;
    
    /* Ensure no max-width limits the input itself */
    max-width: 100% !important;
}

/* Focus State - Blue */
.cf7-contact-us input:focus,
.cf7-contact-us textarea:focus {
    border-color: #0056b3 !important; 
    box-shadow: 0 0 0 4px rgba(0, 86, 179, 0.1) !important;
}

/* Textarea Height */
.cf7-contact-us textarea {
    min-height: 150px !important;
    resize: vertical !important;
}

/* * =================================================================
 * SUBMIT BUTTON STYLING (Deep Blue, Full Width, Rectangle)
 * =================================================================
 */

/* 1. Force Left/Full Alignment */
.cf7-contact-us .text-center {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

/* 2. The Button Itself */
.cf7-contact-us button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    width: 100% !important; /* Full Width Match */
    
    background: #0056b3 !important; /* Deep Blue */
    color: #ffffff !important;
    
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 16px 40px !important;
    
    border-radius: 5px !important; 
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    margin-top: 10px !important;
}

.cf7-contact-us button[type="submit"] i {
    margin-left: 10px !important;
}

.cf7-contact-us button[type="submit"]:hover {
    background: #004494 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15) !important;
}

.wpcf7-not-valid-tip {
    font-size: 13px !important;
    color: #dc3545 !important;
    margin-top: 5px !important;
}/* End custom CSS */