{"id":6,"date":"2023-07-12T10:54:35","date_gmt":"2023-07-12T10:54:35","guid":{"rendered":"https:\/\/motifdesignandbuild.com\/?page_id=6"},"modified":"2024-01-02T04:07:04","modified_gmt":"2024-01-02T04:07:04","slug":"home","status":"publish","type":"page","link":"https:\/\/motifdesignandbuild.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-778e2cc7 elementor-section-content-middle elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"778e2cc7\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1fb7836f\" data-id=\"1fb7836f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7796395f elementor-widget elementor-widget-image\" data-id=\"7796395f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/motifdesignandbuild.com\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"301\" src=\"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/MDB-Logo-Color-v2@1x-e1689229948465.png\" class=\"attachment-full size-full wp-image-153\" alt=\"\" srcset=\"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/MDB-Logo-Color-v2@1x-e1689229948465.png 500w, https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/MDB-Logo-Color-v2@1x-e1689229948465-300x181.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-781c414d elementor-hidden-mobile\" data-id=\"781c414d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-829bfc1\" data-id=\"829bfc1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aadabc0 e-grid-align-right elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"aadabc0\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-bdba4d0\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-9a3503b\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-c3f5c5a\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Twitter<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-twitter\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-a43d75b\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-youtube\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7915410 elementor-section-content-middle elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7915410\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-59d7884\" data-id=\"59d7884\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26e76c0 elementor-widget elementor-widget-image\" data-id=\"26e76c0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/motifdesignandbuild.com\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"301\" src=\"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/MDB-Logo-Color-v2@1x-e1689229948465.png\" class=\"attachment-full size-full wp-image-153\" alt=\"\" srcset=\"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/MDB-Logo-Color-v2@1x-e1689229948465.png 500w, https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/MDB-Logo-Color-v2@1x-e1689229948465-300x181.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7daf134\" data-id=\"7daf134\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-acdce25 e-grid-align-mobile-right elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"acdce25\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-bdba4d0\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-a86d7d7\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-c3f5c5a\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Twitter<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-twitter\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-a43d75b\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-youtube\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f586a4 elementor-section-height-full elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"4f586a4\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1b11f24\" data-id=\"1b11f24\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-05e03b8 elementor-widget elementor-widget-heading\" data-id=\"05e03b8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hello, our new website is currently under construction.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7087cf1 elementor-widget elementor-widget-heading\" data-id=\"7087cf1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">In the meantime, if you have an enquiry<br>\nplease complete our enquiry form, or simply email us info@motifdesignandbuild.com or call Jay on 07970 192930<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-284f71e elementor-widget elementor-widget-heading\" data-id=\"284f71e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">You can also view some of our projects by clicking on the images below.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ba205b elementor-widget elementor-widget-heading\" data-id=\"9ba205b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We look forward to hearing from you!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-23960e7\" data-id=\"23960e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9fb7237 elementor-widget elementor-widget-shortcode\" data-id=\"9fb7237\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"mf-form-shortcode\">\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-53-53\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"53\"\r\n\t\t\tdata-action=\"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/metform\/v1\/entries\/insert\/53\"\r\n\t\t\tdata-wp-nonce=\"0d2304d24f\"\r\n\t\t\tdata-form-nonce=\"00a4d4d703\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-53\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"53\" className=\"elementor elementor-53\">\n\t\t\t\t\t\t<section className=\"elementor-section elementor-top-section elementor-element elementor-element-26ea9738 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"26ea9738\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c8f3e4b\" data-id=\"7c8f3e4b\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-6a37e2f9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6a37e2f9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-24dd7809\" data-id=\"24dd7809\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-184663a1 elementor-widget elementor-widget-mf-text\" data-id=\"184663a1\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-first-name&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input mf-conditional-input\"\r\n\t\t\t\tid=\"mf-input-text-184663a1\"\r\n\t\t\t\tname=\"mf-first-name\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Full name`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-first-name'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-first-name\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-3a62ea78 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3a62ea78\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2c9a43de\" data-id=\"2c9a43de\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-340c166 elementor-widget elementor-widget-mf-telephone\" data-id=\"340c166\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-telephone&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-340c166\" \n\t\t\t\tname=\"mf-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Phone`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-telephone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-d632454 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d632454\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5fbb5f3\" data-id=\"5fbb5f3\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-0ebdb10 elementor-widget elementor-widget-mf-email\" data-id=\"0ebdb10\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input mf-conditional-input\" \r\n\t\t\t\tid=\"mf-input-email-0ebdb10\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Email`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-1f6daab4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1f6daab4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-54f54cbc\" data-id=\"54f54cbc\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-7e5c045e elementor-widget elementor-widget-mf-textarea\" data-id=\"7e5c045e\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-comment&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea mf-conditional-input\" id=\"mf-input-text-area-7e5c045e\"\r\n\t\t\t\tname=\"mf-comment\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Brief Description of Project`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-comment'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-comment\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-5706426 elementor-widget elementor-widget-mf-number\" data-id=\"5706426\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-number&quot;}\" data-widget_type=\"mf-number.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-number-5706426\">\r\n\t\t\t\t\t${ parent.decodeEntities(``) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"number\"\r\n\t\t\t\tstep=\"any\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-mobile-5706426\"\r\n\t\t\t\tname=\"mf-number\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Budget for Project`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-number'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-number\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-d3af341 mf-btn--center elementor-widget elementor-widget-mf-button\" data-id=\"d3af341\" data-element_type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper mf-conditional-input\" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Send Message`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14f7243 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"14f7243\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-426eafa6\" data-id=\"426eafa6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e006462 elementor-widget elementor-widget-heading\" data-id=\"e006462\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-35d71780 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"35d71780\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-377db6fe\" data-id=\"377db6fe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ebba204 elementor-widget elementor-widget-html\" data-id=\"4ebba204\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container\" id=\"car-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_4263.webp\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal\" id=\"car-modal\">\r\n      <div class=\"car-overlay\" id=\"car-overlay\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn\" id=\"close-btn\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer = document.getElementById(\"car-container\");\r\n      const carmodal = document.getElementById(\"car-modal\");\r\n      const caroverlay = document.getElementById(\"car-overlay\");\r\n      const modalimage = document.getElementById(\"modal-image\");\r\n      const closebtn = document.getElementById(\"close-btn\");\r\n      \/\/\r\n      const imagesdata = [\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_4002.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_4258.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_4261.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_4263.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/e7c41a91-97d4-46b9-8b08-8e8b48b63f3b.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_4001.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_0847.webp\",\r\n      ];\r\n      \/\/\r\n      carcontainer.addEventListener(\"click\", () => {\r\n        carmodal.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay.addEventListener(\"click\", () => {\r\n        carmodal.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn.addEventListener(\"click\", () => {\r\n        carmodal.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count = 0;\r\n      function setImage() {\r\n        modalimage.setAttribute(\"src\", imagesdata[count]);\r\n      }\r\n      setImage();\r\n      \/\/\r\n      function increment() {\r\n        if (count < imagesdata.length - 1) {\r\n          count++;\r\n        } else {\r\n          count = 0;\r\n        }\r\n        setImage();\r\n      }\r\n      function decrement() {\r\n        if (count > 0) {\r\n          count--;\r\n        } else {\r\n          count = imagesdata.length - 1;\r\n        }\r\n        setImage();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4da925c2 elementor-widget elementor-widget-heading\" data-id=\"4da925c2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Balham SW12<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-3aaaebc6\" data-id=\"3aaaebc6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ebe9e24 elementor-widget elementor-widget-html\" data-id=\"7ebe9e24\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container1 {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal1 {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal1 img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal1.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay1 {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn1 {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn1 {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal1 {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container1\" id=\"car-container1\">\r\n      <img decoding=\"async\" src=\"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_7199.webp\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal1\" id=\"car-modal1\">\r\n      <div class=\"car-overlay1\" id=\"car-overlay1\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement1()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn1\" id=\"close-btn1\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image1\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment1()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer1 = document.getElementById(\"car-container1\");\r\n      const carmodal1 = document.getElementById(\"car-modal1\");\r\n      const caroverlay1 = document.getElementById(\"car-overlay1\");\r\n      const modalimage1 = document.getElementById(\"modal-image1\");\r\n      const closebtn1 = document.getElementById(\"close-btn1\");\r\n      \/\/\r\n      const imagesdata1 = [\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_7194.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_7195-scaled.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_7199.webp\",\r\n        \r\n      ];\r\n      \/\/\r\n      carcontainer1.addEventListener(\"click\", () => {\r\n        carmodal1.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay1.addEventListener(\"click\", () => {\r\n        carmodal1.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn1.addEventListener(\"click\", () => {\r\n        carmodal1.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count1 = 0;\r\n      function setImage1() {\r\n        modalimage1.setAttribute(\"src\", imagesdata1[count1]);\r\n      }\r\n      setImage1();\r\n      \/\/\r\n      function increment1() {\r\n        if (count1 < imagesdata1.length - 1) {\r\n          count1++;\r\n        } else {\r\n          count1 = 0;\r\n        }\r\n        setImage1();\r\n      }\r\n      function decrement1() {\r\n        if (count1 > 0) {\r\n          count1--;\r\n        } else {\r\n          count1 = imagesdata1.length - 1;\r\n        }\r\n        setImage1();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28caf95f elementor-widget elementor-widget-heading\" data-id=\"28caf95f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Chelsea SW3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-57eabacd\" data-id=\"57eabacd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f1d6dc elementor-widget elementor-widget-html\" data-id=\"8f1d6dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container2 {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal2 {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal2 img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal2.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay2 {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn2 {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn2 {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal2 {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container2\" id=\"car-container2\">\r\n      <img decoding=\"async\" src=\"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5069.webp\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal2\" id=\"car-modal2\">\r\n      <div class=\"car-overlay2\" id=\"car-overlay2\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement2()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn2\" id=\"close-btn2\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image2\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment2()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer2 = document.getElementById(\"car-container2\");\r\n      const carmodal2 = document.getElementById(\"car-modal2\");\r\n      const caroverlay2 = document.getElementById(\"car-overlay2\");\r\n      const modalimage2 = document.getElementById(\"modal-image2\");\r\n      const closebtn2 = document.getElementById(\"close-btn2\");\r\n      \/\/\r\n      const imagesdata2 = [\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5062.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5064.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5065-edit.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5066-edit.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5069.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_6343.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_2994.webp\",\r\n          \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_4830.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5060.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5061.webp\",\r\n      ];\r\n      \/\/\r\n      carcontainer2.addEventListener(\"click\", () => {\r\n        carmodal2.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay2.addEventListener(\"click\", () => {\r\n        carmodal2.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn2.addEventListener(\"click\", () => {\r\n        carmodal2.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count2 = 0;\r\n      function setImage2() {\r\n        modalimage2.setAttribute(\"src\", imagesdata2[count2]);\r\n      }\r\n      setImage2();\r\n      \/\/\r\n      function increment2() {\r\n        if (count2 < imagesdata2.length - 1) {\r\n          count2++;\r\n        } else {\r\n          count2 = 0;\r\n        }\r\n        setImage2();\r\n      }\r\n      function decrement2() {\r\n        if (count2 > 0) {\r\n          count2--;\r\n        } else {\r\n          count2 = imagesdata2.length - 1;\r\n        }\r\n        setImage2();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a5a5e38 elementor-widget elementor-widget-heading\" data-id=\"1a5a5e38\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Chelsea SW3 2nd Project<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6ce8de83 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6ce8de83\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6aec920d\" data-id=\"6aec920d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59fd503c elementor-widget elementor-widget-html\" data-id=\"59fd503c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container3 {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal3 {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal3 img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal3.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay3 {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn3 {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn3 {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal3 {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container3\" id=\"car-container3\">\r\n      <img decoding=\"async\" src=\"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_1817.webp\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal3\" id=\"car-modal3\">\r\n      <div class=\"car-overlay3\" id=\"car-overlay3\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement3()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn3\" id=\"close-btn3\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image3\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment3()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer3 = document.getElementById(\"car-container3\");\r\n      const carmodal3 = document.getElementById(\"car-modal3\");\r\n      const caroverlay3 = document.getElementById(\"car-overlay3\");\r\n      const modalimage3 = document.getElementById(\"modal-image3\");\r\n      const closebtn3 = document.getElementById(\"close-btn3\");\r\n      \/\/\r\n      const imagesdata3 = [\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_8143.webp\",\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_1817.webp\",\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5437.webp\",\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5439.webp\",\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5441.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5443.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5445.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5527.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5532.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5534.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_5535.webp\",\r\n      ];\r\n      \/\/\r\n      carcontainer3.addEventListener(\"click\", () => {\r\n        carmodal3.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay3.addEventListener(\"click\", () => {\r\n        carmodal3.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn3.addEventListener(\"click\", () => {\r\n        carmodal3.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count3 = 0;\r\n      function setImage3() {\r\n        modalimage3.setAttribute(\"src\", imagesdata3[count3]);\r\n      }\r\n      setImage3();\r\n      \/\/\r\n      function increment3() {\r\n        if (count3 < imagesdata3.length - 1) {\r\n          count3++;\r\n        } else {\r\n          count3 = 0;\r\n        }\r\n        setImage3();\r\n      }\r\n      function decrement3() {\r\n        if (count3 > 0) {\r\n          count3--;\r\n        } else {\r\n          count3 = imagesdata3.length - 1;\r\n        }\r\n        setImage3();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1130941d elementor-widget elementor-widget-heading\" data-id=\"1130941d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fulham SW6<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-31c01a91\" data-id=\"31c01a91\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d6fdfdb elementor-widget elementor-widget-html\" data-id=\"d6fdfdb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container11 {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal11 {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal11 img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal11.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay11 {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn11 {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn11 {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal11 {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container11\" id=\"car-container11\">\r\n      <img decoding=\"async\" src=\"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-03-13-03-00.jpg\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal11\" id=\"car-modal11\">\r\n      <div class=\"car-overlay11\" id=\"car-overlay11\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement11()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn11\" id=\"close-btn11\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image11\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment11()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer11 = document.getElementById(\"car-container11\");\r\n      const carmodal11 = document.getElementById(\"car-modal11\");\r\n      const caroverlay11 = document.getElementById(\"car-overlay11\");\r\n      const modalimage11 = document.getElementById(\"modal-image11\");\r\n      const closebtn11 = document.getElementById(\"close-btn11\");\r\n      \/\/\r\n      const imagesdata11 = [\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-03-13-03-00.jpg\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-03-13-04-20.jpg\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-03-13-04-05.jpg\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-03-13-04-00.jpg\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-03-13-03-15.jpg\",\r\n      ];\r\n      \/\/\r\n      carcontainer11.addEventListener(\"click\", () => {\r\n        carmodal11.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay11.addEventListener(\"click\", () => {\r\n        carmodal11.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn11.addEventListener(\"click\", () => {\r\n        carmodal11.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count11 = 0;\r\n      function setImage11() {\r\n        modalimage11.setAttribute(\"src\", imagesdata11[count11]);\r\n      }\r\n      setImage11();\r\n      \/\/\r\n      function increment11() {\r\n        if (count11 < imagesdata11.length - 1) {\r\n          count11++;\r\n        } else {\r\n          count11 = 0;\r\n        }\r\n        setImage11();\r\n      }\r\n      function decrement11() {\r\n        if (count11 > 0) {\r\n          count11--;\r\n        } else {\r\n          count11 = imagesdata11.length - 1;\r\n        }\r\n        setImage11();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6cc4cd elementor-widget elementor-widget-heading\" data-id=\"1d6cc4cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fulham SW10<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-48a195f4\" data-id=\"48a195f4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b27505b elementor-widget elementor-widget-html\" data-id=\"3b27505b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container4 {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal4 {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal4 img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal4.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay4 {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn4 {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn4 {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal4 {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container4\" id=\"car-container4\">\r\n      <img decoding=\"async\" src=\"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-42-06.webp\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal4\" id=\"car-modal4\">\r\n      <div class=\"car-overlay4\" id=\"car-overlay4\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement4()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn4\" id=\"close-btn4\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image4\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment4()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer4 = document.getElementById(\"car-container4\");\r\n      const carmodal4 = document.getElementById(\"car-modal4\");\r\n      const caroverlay4 = document.getElementById(\"car-overlay4\");\r\n      const modalimage4 = document.getElementById(\"modal-image4\");\r\n      const closebtn4 = document.getElementById(\"close-btn4\");\r\n      \/\/\r\n      const imagesdata4 = [\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-42-06.webp\",\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-36-394.webp\",\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-36-393.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-36-392.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-36-391.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-36-39.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-36-397.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-36-396.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/PHOTO-2023-06-01-13-36-395.webp\",\r\n      ];\r\n      \/\/\r\n      carcontainer4.addEventListener(\"click\", () => {\r\n        carmodal4.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay4.addEventListener(\"click\", () => {\r\n        carmodal4.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn4.addEventListener(\"click\", () => {\r\n        carmodal4.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count4 = 0;\r\n      function setImage4() {\r\n        modalimage4.setAttribute(\"src\", imagesdata4[count4]);\r\n      }\r\n      setImage4();\r\n      \/\/\r\n      function increment4() {\r\n        if (count4 < imagesdata4.length - 1) {\r\n          count4++;\r\n        } else {\r\n          count4 = 0;\r\n        }\r\n        setImage4();\r\n      }\r\n      function decrement4() {\r\n        if (count4 > 0) {\r\n          count4--;\r\n        } else {\r\n          count4 = imagesdata4.length - 1;\r\n        }\r\n        setImage4();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50615a5f elementor-widget elementor-widget-heading\" data-id=\"50615a5f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Garden Room<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3a70301f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3a70301f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6d859f2f\" data-id=\"6d859f2f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5bb44d36 elementor-widget elementor-widget-html\" data-id=\"5bb44d36\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container5 {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal5 {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal5 img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal5.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay5 {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn5 {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn5 {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal5 {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container5\" id=\"car-container5\">\r\n      <img decoding=\"async\" src=\"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_1486.webp\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal5\" id=\"car-modal5\">\r\n      <div class=\"car-overlay5\" id=\"car-overlay5\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement5()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn5\" id=\"close-btn5\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image5\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment5()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer5 = document.getElementById(\"car-container5\");\r\n      const carmodal5 = document.getElementById(\"car-modal5\");\r\n      const caroverlay5 = document.getElementById(\"car-overlay5\");\r\n      const modalimage5 = document.getElementById(\"modal-image5\");\r\n      const closebtn5 = document.getElementById(\"close-btn5\");\r\n      \/\/\r\n      const imagesdata5 = [\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_1481.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_1483.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_1484.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_1486.webp\",\r\n         \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_1479.webp\",\r\n      ];\r\n      \/\/\r\n      carcontainer5.addEventListener(\"click\", () => {\r\n        carmodal5.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay5.addEventListener(\"click\", () => {\r\n        carmodal5.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn5.addEventListener(\"click\", () => {\r\n        carmodal5.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count5 = 0;\r\n      function setImage5() {\r\n        modalimage5.setAttribute(\"src\", imagesdata5[count5]);\r\n      }\r\n      setImage5();\r\n      \/\/\r\n      function increment5() {\r\n        if (count5 < imagesdata5.length - 1) {\r\n          count5++;\r\n        } else {\r\n          count5 = 0;\r\n        }\r\n        setImage5();\r\n      }\r\n      function decrement5() {\r\n        if (count5 > 0) {\r\n          count5--;\r\n        } else {\r\n          count5 = imagesdata5.length - 1;\r\n        }\r\n        setImage5();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f97cd51 elementor-widget elementor-widget-heading\" data-id=\"1f97cd51\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Knightsbridge SW3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1927dfc\" data-id=\"1927dfc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e9da696 elementor-widget elementor-widget-html\" data-id=\"e9da696\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container6 {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal6 {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal6 img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal6.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay6 {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn6 {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn6 {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal6 {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container6\" id=\"car-container6\">\r\n      <img decoding=\"async\" src=\"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_6309.webp\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal6\" id=\"car-modal6\">\r\n      <div class=\"car-overlay6\" id=\"car-overlay6\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement6()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn6\" id=\"close-btn6\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image6\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment6()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer6 = document.getElementById(\"car-container6\");\r\n      const carmodal6 = document.getElementById(\"car-modal6\");\r\n      const caroverlay6 = document.getElementById(\"car-overlay6\");\r\n      const modalimage6 = document.getElementById(\"modal-image6\");\r\n      const closebtn6 = document.getElementById(\"close-btn6\");\r\n      \/\/\r\n      const imagesdata6 = [\r\n       \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_6307.webp\",\r\n        \"https:\/\/motif-interiors.co.uk\/wp-content\/uploads\/2023\/06\/IMG_6308.webp\",\r\n      ];\r\n      \/\/\r\n      carcontainer6.addEventListener(\"click\", () => {\r\n        carmodal6.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay6.addEventListener(\"click\", () => {\r\n        carmodal6.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn6.addEventListener(\"click\", () => {\r\n        carmodal6.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count6 = 0;\r\n      function setImage6() {\r\n        modalimage6.setAttribute(\"src\", imagesdata6[count6]);\r\n      }\r\n      setImage6();\r\n      \/\/\r\n      function increment6() {\r\n        if (count6 < imagesdata6.length - 1) {\r\n          count6++;\r\n        } else {\r\n          count6 = 0;\r\n        }\r\n        setImage6();\r\n      }\r\n      function decrement6() {\r\n        if (count6 > 0) {\r\n          count6--;\r\n        } else {\r\n          count6 = imagesdata6.length - 1;\r\n        }\r\n        setImage6();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-384428f0 elementor-widget elementor-widget-heading\" data-id=\"384428f0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Richmond KT2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4e97bfc5\" data-id=\"4e97bfc5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-456af7d elementor-widget elementor-widget-html\" data-id=\"456af7d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n      integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      * {\r\n        padding: 0;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n      }\r\n      body {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        user-select: none;\r\n      }\r\n      .car-container9 {\r\n        width: 100%;\r\n        height: 260px;\r\n        cursor: pointer;\r\n      }\r\n      .car-modal9 {\r\n        width: 100%;\r\n        height: 100vh;\r\n        padding: 20px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 100%);\r\n        transform-origin: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.5s linear;\r\n        z-index: 10;\r\n      }\r\n      .car-modal9 img {\r\n        min-height: 200px;\r\n        max-height: 80vh;\r\n      }\r\n      .car-modal9.active {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: all;\r\n        z-index: 2;\r\n      }\r\n      .car-overlay9 {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: #00000048;\r\n        z-index: -1;\r\n        backdrop-filter: blur(10px);\r\n      }\r\n      .car-btn {\r\n        padding: 10px;\r\n      }\r\n      .car-btn i,\r\n      .close-btn9 {\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        text-shadow: 0 0 20px #333;\r\n        cursor: pointer;\r\n      }\r\n      .modal-display {\r\n        position: relative;\r\n      }\r\n      .close-btn9 {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 1.5rem;\r\n      }\r\n      \/*  *\/\r\n      @media screen and (max-width: 576px) {\r\n        .car-modal9 {\r\n          gap: 10px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"car-container9\" id=\"car-container9\">\r\n      <img decoding=\"async\" src=\"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0008.jpg\" alt=\"\" \/>\r\n    <\/div>\r\n    <div class=\"car-modal9\" id=\"car-modal9\">\r\n      <div class=\"car-overlay9\" id=\"car-overlay9\"><\/div>\r\n      <div class=\"car-btn left-btn\" onclick=\"decrement7()\">\r\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n      <\/div>\r\n      <div class=\"modal-display\">\r\n        <div class=\"close-btn9\" id=\"close-btn9\">\r\n          <i class=\"fa-solid fa-circle-xmark\"><\/i>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"img1.jpg\" id=\"modal-image9\" alt=\"\" \/>\r\n      <\/div>\r\n      <div class=\"car-btn right-btn\" onclick=\"increment7()\">\r\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n    <!--  -->\r\n    <script>\r\n      const carcontainer9 = document.getElementById(\"car-container9\");\r\n      const carmodal9 = document.getElementById(\"car-modal9\");\r\n      const caroverlay9 = document.getElementById(\"car-overlay9\");\r\n      const modalimage9 = document.getElementById(\"modal-image9\");\r\n      const closebtn9 = document.getElementById(\"close-btn9\");\r\n      \/\/\r\n      const imagesdata9 = [\r\n       \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0003.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0006.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0004.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0007.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0009.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0011.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0010.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0010.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0002.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0013.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0014.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0016.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0017.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0020.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0019.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0001.jpg\",\r\n        \"https:\/\/motifdesignandbuild.com\/wp-content\/uploads\/2023\/07\/IMG-20230712-WA0021.jpg\",\r\n      ];\r\n      \/\/\r\n      carcontainer9.addEventListener(\"click\", () => {\r\n        carmodal9.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\";\r\n      });\r\n      caroverlay9.addEventListener(\"click\", () => {\r\n        carmodal9.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      closebtn9.addEventListener(\"click\", () => {\r\n        carmodal9.classList.remove(\"active\");\r\n        document.body.style.overflow = \"auto\";\r\n      });\r\n      \/\/\r\n      let count9 = 0;\r\n      function setImage9() {\r\n        modalimage9.setAttribute(\"src\", imagesdata9[count9]);\r\n      }\r\n      setImage9();\r\n      \/\/\r\n      function increment7() {\r\n        if (count9 < imagesdata9.length - 1) {\r\n          count9++;\r\n        } else {\r\n          count9 = 0;\r\n        }\r\n        setImage9();\r\n      }\r\n      function decrement7() {\r\n        if (count9 > 0) {\r\n          count9--;\r\n        } else {\r\n          count9 = imagesdata9.length - 1;\r\n        }\r\n        setImage9();\r\n      }\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f4d5f1 elementor-widget elementor-widget-heading\" data-id=\"9f4d5f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cobham KT1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e319428 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e319428\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6e212c01\" data-id=\"6e212c01\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ffaf0fe elementor-widget elementor-widget-heading\" data-id=\"7ffaf0fe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Copyright \u00a9 2024 Motif Interiors. All rights reserved. <\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Facebook Instagram Twitter Youtube Facebook Instagram Twitter Youtube Hello, our new website is currently under construction. In the meantime, if you have an enquiry please complete our enquiry form, or simply email us info@motifdesignandbuild.com or call Jay on 07970 192930 You can also view some of our projects by clicking on the images below. We [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":97,"href":"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/motifdesignandbuild.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}