.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:-80px;--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 0px 0px 0px;}.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 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.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:65px;font-weight:700;color:#FFFFFF;}.elementor-2564 .elementor-element.elementor-element-49ecee6{--spacer-size:10px;}.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-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2564 .elementor-element.elementor-element-dd2badc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:700;}.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 > .elementor-widget-container{margin:0px 0px 0px 13px;}.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-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-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){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-8e7e74e{--display:flex;--min-height:0px;}.elementor-2564 .elementor-element.elementor-element-6610dbd img{border-radius:50px 50px 50px 50px;}.elementor-2564 .elementor-element.elementor-element-69e84d7{--display:flex;}.elementor-2564 .elementor-element.elementor-element-ca1d33a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2564 .elementor-element.elementor-element-ca1d33a img{border-radius:50px 50px 50px 50px;}.elementor-2564 .elementor-element.elementor-element-332a9a1{--display:flex;--min-height:0px;}.elementor-2564 .elementor-element.elementor-element-966df31 img{border-radius:50px 50px 50px 50px;}.elementor-2564 .elementor-element.elementor-element-0511e3a{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-border-radius:90px 90px 90px 90px;}.elementor-2564 .elementor-element.elementor-element-0511e3a > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#242665;}.elementor-2564 .elementor-element.elementor-element-0511e3a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-b3aafad );}.elementor-2564 .elementor-element.elementor-element-0511e3a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2564 .elementor-element.elementor-element-0511e3a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-b3aafad );}.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-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2564 .elementor-element.elementor-element-118a724 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:700;}.elementor-2564 .elementor-element.elementor-element-63961e7 > .elementor-widget-container{margin:0px 0px 0px 13px;}.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-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:65px;font-weight:700;}.elementor-2564 .elementor-element.elementor-element-cf4a0fa{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-2564 .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-2564 .elementor-element.elementor-element-647e65a .elementor-button{background-color:#CD0533;font-family:"Poppins", Sans-serif;font-weight:500;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-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:#FFFFFF;}.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{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-2564 .elementor-element.elementor-element-42d3121.elementor-element{--align-self:center;}.elementor-2564 .elementor-element.elementor-element-42d3121 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.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:0px;}body:not(.rtl) .elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.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:0px;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:#ffffff;}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button[type="submit"]{background-color:var( --e-global-color-b3aafad );color:#ffffff;}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2564 .elementor-element.elementor-element-42d3121 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-b3aafad );color:#ffffff;}.elementor-2564 .elementor-element.elementor-element-42d3121 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-c85cdf8 );color:#ffffff;}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-c85cdf8 );color:#ffffff;}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2564 .elementor-element.elementor-element-42d3121 .e-form__buttons__wrapper__button-previous:hover{background-color:var( --e-global-color-c85cdf8 );color:#ffffff;}.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-button{border-radius:5px 5px 5px 5px;}.elementor-2564 .elementor-element.elementor-element-7aa4d87{--spacer-size:50px;}.elementor-2564 .elementor-element.elementor-element-b79b142{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2564 .elementor-element.elementor-element-b79b142:not(.elementor-motion-effects-element-type-background), .elementor-2564 .elementor-element.elementor-element-b79b142 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4546ed3 );}.elementor-2564 .elementor-element.elementor-element-e983eaa{--spacer-size:50px;}.elementor-2564 .elementor-element.elementor-element-6562090{text-align:center;}.elementor-2564 .elementor-element.elementor-element-6562090 .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-f6b31f1{font-family:"Raleway", Sans-serif;font-weight:600;line-height:25px;letter-spacing:0.3px;word-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-b3aafad );}.elementor-2564 .elementor-element.elementor-element-16141db{--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-a6bc744 .elementor-button{background-color:#CD0533;font-family:"Poppins", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:20px 20px 20px 20px;padding:30px 30px 30px 30px;}.elementor-2564 .elementor-element.elementor-element-8978d42{font-family:"Raleway", Sans-serif;font-weight:600;color:var( --e-global-color-b3aafad );}.elementor-2564 .elementor-element.elementor-element-3d6e596{--spacer-size:50px;}@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:100%;}.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-16141db{--width:35%;}}@media(max-width:767px){.elementor-2564 .elementor-element.elementor-element-535aaa7 .elementor-heading-title{font-size:30px;}.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-0511e3a{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:15px;}.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:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.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-647e65a .elementor-button{border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.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-6562090 > .elementor-widget-container{padding:0px 05px 0px 05px;}.elementor-2564 .elementor-element.elementor-element-6562090 .elementor-heading-title{font-size:24px;}.elementor-2564 .elementor-element.elementor-element-f6b31f1 > .elementor-widget-container{margin:-15px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-2564 .elementor-element.elementor-element-f6b31f1{text-align:center;font-size:13px;line-height:1.2em;}.elementor-2564 .elementor-element.elementor-element-a6bc744{width:var( --container-widget-width, 165px );max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0;}.elementor-2564 .elementor-element.elementor-element-a6bc744 .elementor-button{font-size:15px;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-2564 .elementor-element.elementor-element-8978d42 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 015px 0px 015px;}.elementor-2564 .elementor-element.elementor-element-8978d42{text-align:center;font-size:13px;}}/* Start custom CSS for container, class: .elementor-element-4ddb6f6 */<!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>
    /* RESET & DASAR */
    * {
      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;
    }

    /* CONTAINER UTAMA */
    .product-simulator {
      max-width: 700px;
      width: 100%;
      background: #ffffff;
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    /* KONTANER GAMBAR BARU */
    .image-container {
      position: relative;
      width: 100%;
      border-radius: 8px;
      overflow: hidden;
      background-color: #e0e0e0;
    }

    .bg-image {
      width: 100%;
      display: block;
      height: auto;
    }

    /* LAYER WARNA PINTU (OVERLAY) */
    .door-layer {
      position: absolute;
      top: 40%;
      left: 25%;
      width: 30%;
      height: 35%;
      transition: background-color 0.3s ease;
      mix-blend-mode: multiply; /* Menjaga tekstur pintu di bawahnya tetap terlihat */
    }

    /* PRESET WARNA */
    .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; }

    /* AREA PILIHAN WARNA */
    .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 transparent;
      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 rgba(0,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>/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-42d3121 */.elementor-2564 .elementor-element.elementor-element-42d3121 .elementor-mark-required .elementor-field-label::after {
    margin-left: -1px; /* Atur angka ini sesuai keinginan (makin kecil makin dekat) */
    padding-left: 0;
}/* End custom CSS */