.elementor-27 .elementor-element.elementor-element-3e96cf950:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-3e96cf950 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B6B6B6;background-image:url("https://westlondon.cloudtechnologiestest.com/wp-content/uploads/2026/08/Contact-Banner-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-27 .elementor-element.elementor-element-3e96cf950 > .elementor-background-overlay{background-color:#483623;opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27 .elementor-element.elementor-element-3e96cf950{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-27 .elementor-element.elementor-element-6e5017a9 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-6f1c4305{text-align:center;}.elementor-27 .elementor-element.elementor-element-6f1c4305 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:900;color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-6323fa9c{margin-top:100px;margin-bottom:100px;}.elementor-27 .elementor-element.elementor-element-5cd4b9af{text-align:start;}.elementor-27 .elementor-element.elementor-element-5cd4b9af .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:35px;font-weight:800;text-transform:uppercase;color:#333333;}.elementor-27 .elementor-element.elementor-element-12202679{text-align:start;}.elementor-27 .elementor-element.elementor-element-12202679 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:35px;font-weight:800;color:var( --e-global-color-astglobalcolor2 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-2b215b80{--divider-border-style:solid;--divider-color:var( --e-global-color-ab3d281 );--divider-border-width:2px;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-27 .elementor-element.elementor-element-2b215b80 .elementor-divider-separator{width:16%;margin:0 auto;margin-left:0;}.elementor-27 .elementor-element.elementor-element-2b215b80 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-astglobalcolor2 );}.elementor-27 .elementor-element.elementor-element-51f56ee6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-51f56ee6.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-51f56ee6.elementor-view-default .elementor-icon{fill:var( --e-global-color-ab3d281 );color:var( --e-global-color-ab3d281 );border-color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon{font-size:21px;}.elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;}.elementor-27 .elementor-element.elementor-element-51f56ee6:has(:hover) .elementor-icon-box-title,
					 .elementor-27 .elementor-element.elementor-element-51f56ee6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon-box-description{font-family:"Raleway", Sans-serif;font-size:16px;font-weight:500;color:#666666;}.elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-astglobalcolor2 );}.elementor-27 .elementor-element.elementor-element-12fed210.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-12fed210.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-12fed210.elementor-view-default .elementor-icon{fill:var( --e-global-color-ab3d281 );color:var( --e-global-color-ab3d281 );border-color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon{font-size:21px;}.elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;}.elementor-27 .elementor-element.elementor-element-12fed210:has(:hover) .elementor-icon-box-title,
					 .elementor-27 .elementor-element.elementor-element-12fed210:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon-box-description{font-family:"Raleway", Sans-serif;font-size:16px;font-weight:500;color:#666666;}.elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-astglobalcolor2 );}.elementor-27 .elementor-element.elementor-element-61aeffaf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-61aeffaf.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-61aeffaf.elementor-view-default .elementor-icon{fill:var( --e-global-color-ab3d281 );color:var( --e-global-color-ab3d281 );border-color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon{font-size:21px;}.elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;}.elementor-27 .elementor-element.elementor-element-61aeffaf:has(:hover) .elementor-icon-box-title,
					 .elementor-27 .elementor-element.elementor-element-61aeffaf:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-ab3d281 );}.elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon-box-description{font-family:"Raleway", Sans-serif;font-size:16px;font-weight:500;color:#666666;}.elementor-27 .elementor-element.elementor-element-ab7f43a .wpr-google-map{height:340px;border-radius:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-ab7f43a .wpr-google-map .gm-style-iw-c{text-align:center;border-radius:5px 5px 5px 5px;}.elementor-27 .elementor-element.elementor-element-ab7f43a .wpr-google-map .gm-style-iw-c .wpr-gm-iwindow{padding:15px 15px 15px 15px;}.elementor-27 .elementor-element.elementor-element-ab7f43a .wpr-google-map .gm-style-iw-a{transform:translateY(-10px);}body.elementor-page-27:not(.elementor-motion-effects-element-type-background), body.elementor-page-27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon-box-title a{font-size:20px;}.elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon-box-title a{font-size:20px;}.elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon-box-title a{font-size:20px;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-6f1c4305 .elementor-heading-title{font-size:45px;}.elementor-27 .elementor-element.elementor-element-5cd4b9af .elementor-heading-title{font-size:28px;}.elementor-27 .elementor-element.elementor-element-12202679 .elementor-heading-title{font-size:28px;}.elementor-27 .elementor-element.elementor-element-51f56ee6 .elementor-icon-box-wrapper{text-align:start;}.elementor-27 .elementor-element.elementor-element-12fed210 .elementor-icon-box-wrapper{text-align:start;}.elementor-27 .elementor-element.elementor-element-61aeffaf .elementor-icon-box-wrapper{text-align:start;}}@media(max-width:1024px) and (min-width:768px){.elementor-27 .elementor-element.elementor-element-6403e78b{width:50%;}.elementor-27 .elementor-element.elementor-element-a1c2490{width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-0f362bb *//*==================================================
=   FORMINATOR CONTACT FORM — RESTYLED TO MATCH 477
   Target form: #forminator-module-759
   Single-page form (no pagination/progress bar —
   those pieces from the 477 stylesheet are dropped)
==================================================*/

/*==========================
  1. VARIABLES
==========================*/
:root{
    --green:#16A34A;
    --green-dark:#15803D;
    --orange:#F97316;
    --blue:#2563EB;
    --navy:#0F172A;
    --text:#1E293B;
    --muted:#64748B;
    --line:#E2E8F0;
    --grey:#F8FAFC;
    --grey2:#EEF2F7;
    --white:#ffffff;
    --radius:18px;
}
#forminator-module-759 .forminator-response-message{
    display:none !important;
}

/*==========================
  2. CARD / FORM WRAPPER
==========================*/
#forminator-module-759.forminator-custom-form{
    width:100%;
    max-width:900px;
    margin:0 auto;
    background:#fff;
    border-radius:22px;
    border:1px solid var(--line);
    overflow:hidden;
    box-shadow:0 10px 30px rgba(15,23,42,.05), 0 25px 70px rgba(15,23,42,.08);
    font-family:Inter,sans-serif;
    color:var(--text);
    padding:35px !important;
}

/*==========================
  3. ROWS / GRID
==========================*/
#forminator-module-759 .forminator-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    margin-bottom:20px;
}
#forminator-module-759 .forminator-col-12{
    grid-column:1 / -1;
}
#forminator-module-759 .forminator-col-6{
    grid-column:span 1;
}

/*==========================
  4. LABELS
==========================*/
#forminator-module-759 .forminator-field > .forminator-label,
#forminator-module-759 .forminator-field label.forminator-label{
    font-size:14px;
    font-weight:700;
    color:var(--navy);
    margin-bottom:8px;
    display:block;
}
/* select-1..select-6 labels literally read "Select" in this build —
   hidden here since the select2 placeholder already shows the real
   prompt ("Property Type", "What service do you need?" etc).
   PREFERRED FIX: rename each field's Label in the Forminator builder
   instead of hiding it — better for screen readers. */
#forminator-module-759 .forminator-field-select > .forminator-field > .forminator-label{
    display:none !important;
}
#forminator-module-759 .forminator-field-checkbox [role="group"] > .forminator-label{
    display:none !important;
}

/*==========================
  5. TEXT / EMAIL / PHONE / TEXTAREA / DATE INPUTS
==========================*/
#forminator-module-759 .forminator-input,
#forminator-module-759 .forminator-textarea{
    width:100%;
    border:2px solid var(--line);
    border-radius:14px;
    background:#fff;
    padding:15px 16px;
    font-size:15px;
    outline:none;
    transition:.25s;
    font-family:inherit;
    color:var(--text);
}
/* the two postcode fields (textarea-1, textarea-2) are Textarea
   fields, not Text — cap their height so they don't look like
   the big "Additional Information" box */
#forminator-module-759 #textarea-1 .forminator-textarea,
#forminator-module-759 #textarea-2 .forminator-textarea{
    min-height:56px !important;
    height:56px;
    resize:none;
}
#forminator-module-759 #textarea-3 .forminator-textarea{
    resize:vertical;
    min-height:140px;
}
#forminator-module-759 .forminator-input:focus,
#forminator-module-759 .forminator-textarea:focus{
    border-color:var(--green);
    box-shadow:0 0 0 4px rgba(22,163,74,.10);
}
#forminator-module-759 ::placeholder{
    color:#94A3B8;
}
#forminator-module-759 .forminator-input-with-icon{
    position:relative;
}
#forminator-module-759 .forminator-icon-calendar{
    position:absolute;
    left:auto !important;
    right:16px !important;
    top:50%;
    transform:translateY(-50%);
    color:var(--muted);
    pointer-events:none;
}
#forminator-module-759 input.forminator-datepicker{
    padding-left:16px !important;
    padding-right:45px !important;
}

/*==========================
  6. SELECT2 DROPDOWNS
==========================*/
#forminator-module-759 .select2-container{
    width:100% !important;
    z-index:20;
    margin-top: 8px;
}
#forminator-module-759 .select2-selection--single{
    height:auto !important;
    border:2px solid var(--line) !important;
    border-radius:14px !important;
    padding:15px 16px !important;
    background:#fff !important;
    display:flex;
    align-items:center;
}
#forminator-module-759 .select2-selection__rendered{
    padding:0 !important;
    font-size:15px;
    color:var(--text) !important;
    line-height:1.4 !important;
}
#forminator-module-759 .select2-selection__placeholder{
    color:#94A3B8 !important;
}
#forminator-module-759 .select2-selection__arrow{
    height:100% !important;
    right:16px !important;
}
#forminator-module-759 .select2-selection__arrow .forminator-icon-chevron-down{
    display:none !important;
}
#forminator-module-759 .select2-selection__arrow::after{
    content:"";
    display:block;
    width:16px;
    height:16px;
    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='%2364748B' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-size:16px;
}
#forminator-module-759 .select2-container--open .select2-selection--single,
#forminator-module-759 .select2-selection--single:focus{
    border-color:var(--blue,#2563EB) !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.10) !important;
}
/* select2 dropdown panel is appended to <body>, so NOT scoped to the form id.
   If this form and 477 are ever on the same page, this block already
   exists once from the 477 stylesheet — don't duplicate it, just keep one copy. */
.select2-dropdown{
    border:2px solid var(--line) !important;
    border-radius:14px !important;
    overflow:hidden;
    font-family:Inter,sans-serif;
    box-shadow:0 12px 30px rgba(15,23,42,.12);
    z-index:9999;
}
.select2-results__option{
    padding:12px 16px !important;
    font-size:15px;
    background:#fff;
    color:var(--text);
}
.select2-results__option--highlighted[aria-selected]{
    background:var(--blue,#2563EB) !important;
    color:#fff !important;
}
.select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted){
    background:var(--grey2);
    font-weight:700;
}

/*==========================
  7. CHECKBOXES
  (checkbox-1 "This is urgent", checkbox-2 "flexible date")
==========================*/
#forminator-module-759 .forminator-checkbox{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:8px !important;
    font-weight:600;
    color:var(--text);
    cursor:pointer;
}
#forminator-module-759 .forminator-checkbox input[type="checkbox"]{
    position:absolute;
    opacity:0;
    width:20px;
    height:20px;
    margin:0;
    cursor:pointer;
}
#forminator-module-759 .forminator-checkbox-box{
    display:inline-block !important;
    width:20px !important;
    height:20px !important;
    border:2px solid #0b2341 !important;
    background:#fff !important;
    border-radius:4px !important;
    margin-right:0 !important;
    flex-shrink:0;
    position:relative;
}
#forminator-module-759 input[type="checkbox"]:checked + .forminator-checkbox-box{
    background:#ff6a00 !important;
    border-color:#ff6a00 !important;
}

/*==========================
  8. SUBMIT BUTTON
==========================*/
#forminator-module-759 .forminator-row-last{
    margin-top:20px;
}
#forminator-module-759 .forminator-button-submit{
    width:100%;
    border:none;
    padding:17px 24px;
    border-radius:14px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:.25s;
    font-family:inherit;
    color:#fff;
    background:linear-gradient(135deg,var(--green),var(--orange));
}
#forminator-module-759 .forminator-button-submit:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 35px rgba(15,23,42,.15);
}
#forminator-module-759 .forminator-button-submit:disabled{
    opacity:.5;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
}
#forminator-module-759 button,
#forminator-module-759 button:hover,
#forminator-module-759 button:focus,
#forminator-module-759 .forminator-input:focus,
#forminator-module-759 .forminator-textarea:focus{
    outline:none !important;
    -webkit-tap-highlight-color:transparent !important;
}

/*==========================
  9. SUCCESS / ERROR MESSAGES
==========================*/
#forminator-module-759 .forminator-response-message.forminator-success{
    display:block !important;
    margin:0 0 24px;
    padding:16px 20px;
    border-radius:14px;
    font-weight:600;
    background:rgba(22,163,74,.08);
    color:var(--green-dark);
    border:1px solid rgba(22,163,74,.25);
}
#forminator-module-759 .forminator-response-message.forminator-error{
    
    margin:0 0 24px;
    padding:16px 20px;
    border-radius:14px;
    font-weight:600;
    background:#FEF2F2;
    color:#DC2626;
    border:1px solid #FCA5A5;
}
#forminator-module-759 .forminator-error-message,
#forminator-module-759 .forminator-error{
    margin-top:6px;
    color:#DC2626;
    font-size:13px;
    font-weight:600;
    display:block;
}
#forminator-module-759 .forminator-has_error .forminator-input,
#forminator-module-759 .forminator-has_error .forminator-textarea,
#forminator-module-759 .forminator-has_error .select2-selection--single{
    border-color:#EF4444 !important;
    background:#FEF2F2 !important;
}

/*==========================
  10. HIDE FORMINATOR'S "Edit form" ADMIN LINK
==========================*/
#forminator-module-759 ~ .forminator-edit-module{
    display:none;
}

/*==========================
  11. RESPONSIVE
==========================*/
@media(max-width:768px){
    #forminator-module-759.forminator-custom-form{
        padding:24px !important;
    }
    #forminator-module-759 .forminator-row{
        grid-template-columns:1fr;
    }
}

/* Only affect the submit button row */
.forminator-row.forminator-row-last {
    display: block !important;
    grid-template-columns: unset !important;
}/* End custom CSS */