.elementor-37 .elementor-element.elementor-element-48c32841{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:stretch;--gap:0px 0px;--background-transition:0.3s;--padding-top:02%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-37 .elementor-element.elementor-element-48c32841:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-48c32841 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}.elementor-37 .elementor-element.elementor-element-48c32841, .elementor-37 .elementor-element.elementor-element-48c32841::before{--border-transition:0.3s;}.elementor-37 .elementor-element.elementor-element-407b67dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:20px 20px;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:10%;}.elementor-37 .elementor-element.elementor-element-fd48eda{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:stretch;--gap:30px 30px;--background-transition:0.3s;--margin-top:6%;--margin-bottom:6%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-37 .elementor-element.elementor-element-fd48eda:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-fd48eda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-fd48eda, .elementor-37 .elementor-element.elementor-element-fd48eda::before{--border-transition:0.3s;}.elementor-37 .elementor-element.elementor-element-66705b44 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-37 .elementor-element.elementor-element-4182ecf .widget-image-caption{color:#5B5755;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-37 .elementor-element.elementor-element-4182ecf > .elementor-widget-container{margin:0% 05% 0% 05%;padding:0% 0% 0% 0%;}.elementor-37 .elementor-element.elementor-element-63372021{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:05px 20px;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-37 .elementor-element.elementor-element-fc6a7c7{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:stretch;--gap:30px 30px;--background-transition:0.3s;--margin-top:6%;--margin-bottom:6%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-37 .elementor-element.elementor-element-fc6a7c7:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-fc6a7c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-fc6a7c7, .elementor-37 .elementor-element.elementor-element-fc6a7c7::before{--border-transition:0.3s;}.elementor-37 .elementor-element.elementor-element-6fdbcef{text-align:left;}.elementor-37 .elementor-element.elementor-element-6fdbcef .elementor-heading-title{color:#0396C2;font-family:"Inter", Sans-serif;font-size:2.5em;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:3px;}.elementor-37 .elementor-element.elementor-element-7f8794b5 .cart button, .elementor-37 .elementor-element.elementor-element-7f8794b5 .cart .button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;padding:15px 50px 15px 50px;color:#FFFFFF;background-color:#467FF7;border-color:#467FF7;transition:all 0.2s;}.elementor-37 .elementor-element.elementor-element-7f8794b5 .cart button:hover, .elementor-37 .elementor-element.elementor-element-7f8794b5 .cart .button:hover{color:#467FF7;background-color:#02010100;border-color:#467FF7;}.elementor-37 .elementor-element.elementor-element-7f8794b5{--button-spacing:38px;}.elementor-37 .elementor-element.elementor-element-7f8794b5 .quantity .qty{border-radius:0px 0px 0px 0px;color:#1C244B;border-color:#1C244B;transition:all 0.2s;}.elementor-37 .elementor-element.elementor-element-7b645421 > .elementor-widget-container{margin:0% 0% 8% 0%;}.elementor-37 .elementor-element.elementor-element-c7f62ff{text-align:left;}.elementor-37 .elementor-element.elementor-element-c7f62ff .elementor-heading-title{color:#2D8981;font-family:"Inter", Sans-serif;font-size:2em;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:3px;}.elementor-37 .elementor-element.elementor-element-c7f62ff > .elementor-widget-container{padding:0% 0% 10% 0%;}body.elementor-page-37{margin:0% 0% 0% 0%;}body.elementor-page-37:not(.elementor-motion-effects-element-type-background), body.elementor-page-37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-48c32841{--content-width:1650px;}.elementor-37 .elementor-element.elementor-element-407b67dd{--width:100%;}.elementor-37 .elementor-element.elementor-element-fd48eda{--width:100%;}.elementor-37 .elementor-element.elementor-element-63372021{--width:50%;}.elementor-37 .elementor-element.elementor-element-fc6a7c7{--width:100%;}}@media(max-width:1024px){.elementor-37 .elementor-element.elementor-element-48c32841{--min-height:700px;--padding-top:12%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-37 .elementor-element.elementor-element-407b67dd{--gap:25px 25px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-37 .elementor-element.elementor-element-fd48eda{--gap:30px 30px;--margin-top:15%;--margin-bottom:15%;--margin-left:0%;--margin-right:0%;}.elementor-37 .elementor-element.elementor-element-fc6a7c7{--gap:30px 30px;--margin-top:15%;--margin-bottom:15%;--margin-left:0%;--margin-right:0%;}.elementor-37 .elementor-element.elementor-element-6fdbcef .elementor-heading-title{font-size:18px;}.elementor-37 .elementor-element.elementor-element-7f8794b5 .cart button, .elementor-37 .elementor-element.elementor-element-7f8794b5 .cart .button{font-size:14px;}.elementor-37 .elementor-element.elementor-element-7b645421 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-37 .elementor-element.elementor-element-c7f62ff .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-48c32841{--min-height:756px;--gap:0px 0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-37 .elementor-element.elementor-element-407b67dd{--min-height:360px;--margin-top:50%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-37 .elementor-element.elementor-element-fd48eda{--margin-top:30%;--margin-bottom:16%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-37 .elementor-element.elementor-element-4182ecf img{width:66%;height:199px;}.elementor-37 .elementor-element.elementor-element-4182ecf .widget-image-caption{font-size:9px;}.elementor-37 .elementor-element.elementor-element-4182ecf > .elementor-widget-container{margin:20% 0% 0% 0%;}.elementor-37 .elementor-element.elementor-element-63372021{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--flex-wrap:wrap;--align-content:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-37 .elementor-element.elementor-element-63372021.e-con{--align-self:flex-start;}.elementor-37 .elementor-element.elementor-element-fc6a7c7{--margin-top:010%;--margin-bottom:22%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-37 .elementor-element.elementor-element-6fdbcef{text-align:center;}.elementor-37 .elementor-element.elementor-element-6fdbcef .elementor-heading-title{font-size:20px;}.elementor-37 .elementor-element.elementor-element-6fdbcef > .elementor-widget-container{margin:15% 0% 02% 0%;}.elementor-37 .elementor-element.elementor-element-6fdbcef.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-7f8794b5.elementor-element{--align-self:flex-start;}.elementor-37 .elementor-element.elementor-element-c7f62ff .elementor-heading-title{font-size:16px;}.elementor-37 .elementor-element.elementor-element-c7f62ff > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-63372021 *//* Fixed left part with reduced size and better alignment */ .left-column { position: fixed; top: 150px; /* Move the image down */ left: 2%; /* Adjust according to your layout */ width: 45%; /* Further reduce width for better spacing */ height: calc(100vh - 170px); /* Adjust according to your layout */ overflow: hidden; background-color: #ffffff; /* Background color */ z-index: 1000000; /* Ensure it stays above other content */ padding: 20px; /* Padding for better spacing */ border-radius: 8px; /* Optional: Rounded corners for better look */ } /* Static right part with increased width and better layout */ .right-column { margin-left: 40%; /* Further to the right */ padding-top: 80px; /* Align with the left column */ height: auto; /* Allow the right column to adjust to content */ padding: 20px; /* Padding for better spacing */ border: none; /* Remove border for seamless look */ box-sizing: border-box; background-color: #ffffff; /* Uniform background color */ width: 55%; /* Increase width for better content display */ } /* Additional styling for the right column content */ .right-column .scroll-box { padding: 20px; box-sizing: border-box; background: #ffffff; /* Background for the scroll box */ border: none; /* Remove border */ border-radius: 4px; /* Rounded corners for a better look */ } /* Styling for the form elements */ .right-column input { width: calc(100% - 40px); /* Full width with padding adjustment */ padding: 10px; margin: 10px 0px; /* Margin for spacing */ border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } /* Styling for section titles */ .right-column .section-title { margin: 20px 20px 10px; /* Margin for spacing */ font-size: 1.2em; font-weight: bold; } @media (max-width: 767px) { /* Ensure the left and right sections stack vertically on mobile */ .left-column, .right-column { width: 100% !important; padding-top: 5% !important; padding-left: 10% !important; padding-right: 10% !important; display: block !important; } /* Adjust the left column to be fixed at the top */ .left-column { position: fixed; top: -70px; left: 0; width: 100% !important; align: center !important; height: 200px !important; z-index: 1; /* Ensure it stays on top */ background-color: white; /* Optional: set a background color to match the page */ padding: 10px 0; /* Adjust padding if needed */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: add a shadow for better visibility */ } /* Adjust the right column to scroll below the fixed left column */ .right-column { margin-top: 80% !important; position: relative; /* Ensure it positions below the fixed column */ text-align: left !important; padding: 0 15px !important; /* Add some padding for better look */ margin-left: 0 !important; } /* Align content to the left and make inputs full width */ .right-column input[type="number"], .right-column select, .right-column textarea { width: 100% !important; box-sizing: border-box; text-align: left !important; } /* Style adjustments for radio buttons and image swatches */ .right-column .pewc-radio-images-wrapper, .right-column .pewc-checkbox-group-wrapper { display: flex; flex-wrap: wrap; } .right-column .pewc-radio-images-wrapper > div, .right-column .pewc-checkbox-group-wrapper > li { width: 48%; /* Two columns layout */ margin-bottom: 10px; } ul.pewc-product-extra-groups.cols-2 { grid-gap: 0 !important; } /* Adjust "Finitura" section to have four columns */ .finitura .pewc-radio-images-wrapper > div { width: 22% !important; /* Adjust to fit four items per row */ margin: 1% !important; } /* Adjust iframe dimensions on mobile */ #VECTARY_EMBED_ID { height: 400px !important; margin-top: 0 !important; } } @media (min-width: 768px) { .col-full { /* Ensure these properties are applied */ max-width: 100em !important; margin-left: auto !important; margin-right: auto !important; padding: 0em 2.617924em 0em 15em !important; box-sizing: content-box !important; z-index: 0 !important; } } #mainCanvas { width: 100em !important; } #prfimg{ margin-top: -10% !important; }/* End custom CSS */