.elementor-801 .elementor-element.elementor-element-155d8a81{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--background-transition:0.3s;--padding-top:02%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-801 .elementor-element.elementor-element-155d8a81:not(.elementor-motion-effects-element-type-background), .elementor-801 .elementor-element.elementor-element-155d8a81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}.elementor-801 .elementor-element.elementor-element-155d8a81, .elementor-801 .elementor-element.elementor-element-155d8a81::before{--border-transition:0.3s;}.elementor-801 .elementor-element.elementor-element-1d79f5b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--background-transition:0.3s;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:10%;--position:fixed;top:0px;}body:not(.rtl) .elementor-801 .elementor-element.elementor-element-1d79f5b6{left:0px;}body.rtl .elementor-801 .elementor-element.elementor-element-1d79f5b6{right:0px;}.elementor-801 .elementor-element.elementor-element-45ce426{--divider-border-style:solid;--divider-color:#00000000;--divider-border-width:0px;}.elementor-801 .elementor-element.elementor-element-45ce426 .elementor-divider-separator{width:100%;}.elementor-801 .elementor-element.elementor-element-45ce426 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-801 .elementor-element.elementor-element-934f4b1{--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;--flex-wrap-mobile:wrap;--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-801 .elementor-element.elementor-element-934f4b1:not(.elementor-motion-effects-element-type-background), .elementor-801 .elementor-element.elementor-element-934f4b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-801 .elementor-element.elementor-element-934f4b1, .elementor-801 .elementor-element.elementor-element-934f4b1::before{--border-transition:0.3s;}.elementor-801 .elementor-element.elementor-element-2b378146{color:#5B5755;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-801 .elementor-element.elementor-element-2b378146 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-801 .elementor-element.elementor-element-fdfcff9 .widget-image-caption{color:#5B5755;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-801 .elementor-element.elementor-element-fdfcff9 > .elementor-widget-container{margin:0% 05% 0% 05%;padding:0% 0% 0% 0%;}.elementor-801 .elementor-element.elementor-element-58f4dc7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:05px 20px;--background-transition:0.3s;--margin-top:-2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-801 .elementor-element.elementor-element-c60d73d{text-align:left;}.elementor-801 .elementor-element.elementor-element-c60d73d .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-801 .elementor-element.elementor-element-67b13e2 > .elementor-widget-container{margin:-40% 0% 0% 0%;}.elementor-801 .elementor-element.elementor-element-6a85ca77 .cart button, .elementor-801 .elementor-element.elementor-element-6a85ca77 .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-801 .elementor-element.elementor-element-6a85ca77 .cart button:hover, .elementor-801 .elementor-element.elementor-element-6a85ca77 .cart .button:hover{color:#467FF7;background-color:#02010100;border-color:#467FF7;}.elementor-801 .elementor-element.elementor-element-6a85ca77{--button-spacing:38px;}.elementor-801 .elementor-element.elementor-element-6a85ca77 .quantity .qty{border-radius:0px 0px 0px 0px;color:#1C244B;border-color:#1C244B;transition:all 0.2s;}.elementor-801 .elementor-element.elementor-element-331d2561 > .elementor-widget-container{margin:0% 0% 8% 0%;}.elementor-801 .elementor-element.elementor-element-929e4b6{text-align:left;}.elementor-801 .elementor-element.elementor-element-929e4b6 .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-801 .elementor-element.elementor-element-929e4b6 > .elementor-widget-container{padding:0% 0% 10% 0%;}body.elementor-page-801:not(.elementor-motion-effects-element-type-background), body.elementor-page-801 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}@media(min-width:768px){.elementor-801 .elementor-element.elementor-element-155d8a81{--content-width:1650px;}.elementor-801 .elementor-element.elementor-element-1d79f5b6{--width:100%;}.elementor-801 .elementor-element.elementor-element-934f4b1{--width:100%;}.elementor-801 .elementor-element.elementor-element-58f4dc7f{--width:50%;}}@media(max-width:1024px){.elementor-801 .elementor-element.elementor-element-155d8a81{--min-height:700px;--padding-top:12%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-801 .elementor-element.elementor-element-1d79f5b6{--gap:25px 25px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-801 .elementor-element.elementor-element-934f4b1{--gap:30px 30px;--margin-top:15%;--margin-bottom:15%;--margin-left:0%;--margin-right:0%;}.elementor-801 .elementor-element.elementor-element-c60d73d .elementor-heading-title{font-size:18px;}.elementor-801 .elementor-element.elementor-element-6a85ca77 .cart button, .elementor-801 .elementor-element.elementor-element-6a85ca77 .cart .button{font-size:14px;}.elementor-801 .elementor-element.elementor-element-331d2561 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-801 .elementor-element.elementor-element-929e4b6 .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-801 .elementor-element.elementor-element-155d8a81{--min-height:756px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-801 .elementor-element.elementor-element-1d79f5b6{--min-height:360px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;top:-16px;}.elementor-801 .elementor-element.elementor-element-45ce426 .elementor-divider-separator{width:100%;}.elementor-801 .elementor-element.elementor-element-45ce426 .elementor-divider{padding-block-start:55px;padding-block-end:55px;}.elementor-801 .elementor-element.elementor-element-934f4b1{--gap:30px 30px;--margin-top:020%;--margin-bottom:016%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-801 .elementor-element.elementor-element-fdfcff9 img{width:66%;height:199px;}.elementor-801 .elementor-element.elementor-element-fdfcff9 .widget-image-caption{font-size:9px;}.elementor-801 .elementor-element.elementor-element-fdfcff9 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-801 .elementor-element.elementor-element-58f4dc7f{--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%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-801 .elementor-element.elementor-element-58f4dc7f.e-con{--align-self:flex-start;}.elementor-801 .elementor-element.elementor-element-0f2f28e > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-801 .elementor-element.elementor-element-0f2f28e{width:100%;max-width:100%;}.elementor-801 .elementor-element.elementor-element-0f2f28e.elementor-element{--align-self:center;}.elementor-801 .elementor-element.elementor-element-c60d73d{text-align:center;}.elementor-801 .elementor-element.elementor-element-c60d73d .elementor-heading-title{font-size:20px;}.elementor-801 .elementor-element.elementor-element-c60d73d > .elementor-widget-container{margin:0% 0% 02% 0%;}.elementor-801 .elementor-element.elementor-element-c60d73d.elementor-element{--align-self:center;}.elementor-801 .elementor-element.elementor-element-67b13e2 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-801 .elementor-element.elementor-element-6a85ca77 > .elementor-widget-container{margin:10% 0% 0% 0%;}.elementor-801 .elementor-element.elementor-element-929e4b6 .elementor-heading-title{font-size:16px;}.elementor-801 .elementor-element.elementor-element-929e4b6 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-58f4dc7f *//*.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: 10; /* 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: -180px;
        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: 70% !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;
}

/* 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: 0px;
        left: 0;
        padding-bottom: 360px !important;

        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 */