.elementor-2564 .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-2564 .elementor-element.elementor-element-d5f4e85:not(.elementor-motion-effects-element-type-background),.elementor-2564 .elementor-element.elementor-element-d5f4e85>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-cb540f3{--spacer-size:50px}.elementor-2564 .elementor-element.elementor-element-cb540f3>.elementor-widget-container{margin:10px 0 0 0}.elementor-2564 .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-2564 .elementor-element.elementor-element-535aaa7{text-align:center}.elementor-2564 .elementor-element.elementor-element-535aaa7 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:40px;font-weight:700;color:#FFF}.elementor-2564 .elementor-element.elementor-element-535aaa7>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}.elementor-2564 .elementor-element.elementor-element-49ecee6{--spacer-size:10px}.elementor-2564 .elementor-element.elementor-element-cf795b9{--display:flex}.elementor-2564 .elementor-element.elementor-element-cf795b9:not(.elementor-motion-effects-element-type-background),.elementor-2564 .elementor-element.elementor-element-cf795b9>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-4546ed3)}.elementor-2564 .elementor-element.elementor-element-f02085e ul.hfe-breadcrumbs li{margin-right:10px}.elementor-2564 .elementor-element.elementor-element-f02085e .hfe-breadcrumbs,.elementor-2564 .elementor-element.elementor-element-f02085e .hfe-breadcrumbs .hfe-breadcrumbs-text{color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-f02085e .hfe-breadcrumbs svg{fill:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-f02085e .hfe-breadcrumbs-item{font-family:"Poppins",Sans-serif;font-size:15px;font-weight:600}.elementor-2564 .elementor-element.elementor-element-4ddb6f6{--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-2564 .elementor-element.elementor-element-4ddb6f6:not(.elementor-motion-effects-element-type-background),.elementor-2564 .elementor-element.elementor-element-4ddb6f6>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-4546ed3)}.elementor-2564 .elementor-element.elementor-element-b4e1899{--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-2564 .elementor-element.elementor-element-dd2badc .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:26px;font-weight:700}.elementor-2564 .elementor-element.elementor-element-dd2badc>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}.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-2564 .elementor-element.elementor-element-5d59efa{font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-5d59efa>.elementor-widget-container{margin:0 0 0 13px}.elementor-2564 .elementor-element.elementor-element-a076e15{--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-2564 .elementor-element.elementor-element-a076e15.e-con{--align-self:center}.elementor-2564 .elementor-element.elementor-element-01c930a{--e-image-carousel-slides-to-show:1}.elementor-2564 .elementor-element.elementor-element-01c930a .elementor-swiper-button.elementor-swiper-button-prev,.elementor-2564 .elementor-element.elementor-element-01c930a .elementor-swiper-button.elementor-swiper-button-next{color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-01c930a .elementor-swiper-button.elementor-swiper-button-prev svg,.elementor-2564 .elementor-element.elementor-element-01c930a .elementor-swiper-button.elementor-swiper-button-next svg{fill:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-01c930a .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var(--e-global-color-b3aafad);opacity:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-01c930a .swiper-pagination-bullet{background:var(--e-global-color-c85cdf8)}.elementor-2564 .elementor-element.elementor-element-01c930a .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:30px 30px 30px 30px}.elementor-2564 .elementor-element.elementor-element-01c930a>.elementor-widget-container{margin:0 100px 0 100px}.elementor-2564 .elementor-element.elementor-element-01c930a.elementor-element{--align-self:center}.elementor-2564 .elementor-element.elementor-element-d060953 .elementor-wrapper{--video-aspect-ratio:1.77777}.elementor-2564 .elementor-element.elementor-element-d060953>.elementor-widget-container{border-radius:20px 20px 20px 20px}.elementor-2564 .elementor-element.elementor-element-77c59f1{--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-2564 .elementor-element.elementor-element-118a724 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:25px;font-weight:700}.elementor-2564 .elementor-element.elementor-element-118a724>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}.elementor-2564 .elementor-element.elementor-element-63961e7{font-family:"Raleway",Sans-serif;font-size:15px;font-weight:400;color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-63961e7>.elementor-widget-container{margin:0 0 0 13px}.elementor-2564 .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-2564 .elementor-element.elementor-element-9b37baf{text-align:center}.elementor-2564 .elementor-element.elementor-element-9b37baf .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:40px;font-weight:700}.elementor-2564 .elementor-element.elementor-element-cf4a0fa{width:var(--container-widget-width,100%);max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0}.elementor-2564 .elementor-element.elementor-element-cf4a0fa.elementor-element{--align-self:center}.elementor-widget-button .elementor-button{font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight);background-color:var(--e-global-color-accent)}.elementor-2564 .elementor-element.elementor-element-647e65a .elementor-button{font-family:"Poppins",Sans-serif;font-weight:500;background-color:#CD0533;border-radius:20px 20px 20px 20px;padding:15px 15px 15px 15px}.elementor-2564 .elementor-element.elementor-element-647e65a .elementor-button:hover,.elementor-2564 .elementor-element.elementor-element-647e65a .elementor-button:focus{background-color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-5de92b2{--spacer-size:50px}.elementor-2564 .elementor-element.elementor-element-be99042{--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-2564 .elementor-element.elementor-element-be99042:not(.elementor-motion-effects-element-type-background),.elementor-2564 .elementor-element.elementor-element-be99042>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-579e4b4)}.elementor-2564 .elementor-element.elementor-element-d856c63{--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-2564 .elementor-element.elementor-element-d856c63:not(.elementor-motion-effects-element-type-background),.elementor-2564 .elementor-element.elementor-element-d856c63>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#FFF}.elementor-2564 .elementor-element.elementor-element-36d4ba8{--spacer-size:50px}.elementor-2564 .elementor-element.elementor-element-4033b19{text-align:center}.elementor-2564 .elementor-element.elementor-element-4033b19 .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-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group{padding-right:calc(12px/2);padding-left:calc(12px/2);margin-bottom:8px}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-form-fields-wrapper{margin-left:calc(-12px/2);margin-right:calc(-12px/2);margin-bottom:-8px}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group.recaptcha_v3-bottomleft,.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0}body.rtl .elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-labels-inline .elementor-field-group>label{padding-left:0}body:not(.rtl) .elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-labels-inline .elementor-field-group>label{padding-right:0}body .elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-labels-above .elementor-field-group>label{padding-bottom:0}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group>label,.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-subgroup label{color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group>label{font-family:"Poppins",Sans-serif;font-weight:600}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-type-html{padding-bottom:0;color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group .elementor-field{color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group .elementor-field,.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-subgroup label{font-family:"Raleway",Sans-serif;font-weight:400}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var(--e-global-color-579e4b4);border-radius:2px 2px 2px 2px}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-field-group .elementor-select-wrapper select{background-color:var(--e-global-color-579e4b4);border-radius:2px 2px 2px 2px}.elementor-2564 .elementor-element.elementor-element-42d3121 .e-form__buttons__wrapper__button-next{background-color:var(--e-global-color-b3aafad);color:#fff}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button[type="submit"]{background-color:var(--e-global-color-b3aafad);color:#fff}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button[type="submit"] svg *{fill:#fff}.elementor-2564 .elementor-element.elementor-element-42d3121 .e-form__buttons__wrapper__button-previous{background-color:var(--e-global-color-b3aafad);color:#fff}.elementor-2564 .elementor-element.elementor-element-42d3121 .e-form__buttons__wrapper__button-next:hover{background-color:var(--e-global-color-c85cdf8);color:#fff}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button[type="submit"]:hover{background-color:var(--e-global-color-c85cdf8);color:#fff}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button[type="submit"]:hover svg *{fill:#fff}.elementor-2564 .elementor-element.elementor-element-42d3121 .e-form__buttons__wrapper__button-previous:hover{background-color:var(--e-global-color-c85cdf8);color:#fff}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button{border-radius:5px 5px 5px 5px}.elementor-2564 .elementor-element.elementor-element-42d3121{--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;width:var(--container-widget-width,30%);max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0}.elementor-2564 .elementor-element.elementor-element-42d3121.elementor-element{--align-self:center}.elementor-2564 .elementor-element.elementor-element-42d3121>.elementor-widget-container{border-radius:0 0 0 0}.elementor-2564 .elementor-element.elementor-element-7aa4d87{--spacer-size:50px}.elementor-2564 .elementor-element.elementor-element-ea96d01{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% )}.elementor-2564 .elementor-element.elementor-element-ea96d01:not(.elementor-motion-effects-element-type-background),.elementor-2564 .elementor-element.elementor-element-ea96d01>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--e-global-color-4546ed3)}.elementor-2564 .elementor-element.elementor-element-231b9d5{--spacer-size:50px}.elementor-2564 .elementor-element.elementor-element-6e0531a{text-align:center}.elementor-2564 .elementor-element.elementor-element-6e0531a .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:40px;font-weight:700;color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-050f6a3{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-2564 .elementor-element.elementor-element-cacac9b{--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-2564 .elementor-element.elementor-element-238590a .elementor-button{font-family:"Poppins",Sans-serif;font-weight:400;fill:#FFF;color:#FFF;background-color:#CD0533;border-radius:20px 20px 20px 20px;padding:30px 30px 30px 30px}.elementor-2564 .elementor-element.elementor-element-4099ed1{font-family:"Raleway",Sans-serif;font-size:18px;font-weight:600;color:var(--e-global-color-b3aafad)}.elementor-2564 .elementor-element.elementor-element-f076e21{--display:flex}.elementor-2564 .elementor-element.elementor-element-bc95304{text-align:start}.elementor-2564 .elementor-element.elementor-element-bc95304 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:30px;font-weight:600}.elementor-2564 .elementor-element.elementor-element-5e75b40{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row}.elementor-2564 .elementor-element.elementor-element-5e75b40.e-con{--flex-grow:0;--flex-shrink:0}.elementor-2564 .elementor-element.elementor-element-dafd05e{--display:flex}.elementor-2564 .elementor-element.elementor-element-85c6a44{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-85c6a44>.elementor-widget-container{margin:0 0 0 0}.elementor-2564 .elementor-element.elementor-element-3bf3284{--display:flex}.elementor-2564 .elementor-element.elementor-element-3878830{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-3878830>.elementor-widget-container{margin:0 0 0 0}.elementor-2564 .elementor-element.elementor-element-43c7199{--display:flex}.elementor-2564 .elementor-element.elementor-element-7279ca0{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-7279ca0>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2564 .elementor-element.elementor-element-af085ee{--display:flex}.elementor-2564 .elementor-element.elementor-element-2133e8d{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-2133e8d>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2564 .elementor-element.elementor-element-288306f{--display:flex}.elementor-2564 .elementor-element.elementor-element-dea6d0a{text-align:start;font-family:"Raleway",Sans-serif;font-size:20px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-dea6d0a>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2564 .elementor-element.elementor-element-87cfed2{--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-2564 .elementor-element.elementor-element-b091256{text-align:start}.elementor-2564 .elementor-element.elementor-element-b091256 .elementor-heading-title{font-family:"Poppins",Sans-serif;font-size:30px;font-weight:600}.elementor-2564 .elementor-element.elementor-element-f37cad3{--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-2564 .elementor-element.elementor-element-68fbde8{--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-2564 .elementor-element.elementor-element-ce6b9a8 img{border-radius:5px 5px 5px 5px}.elementor-2564 .elementor-element.elementor-element-1be556e{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-1be556e>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2564 .elementor-element.elementor-element-80d547c{--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-2564 .elementor-element.elementor-element-d529071 img{border-radius:5px 5px 5px 5px}.elementor-2564 .elementor-element.elementor-element-30c4d59{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-30c4d59>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2564 .elementor-element.elementor-element-cf89e28{--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-2564 .elementor-element.elementor-element-d6f122c img{border-radius:5px 5px 5px 5px}.elementor-2564 .elementor-element.elementor-element-cb08afd{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-cb08afd>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2564 .elementor-element.elementor-element-5c8437f{--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-2564 .elementor-element.elementor-element-a01e092 img{border-radius:5px 5px 5px 5px}.elementor-2564 .elementor-element.elementor-element-4bf67f2{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-4bf67f2>.elementor-widget-container{margin:-20px 0 0 0}.elementor-2564 .elementor-element.elementor-element-80183c0{--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-2564 .elementor-element.elementor-element-a0adcff img{border-radius:5px 5px 5px 5px}.elementor-2564 .elementor-element.elementor-element-6412756{text-align:start;font-family:"Raleway",Sans-serif;font-size:15px;font-weight:600;color:#000}.elementor-2564 .elementor-element.elementor-element-6412756>.elementor-widget-container{margin:-20px 0 0 0}@media(max-width:1024px){.elementor-2564 .elementor-element.elementor-element-5de92b2{--spacer-size:20px}.elementor-2564 .elementor-element.elementor-element-5e75b40{--grid-auto-flow:row}}@media(max-width:767px){.elementor-2564 .elementor-element.elementor-element-d5f4e85{--margin-top:-125px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px}.elementor-2564 .elementor-element.elementor-element-535aaa7 .elementor-heading-title{font-size:30px}.elementor-2564 .elementor-element.elementor-element-535aaa7>.elementor-widget-container{margin:30px 0 0 0}.elementor-2564 .elementor-element.elementor-element-f02085e .hfe-breadcrumbs-item{font-size:12px}.elementor-2564 .elementor-element.elementor-element-f02085e>.elementor-widget-container{margin:0 0 0 10px}.elementor-2564 .elementor-element.elementor-element-dd2badc{text-align:center}.elementor-2564 .elementor-element.elementor-element-dd2badc .elementor-heading-title{font-size:30px}.elementor-2564 .elementor-element.elementor-element-5d59efa{font-size:13px}.elementor-2564 .elementor-element.elementor-element-01c930a>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}.elementor-2564 .elementor-element.elementor-element-01c930a{width:var(--container-widget-width,300px);max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0}.elementor-2564 .elementor-element.elementor-element-01c930a.elementor-element{--align-self:center}.elementor-2564 .elementor-element.elementor-element-118a724{text-align:center}.elementor-2564 .elementor-element.elementor-element-118a724 .elementor-heading-title{font-size:24px}.elementor-2564 .elementor-element.elementor-element-63961e7{font-size:10px}.elementor-2564 .elementor-element.elementor-element-9b37baf .elementor-heading-title{font-size:30px}.elementor-2564 .elementor-element.elementor-element-cf4a0fa{--container-widget-width:420px;--container-widget-flex-grow:0;width:var(--container-widget-width,420px);max-width:420px}.elementor-2564 .elementor-element.elementor-element-647e65a .elementor-button{border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px}.elementor-2564 .elementor-element.elementor-element-647e65a{width:var(--container-widget-width,165px);max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0}.elementor-2564 .elementor-element.elementor-element-647e65a.elementor-element{--align-self:center}.elementor-2564 .elementor-element.elementor-element-4033b19 .elementor-heading-title{font-size:28px}.elementor-2564 .elementor-element.elementor-element-42d3121{--container-widget-width:250px;--container-widget-flex-grow:0;width:var(--container-widget-width,250px);max-width:250px}.elementor-2564 .elementor-element.elementor-element-6e0531a .elementor-heading-title{font-size:24px}.elementor-2564 .elementor-element.elementor-element-6e0531a>.elementor-widget-container{padding:0 05px 0 05px}.elementor-2564 .elementor-element.elementor-element-050f6a3{text-align:center;font-size:13px;line-height:1.2em}.elementor-2564 .elementor-element.elementor-element-050f6a3>.elementor-widget-container{margin:-15px 0 -20px 0;padding:0 0 0 0}.elementor-2564 .elementor-element.elementor-element-238590a .elementor-button{font-size:15px;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px}.elementor-2564 .elementor-element.elementor-element-238590a{width:var(--container-widget-width,165px);max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0}.elementor-2564 .elementor-element.elementor-element-4099ed1{text-align:center;font-size:13px}.elementor-2564 .elementor-element.elementor-element-4099ed1>.elementor-widget-container{margin:-20px 0 0 0;padding:0 015px 0 015px}.elementor-2564 .elementor-element.elementor-element-bc95304 .elementor-heading-title{font-size:20px}.elementor-2564 .elementor-element.elementor-element-bc95304>.elementor-widget-container{margin:0 0 0 10px}.elementor-2564 .elementor-element.elementor-element-5e75b40{--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-2564 .elementor-element.elementor-element-67bd444 img{border-radius:10px 10px 10px 10px}.elementor-2564 .elementor-element.elementor-element-85c6a44{font-size:11px}.elementor-2564 .elementor-element.elementor-element-85c6a44>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-9486014 img{border-radius:10px 10px 10px 10px}.elementor-2564 .elementor-element.elementor-element-3878830{font-size:11px}.elementor-2564 .elementor-element.elementor-element-3878830>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-8119a67 img{border-radius:10px 10px 10px 10px}.elementor-2564 .elementor-element.elementor-element-7279ca0{font-size:11px}.elementor-2564 .elementor-element.elementor-element-7279ca0>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-5822d4b img{border-radius:10px 10px 10px 10px}.elementor-2564 .elementor-element.elementor-element-2133e8d{font-size:11px}.elementor-2564 .elementor-element.elementor-element-2133e8d>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-b8183ba img{border-radius:10px 10px 10px 10px}.elementor-2564 .elementor-element.elementor-element-dea6d0a{font-size:11px}.elementor-2564 .elementor-element.elementor-element-dea6d0a>.elementor-widget-container{margin:-15px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-b091256 .elementor-heading-title{font-size:20px}.elementor-2564 .elementor-element.elementor-element-f37cad3{--flex-wrap:wrap}.elementor-2564 .elementor-element.elementor-element-1be556e{font-size:11px}.elementor-2564 .elementor-element.elementor-element-1be556e>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-30c4d59{font-size:11px}.elementor-2564 .elementor-element.elementor-element-30c4d59>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-cb08afd{font-size:11px}.elementor-2564 .elementor-element.elementor-element-cb08afd>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-4bf67f2{font-size:11px}.elementor-2564 .elementor-element.elementor-element-4bf67f2>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}.elementor-2564 .elementor-element.elementor-element-6412756{font-size:11px}.elementor-2564 .elementor-element.elementor-element-6412756>.elementor-widget-container{margin:-5px 0 0 0;padding:0 -15px 0 -15px}}@media(min-width:768px){.elementor-2564 .elementor-element.elementor-element-4ddb6f6{--content-width:1400px}.elementor-2564 .elementor-element.elementor-element-b4e1899{--width:33.3333%}.elementor-2564 .elementor-element.elementor-element-a076e15{--width:65%}.elementor-2564 .elementor-element.elementor-element-77c59f1{--width:33.3333%}.elementor-2564 .elementor-element.elementor-element-0f75e8a{--content-width:1126px}.elementor-2564 .elementor-element.elementor-element-cacac9b{--width:35%}.elementor-2564 .elementor-element.elementor-element-f37cad3{--width:100%}.elementor-2564 .elementor-element.elementor-element-68fbde8{--width:33.3333%}.elementor-2564 .elementor-element.elementor-element-80d547c{--width:33.3333%}.elementor-2564 .elementor-element.elementor-element-cf89e28{--width:33.3333%}.elementor-2564 .elementor-element.elementor-element-5c8437f{--width:33.3333%}.elementor-2564 .elementor-element.elementor-element-80183c0{--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-2564 .elementor-element.elementor-element-42d3121 .elementor-mark-required .elementor-field-label::after{margin-left:-1px;padding-left:0}