.elementor-2518 .elementor-element.elementor-element-d5f4e85{--display:flex;--min-height:150px;--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;--justify-content:center;--align-items:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px}.elementor-2518 .elementor-element.elementor-element-d5f4e85:not(.elementor-motion-effects-element-type-background),.elementor-2518 .elementor-element.elementor-element-d5f4e85>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-cb540f3{--spacer-size:50px}.elementor-2518 .elementor-element.elementor-element-cb540f3>.elementor-widget-container{margin:10px 0 0 0}.elementor-2518 .elementor-element.elementor-element-2f30063{--spacer-size:10px}.elementor-widget-heading .elementor-heading-title{font-family:var(--e-global-typography-primary-font-family),Sans-serif;font-weight:var(--e-global-typography-primary-font-weight);color:var(--e-global-color-primary)}.elementor-2518 .elementor-element.elementor-element-535aaa7>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-535aaa7{text-align:center}.elementor-2518 .elementor-element.elementor-element-535aaa7 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:40px;font-weight:700;color:#FFF}.elementor-2518 .elementor-element.elementor-element-49ecee6{--spacer-size:10px}.elementor-2518 .elementor-element.elementor-element-cc08473{--display:flex}.elementor-2518 .elementor-element.elementor-element-cc08473:not(.elementor-motion-effects-element-type-background),.elementor-2518 .elementor-element.elementor-element-cc08473>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-4546ed3)}.elementor-2518 .elementor-element.elementor-element-c6eabd6 ul.hfe-breadcrumbs li{margin-right:10px}.elementor-2518 .elementor-element.elementor-element-c6eabd6 .hfe-breadcrumbs,.elementor-2518 .elementor-element.elementor-element-c6eabd6 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-c6eabd6 .hfe-breadcrumbs svg{fill:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-c6eabd6 .hfe-breadcrumbs-item{font-family:"Poppins",Sans-serif;font-size:15px;font-weight:600}.elementor-2518 .elementor-element.elementor-element-e91332c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px}.elementor-2518 .elementor-element.elementor-element-e91332c:not(.elementor-motion-effects-element-type-background),.elementor-2518 .elementor-element.elementor-element-e91332c>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-4546ed3)}.elementor-2518 .elementor-element.elementor-element-17dfa00{--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}.elementor-widget-image .widget-image-caption{color:var(--e-global-color-text);font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight)}.elementor-2518 .elementor-element.elementor-element-5f5eaba>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-5f5eaba .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:26px;font-weight:700;color:var(--e-global-color-b3aafad)}.elementor-widget-text-editor{font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight);color:var(--e-global-color-text)}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var(--e-global-color-primary)}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap,.elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var(--e-global-color-primary);border-color:var(--e-global-color-primary)}.elementor-2518 .elementor-element.elementor-element-0ab46c9>.elementor-widget-container{margin:0 0 0 13px}.elementor-2518 .elementor-element.elementor-element-0ab46c9{font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-a561ec6{--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;--justify-content:space-evenly;--align-items:center}.elementor-2518 .elementor-element.elementor-element-a561ec6.e-con{--align-self:center}.elementor-2518 .elementor-element.elementor-element-ce26348{--e-image-carousel-slides-to-show:1;width:var(--container-widget-width,100%);max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0}.elementor-2518 .elementor-element.elementor-element-ce26348>.elementor-widget-container{margin:0 100px 0 100px;padding:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-ce26348.elementor-element{--align-self:center}.elementor-2518 .elementor-element.elementor-element-ce26348 .elementor-swiper-button.elementor-swiper-button-prev,.elementor-2518 .elementor-element.elementor-element-ce26348 .elementor-swiper-button.elementor-swiper-button-next{color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-ce26348 .elementor-swiper-button.elementor-swiper-button-prev svg,.elementor-2518 .elementor-element.elementor-element-ce26348 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-ce26348 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var(--e-global-color-b3aafad);opacity:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-ce26348 .swiper-pagination-bullet{background:var(--e-global-color-c85cdf8)}.elementor-2518 .elementor-element.elementor-element-ce26348 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:30px 30px 30px 30px}.elementor-2518 .elementor-element.elementor-element-7c18147{--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}.elementor-2518 .elementor-element.elementor-element-e5a07e8>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-e5a07e8 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:25px;font-weight:700}.elementor-2518 .elementor-element.elementor-element-9260664>.elementor-widget-container{margin:0 0 0 13px}.elementor-2518 .elementor-element.elementor-element-9260664{font-family:"Raleway",Sans-serif;font-size:15px;font-weight:400;color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-0f75e8a{--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}.elementor-2518 .elementor-element.elementor-element-9b37baf{text-align:center}.elementor-2518 .elementor-element.elementor-element-9b37baf .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:40px;font-weight:700}.elementor-2518 .elementor-element.elementor-element-cf4a0fa{width:var(--container-widget-width,70%);max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0}.elementor-2518 .elementor-element.elementor-element-cf4a0fa.elementor-element{--align-self:center}.elementor-widget-button .elementor-button{background-color:var(--e-global-color-accent);font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight)}.elementor-2518 .elementor-element.elementor-element-647e65a .elementor-button{background-color:var(--e-global-color-c85cdf8);font-family:"Poppins",Sans-serif;font-weight:500;border-radius:20px 20px 20px 20px;padding:15px 15px 15px 15px}.elementor-2518 .elementor-element.elementor-element-647e65a .elementor-button:hover,.elementor-2518 .elementor-element.elementor-element-647e65a .elementor-button:focus{background-color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-4edf420{--spacer-size:50px}.elementor-2518 .elementor-element.elementor-element-09a37ce{--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}.elementor-2518 .elementor-element.elementor-element-09a37ce:not(.elementor-motion-effects-element-type-background),.elementor-2518 .elementor-element.elementor-element-09a37ce>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-579e4b4)}.elementor-2518 .elementor-element.elementor-element-9a92093{--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}.elementor-2518 .elementor-element.elementor-element-9a92093:not(.elementor-motion-effects-element-type-background),.elementor-2518 .elementor-element.elementor-element-9a92093>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#FFF}.elementor-2518 .elementor-element.elementor-element-1328c30{--spacer-size:50px}.elementor-2518 .elementor-element.elementor-element-15d7ca3{text-align:center}.elementor-2518 .elementor-element.elementor-element-15d7ca3 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:40px;font-weight:700}.elementor-widget-form .elementor-field-group>label,.elementor-widget-form .elementor-field-subgroup label{color:var(--e-global-color-text)}.elementor-widget-form .elementor-field-group>label{font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight)}.elementor-widget-form .elementor-field-type-html{color:var(--e-global-color-text);font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight)}.elementor-widget-form .elementor-field-group .elementor-field{color:var(--e-global-color-text)}.elementor-widget-form .elementor-field-group .elementor-field,.elementor-widget-form .elementor-field-subgroup label{font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight)}.elementor-widget-form .elementor-button{font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight)}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var(--e-global-color-accent)}.elementor-widget-form .elementor-button[type="submit"]{background-color:var(--e-global-color-accent)}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var(--e-global-color-accent)}.elementor-widget-form .elementor-message{font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight)}.elementor-widget-form .e-form__indicators__indicator,.elementor-widget-form .e-form__indicators__indicator__label{font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight)}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text )}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight)}.elementor-2518 .elementor-element.elementor-element-801a3f1{width:var(--container-widget-width,30%);max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px}.elementor-2518 .elementor-element.elementor-element-801a3f1.elementor-element{--align-self:center}.elementor-2518 .elementor-element.elementor-element-801a3f1>.elementor-widget-container{border-radius:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group{padding-right:calc(12px/2);padding-left:calc(12px/2);margin-bottom:8px}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-form-fields-wrapper{margin-left:calc(-12px/2);margin-right:calc(-12px/2);margin-bottom:-8px}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group.recaptcha_v3-bottomleft,.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0}body.rtl .elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-labels-inline .elementor-field-group>label{padding-left:0}body:not(.rtl) .elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-labels-inline .elementor-field-group>label{padding-right:0}body .elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-labels-above .elementor-field-group>label{padding-bottom:0}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group>label,.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-subgroup label{color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group>label{font-family:"Poppins",Sans-serif;font-weight:600}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-type-html{padding-bottom:0;color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group .elementor-field{color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group .elementor-field,.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-subgroup label{font-family:"Raleway",Sans-serif;font-weight:400}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var(--e-global-color-579e4b4);border-radius:2px 2px 2px 2px}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-field-group .elementor-select-wrapper select{background-color:var(--e-global-color-579e4b4);border-radius:2px 2px 2px 2px}.elementor-2518 .elementor-element.elementor-element-801a3f1 .e-form__buttons__wrapper__button-next{background-color:var(--e-global-color-b3aafad);color:#fff}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-button[type="submit"]{background-color:var(--e-global-color-b3aafad);color:#fff}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-button[type="submit"] svg *{fill:#fff}.elementor-2518 .elementor-element.elementor-element-801a3f1 .e-form__buttons__wrapper__button-previous{background-color:var(--e-global-color-b3aafad);color:#fff}.elementor-2518 .elementor-element.elementor-element-801a3f1 .e-form__buttons__wrapper__button-next:hover{background-color:var(--e-global-color-c85cdf8);color:#fff}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-button[type="submit"]:hover{background-color:var(--e-global-color-c85cdf8);color:#fff}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-button[type="submit"]:hover svg *{fill:#fff}.elementor-2518 .elementor-element.elementor-element-801a3f1 .e-form__buttons__wrapper__button-previous:hover{background-color:var(--e-global-color-c85cdf8);color:#fff}.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-button{border-radius:5px 5px 5px 5px}.elementor-2518 .elementor-element.elementor-element-a1975e9{--spacer-size:50px}.elementor-2518 .elementor-element.elementor-element-212e261{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% )}.elementor-2518 .elementor-element.elementor-element-212e261:not(.elementor-motion-effects-element-type-background),.elementor-2518 .elementor-element.elementor-element-212e261>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-4546ed3)}.elementor-2518 .elementor-element.elementor-element-bff8b24{--spacer-size:50px}.elementor-2518 .elementor-element.elementor-element-1462ad5{text-align:center}.elementor-2518 .elementor-element.elementor-element-1462ad5 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:40px;font-weight:700;color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-35cf113{font-family:"Raleway",Sans-serif;font-size:18px;font-weight:600;line-height:25px;letter-spacing:.3px;word-spacing:0;text-shadow:0 0 10px rgb(0 0 0 / .3);color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-3d01373{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px}.elementor-2518 .elementor-element.elementor-element-fe6b453 .elementor-button{background-color:#CD0533;font-family:"Poppins",Sans-serif;font-weight:400;fill:#FFF;color:#FFF;border-radius:20px 20px 20px 20px;padding:30px 30px 30px 30px}.elementor-2518 .elementor-element.elementor-element-299ec20{font-family:"Raleway",Sans-serif;font-size:18px;font-weight:600;color:var(--e-global-color-b3aafad)}.elementor-2518 .elementor-element.elementor-element-405be66{--display:flex}.elementor-2518 .elementor-element.elementor-element-6dfdf61{text-align:start}.elementor-2518 .elementor-element.elementor-element-6dfdf61 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:30px;font-weight:600}.elementor-2518 .elementor-element.elementor-element-2b303d3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row}.elementor-2518 .elementor-element.elementor-element-2b303d3.e-con{--flex-grow:0;--flex-shrink:0}.elementor-2518 .elementor-element.elementor-element-5c43175{--display:flex}.elementor-2518 .elementor-element.elementor-element-3157ce8>.elementor-widget-container{margin:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-3157ce8{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-bae9277{--display:flex}.elementor-2518 .elementor-element.elementor-element-6921e0c>.elementor-widget-container{margin:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-6921e0c{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-ae2773c{--display:flex}.elementor-2518 .elementor-element.elementor-element-d9cceef>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2518 .elementor-element.elementor-element-d9cceef{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-6cbc98b{--display:flex}.elementor-2518 .elementor-element.elementor-element-0c0f8c3>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2518 .elementor-element.elementor-element-0c0f8c3{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-842b55b{--display:flex}.elementor-2518 .elementor-element.elementor-element-bccab7e>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2518 .elementor-element.elementor-element-bccab7e{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-34402a3{--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px}.elementor-2518 .elementor-element.elementor-element-bb3cfe0{text-align:start}.elementor-2518 .elementor-element.elementor-element-bb3cfe0 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:30px;font-weight:600}.elementor-2518 .elementor-element.elementor-element-71f3130{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px}.elementor-2518 .elementor-element.elementor-element-b097137{--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}.elementor-2518 .elementor-element.elementor-element-be4f4fa img{border-radius:5px 5px 5px 5px}.elementor-2518 .elementor-element.elementor-element-d5c20e7>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2518 .elementor-element.elementor-element-d5c20e7{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-216bacd{--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}.elementor-2518 .elementor-element.elementor-element-23647df img{border-radius:5px 5px 5px 5px}.elementor-2518 .elementor-element.elementor-element-8c23f77>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2518 .elementor-element.elementor-element-8c23f77{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-6d7440a{--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}.elementor-2518 .elementor-element.elementor-element-2bd2e3a img{border-radius:5px 5px 5px 5px}.elementor-2518 .elementor-element.elementor-element-2c2aded>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2518 .elementor-element.elementor-element-2c2aded{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-f1afe52{--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}.elementor-2518 .elementor-element.elementor-element-353c29b img{border-radius:5px 5px 5px 5px}.elementor-2518 .elementor-element.elementor-element-e2fd6a5>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2518 .elementor-element.elementor-element-e2fd6a5{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2518 .elementor-element.elementor-element-29d66ad{--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}.elementor-2518 .elementor-element.elementor-element-b102a3a img{border-radius:5px 5px 5px 5px}.elementor-2518 .elementor-element.elementor-element-ba70b34>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2518 .elementor-element.elementor-element-ba70b34{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}@media(max-width:1024px){.elementor-2518 .elementor-element.elementor-element-2b303d3{--grid-auto-flow:row}}@media(max-width:767px){.elementor-2518 .elementor-element.elementor-element-d5f4e85{--margin-top:-125px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px}.elementor-2518 .elementor-element.elementor-element-535aaa7>.elementor-widget-container{margin:30px 0 0 0}.elementor-2518 .elementor-element.elementor-element-535aaa7 .elementor-heading-title{font-size:30px}.elementor-2518 .elementor-element.elementor-element-c6eabd6>.elementor-widget-container{margin:0 0 0 10px}.elementor-2518 .elementor-element.elementor-element-c6eabd6 .hfe-breadcrumbs-item{font-size:12px}.elementor-2518 .elementor-element.elementor-element-5f5eaba{text-align:center}.elementor-2518 .elementor-element.elementor-element-5f5eaba .elementor-heading-title{font-size:30px}.elementor-2518 .elementor-element.elementor-element-0ab46c9{font-size:13px}.elementor-2518 .elementor-element.elementor-element-a561ec6.e-con{--align-self:center}.elementor-2518 .elementor-element.elementor-element-ce26348{width:var(--container-widget-width,300px);max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0}.elementor-2518 .elementor-element.elementor-element-ce26348>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-ce26348.elementor-element{--align-self:center}.elementor-2518 .elementor-element.elementor-element-e5a07e8{text-align:center}.elementor-2518 .elementor-element.elementor-element-e5a07e8 .elementor-heading-title{font-size:30px}.elementor-2518 .elementor-element.elementor-element-9260664{font-size:12px}.elementor-2518 .elementor-element.elementor-element-9b37baf .elementor-heading-title{font-size:30px}.elementor-2518 .elementor-element.elementor-element-cf4a0fa{--container-widget-width:420px;--container-widget-flex-grow:0;width:var(--container-widget-width,420px);max-width:420px}.elementor-2518 .elementor-element.elementor-element-647e65a{width:var(--container-widget-width,165px);max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0}.elementor-2518 .elementor-element.elementor-element-647e65a.elementor-element{--align-self:center}.elementor-2518 .elementor-element.elementor-element-647e65a .elementor-button{border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px}.elementor-2518 .elementor-element.elementor-element-15d7ca3 .elementor-heading-title{font-size:28px}.elementor-2518 .elementor-element.elementor-element-801a3f1{--container-widget-width:250px;--container-widget-flex-grow:0;width:var(--container-widget-width,250px);max-width:250px}.elementor-2518 .elementor-element.elementor-element-1462ad5>.elementor-widget-container{padding:0 05px 0 05px}.elementor-2518 .elementor-element.elementor-element-1462ad5 .elementor-heading-title{font-size:24px}.elementor-2518 .elementor-element.elementor-element-35cf113>.elementor-widget-container{margin:-15px 0 -20px 0;padding:0 0 0 0}.elementor-2518 .elementor-element.elementor-element-35cf113{text-align:center;font-size:13px;line-height:1.2em}.elementor-2518 .elementor-element.elementor-element-fe6b453{width:var(--container-widget-width,165px);max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0}.elementor-2518 .elementor-element.elementor-element-fe6b453 .elementor-button{font-size:15px;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px}.elementor-2518 .elementor-element.elementor-element-299ec20>.elementor-widget-container{margin:-20px 0 0 0;padding:0 015px 0 015px}.elementor-2518 .elementor-element.elementor-element-299ec20{text-align:center;font-size:13px}.elementor-2518 .elementor-element.elementor-element-6dfdf61>.elementor-widget-container{margin:0 0 0 10px}.elementor-2518 .elementor-element.elementor-element-6dfdf61 .elementor-heading-title{font-size:20px}.elementor-2518 .elementor-element.elementor-element-2b303d3{--width:344px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row}.elementor-2518 .elementor-element.elementor-element-10cabf1 img{border-radius:10px 10px 10px 10px}.elementor-2518 .elementor-element.elementor-element-3157ce8>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-3157ce8{font-size:11px}.elementor-2518 .elementor-element.elementor-element-4d4e7cd img{border-radius:10px 10px 10px 10px}.elementor-2518 .elementor-element.elementor-element-6921e0c>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-6921e0c{font-size:11px}.elementor-2518 .elementor-element.elementor-element-a6d1836 img{border-radius:10px 10px 10px 10px}.elementor-2518 .elementor-element.elementor-element-d9cceef>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-d9cceef{font-size:11px}.elementor-2518 .elementor-element.elementor-element-14458ec img{border-radius:10px 10px 10px 10px}.elementor-2518 .elementor-element.elementor-element-0c0f8c3>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-0c0f8c3{font-size:11px}.elementor-2518 .elementor-element.elementor-element-74d5f9c img{border-radius:10px 10px 10px 10px}.elementor-2518 .elementor-element.elementor-element-bccab7e>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-bccab7e{font-size:11px}.elementor-2518 .elementor-element.elementor-element-bb3cfe0 .elementor-heading-title{font-size:20px}.elementor-2518 .elementor-element.elementor-element-71f3130{--flex-wrap:wrap}.elementor-2518 .elementor-element.elementor-element-d5c20e7>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-d5c20e7{font-size:11px}.elementor-2518 .elementor-element.elementor-element-8c23f77>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-8c23f77{font-size:11px}.elementor-2518 .elementor-element.elementor-element-2c2aded>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-2c2aded{font-size:11px}.elementor-2518 .elementor-element.elementor-element-e2fd6a5>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-e2fd6a5{font-size:11px}.elementor-2518 .elementor-element.elementor-element-ba70b34>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2518 .elementor-element.elementor-element-ba70b34{font-size:11px}}@media(min-width:768px){.elementor-2518 .elementor-element.elementor-element-e91332c{--content-width:1400px}.elementor-2518 .elementor-element.elementor-element-17dfa00{--width:33.3333%}.elementor-2518 .elementor-element.elementor-element-a561ec6{--width:65%}.elementor-2518 .elementor-element.elementor-element-7c18147{--width:33.3333%}.elementor-2518 .elementor-element.elementor-element-0f75e8a{--content-width:1111px}.elementor-2518 .elementor-element.elementor-element-3d01373{--width:35%}.elementor-2518 .elementor-element.elementor-element-71f3130{--width:100%}.elementor-2518 .elementor-element.elementor-element-b097137{--width:33.3333%}.elementor-2518 .elementor-element.elementor-element-216bacd{--width:33.3333%}.elementor-2518 .elementor-element.elementor-element-6d7440a{--width:33.3333%}.elementor-2518 .elementor-element.elementor-element-f1afe52{--width:33.3333%}.elementor-2518 .elementor-element.elementor-element-29d66ad{--width:33.3333%}}<!DOCTYPE html><html lang="id"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Simulasi Warna Pintu Harmonika</title><style>*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f9;padding:20px}.product-simulator{max-width:700px;width:100%;background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.image-container{position:relative;width:100%;border-radius:8px;overflow:hidden;background-color:#e0e0e0}.bg-image{width:100%;display:block;height:auto}.door-layer{position:absolute;top:40%;left:25%;width:30%;height:35%;transition:background-color 0.3s ease;mix-blend-mode:multiply}.door-layer.red{background-color:#d32f2f}.door-layer.green{background-color:#388e3c}.door-layer.brown{background-color:#4e342e}.door-layer.navy{background-color:#1a237e}.door-layer.blue{background-color:#0288d1}.door-layer.black{background-color:#212121}.door-layer.white{background-color:#eceff1}.color-picker-section{margin-top:20px}.color-picker-section h3{font-size:16px;color:#333;margin-bottom:10px}.color-options{display:flex;gap:12px}.color-btn{width:36px;height:36px;border-radius:8px;border:2px solid #fff0;cursor:pointer;transition:transform 0.2s ease,border-color 0.2s ease}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#000;box-shadow:0 0 5px rgb(0 0 0 / .3)}</style></head><body><div class="product-simulator"><!-- Area Gambar dan Overlay Warna --><div class="image-container"><!-- Ganti URL gambar di bawah ini dengan gambar fasad/bangunan milik Anda --><img src="https://via.placeholder.com/700x400/cccccc/ffffff?text=Fasad+Bangunan" alt="Fasad Bangunan" class="bg-image"><!-- Layer yang berganti warna --><div id="door-layer" class="door-layer red"></div></div><!-- Panel Tombol Simulasi Warna --><div class="color-picker-section"><h3>Simulasi warna</h3><div class="color-options"><button class="color-btn active" style="background-color: #d32f2f;" data-color="red" title="Merah"></button><button class="color-btn" style="background-color: #388e3c;" data-color="green" title="Hijau"></button><button class="color-btn" style="background-color: #4e342e;" data-color="brown" title="Cokelat"></button><button class="color-btn" style="background-color: #1a237e;" data-color="navy" title="Biru Tua"></button><button class="color-btn" style="background-color: #0288d1;" data-color="blue" title="Biru"></button><button class="color-btn" style="background-color: #212121;" data-color="black" title="Hitam"></button><button class="color-btn" style="background-color: #eceff1;" data-color="white" title="Putih"></button></div></div></div><!-- SCRIPT INTERAKTIF --><script>document.addEventListener('DOMContentLoaded',()=>{const colorButtons=document.querySelectorAll('.color-btn');const doorLayer=document.getElementById('door-layer');colorButtons.forEach(button=>{button.addEventListener('click',function(){// Hapus kelas active dari tombol sebelumnya colorButtons.forEach(btn=>btn.classList.remove('active'));// Tandai tombol yang baru diklik this.classList.add('active');// Ambil data-color dan terapkan ke layer pintu const selectedColor=this.getAttribute('data-color');doorLayer.className=`door-layer ${selectedColor}`})})});</script></body></html>.elementor-2518 .elementor-element.elementor-element-801a3f1 .elementor-mark-required .elementor-field-label::after{margin-left:-1px;padding-left:0}