.elementor-1926 .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-1926 .elementor-element.elementor-element-d5f4e85:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-d5f4e85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-cb540f3{--spacer-size:50px;}.elementor-1926 .elementor-element.elementor-element-cb540f3 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-77bba7a{--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-1926 .elementor-element.elementor-element-535aaa7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-535aaa7{text-align:center;}.elementor-1926 .elementor-element.elementor-element-535aaa7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-1926 .elementor-element.elementor-element-7c12543{--spacer-size:10px;}.elementor-1926 .elementor-element.elementor-element-38ce716{--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-1926 .elementor-element.elementor-element-38ce716:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-38ce716 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4546ed3 );}.elementor-1926 .elementor-element.elementor-element-fa85cca{--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-1926 .elementor-element.elementor-element-0dead4b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-0dead4b .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-1926 .elementor-element.elementor-element-141aab1 > .elementor-widget-container{margin:0px 0px 0px 13px;}.elementor-1926 .elementor-element.elementor-element-141aab1{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-1944e29{--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-1926 .elementor-element.elementor-element-1944e29:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-1944e29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4546ed3 );}.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-1926 .elementor-element.elementor-element-231cda3{--display:flex;}.elementor-1926 .elementor-element.elementor-element-dfeb26b img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-dfbabb1{--display:flex;}.elementor-1926 .elementor-element.elementor-element-605df27 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-f63e8f7{--display:flex;}.elementor-1926 .elementor-element.elementor-element-4e1e4f6 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-98367d2{--display:flex;}.elementor-1926 .elementor-element.elementor-element-e58c488 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-b41fc22{--display:flex;}.elementor-1926 .elementor-element.elementor-element-0d92e1b img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-06a91e3{--display:flex;}.elementor-1926 .elementor-element.elementor-element-1b30b35 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-ee7937b{--display:flex;}.elementor-1926 .elementor-element.elementor-element-868a45e img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-bcbe37d{--display:flex;}.elementor-1926 .elementor-element.elementor-element-2ab6686 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-1fe0820{--display:flex;}.elementor-1926 .elementor-element.elementor-element-fd5eaed img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-dbe6bc3{--display:flex;}.elementor-1926 .elementor-element.elementor-element-777dea7 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-b36304a{--display:flex;}.elementor-1926 .elementor-element.elementor-element-f8c4c55 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-febc063{--display:flex;}.elementor-1926 .elementor-element.elementor-element-562527f img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-2f0e687{--display:flex;}.elementor-1926 .elementor-element.elementor-element-d851b1d img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-6a25a08{--display:flex;}.elementor-1926 .elementor-element.elementor-element-c4d6a4b img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-90ad6d1{--display:flex;}.elementor-1926 .elementor-element.elementor-element-5503bad img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-4e551d6{--display:flex;}.elementor-1926 .elementor-element.elementor-element-4db9a95 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-7510998{--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:flex-start;--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:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:20px;--n-tabs-gap:0px;--n-tabs-title-border-radius:50% 50% 50% 50%;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:12px;}.elementor-1926 .elementor-element.elementor-element-7510998.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-c85cdf8 );}.elementor-1926 .elementor-element.elementor-element-7510998.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1926 .elementor-element.elementor-element-7510998.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-c85cdf8 );}.elementor-1926 .elementor-element.elementor-element-7510998 > .elementor-widget-container{padding:10px 4px 10px 4px;border-style:none;border-radius:1px 1px 1px 1px;}.elementor-1926 .elementor-element.elementor-element-a62bf53{--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-1926 .elementor-element.elementor-element-5684189 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-5684189 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:700;}.elementor-1926 .elementor-element.elementor-element-36f2fbe > .elementor-widget-container{margin:0px 0px 0px 13px;}.elementor-1926 .elementor-element.elementor-element-36f2fbe{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-96824d3{--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-1926 .elementor-element.elementor-element-96824d3:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-96824d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4546ed3 );}.elementor-1926 .elementor-element.elementor-element-a9dee9e{--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-1926 .elementor-element.elementor-element-f394cfb{--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-1926 .elementor-element.elementor-element-c5f464e{text-align:center;}.elementor-1926 .elementor-element.elementor-element-c5f464e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:700;}.elementor-1926 .elementor-element.elementor-element-d11144b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1926 .elementor-element.elementor-element-d11144b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1926 .elementor-element.elementor-element-d11144b > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-788327d );}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table{max-width:100%;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table .table-header th{padding:8px 8px 8px 8px;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody tr td .th-mobile-screen{padding:8px 8px 8px 8px;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table thead tr th{color:var( --e-global-color-579e4b4 );background-color:var( --e-global-color-b3aafad );border-style:none;}.elementor-1926 .elementor-element.elementor-element-d11144b table.dataTable thead .sorting:after{color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-d11144b table.dataTable thead .sorting_asc:after{color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-d11144b table.dataTable thead .sorting_desc:after{color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table thead tr th:hover{color:#fff;}.elementor-1926 .elementor-element.elementor-element-d11144b table.dataTable thead .sorting:after:hover{color:#fff;}.elementor-1926 .elementor-element.elementor-element-d11144b table.dataTable thead .sorting_asc:after:hover{color:#fff;}.elementor-1926 .elementor-element.elementor-element-d11144b table.dataTable thead .sorting_desc:after:hover{color:#fff;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table thead > tr th .data-table-header-text{font-family:"Poppins", Sans-serif;font-size:15px;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table thead tr th i{font-size:1px;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table thead tr th .data-table-header-svg-icon{height:1px;width:1px;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table thead tr th .data-header-icon{top:1px;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody > tr:nth-child(2n) td{color:#000000;background:#f2f2f2;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody > tr:nth-child(2n+1) td{color:#000000;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody tr td{padding:6px 6px 6px 6px;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody > tr:nth-child(2n+1) td:hover{color:#6d7882;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table-wrap table td a{color:#c15959;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table-wrap table td a:hover{color:#6d7882;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody .td-content-wrapper{text-align:left;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody .td-content-wrapper .eael-datatable-icon i{font-size:20px;color:#c15959;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody .td-content-wrapper .eael-datatable-icon svg{height:20px;width:20px;fill:#c15959;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon i{color:#6d7882;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon svg{fill:#6d7882;}.elementor-1926 .elementor-element.elementor-element-ba26669{--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-1926 .elementor-element.elementor-element-05020a4{--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-1926 .elementor-element.elementor-element-75195af{--spacer-size:70px;}.elementor-1926 .elementor-element.elementor-element-c70a8c3{text-align:start;}.elementor-1926 .elementor-element.elementor-element-c70a8c3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-208e1d3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-208e1d3{text-align:start;font-family:"Raleway", Sans-serif;font-size:15px;font-weight:600;line-height:27px;letter-spacing:0px;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-208e1d3 p{margin-block-end:0px;}.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-1926 .elementor-element.elementor-element-a812e8b .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-1926 .elementor-element.elementor-element-a812e8b .elementor-button:hover, .elementor-1926 .elementor-element.elementor-element-a812e8b .elementor-button:focus{background-color:var( --e-global-color-b3aafad );}.elementor-1926 .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-1926 .elementor-element.elementor-element-e91332c:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-e91332c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-a561ec6{--display:flex;}.elementor-1926 .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-1926 .elementor-element.elementor-element-0ee9847 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-0ee9847 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:700;}.elementor-1926 .elementor-element.elementor-element-2bcc501 > .elementor-widget-container{margin:0px 0px 0px 13px;}.elementor-1926 .elementor-element.elementor-element-2bcc501{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-f82d49a{--display:flex;}.elementor-1926 .elementor-element.elementor-element-f05e953 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-c389f1e{--display:flex;}.elementor-1926 .elementor-element.elementor-element-6de238a img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-1571c10{--display:flex;}.elementor-1926 .elementor-element.elementor-element-3dfe79d img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-a1b638a{--display:flex;}.elementor-1926 .elementor-element.elementor-element-792c8da img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-28fcfcc{--display:flex;}.elementor-1926 .elementor-element.elementor-element-9e6386f img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-0e12cdd{--display:flex;}.elementor-1926 .elementor-element.elementor-element-f08b17d img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-b594636{--display:flex;}.elementor-1926 .elementor-element.elementor-element-e9004a1 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-a2b2d09{--display:flex;}.elementor-1926 .elementor-element.elementor-element-9edae8c img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-b02684b{--display:flex;}.elementor-1926 .elementor-element.elementor-element-ad7d946 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-84e7ce4{--display:flex;}.elementor-1926 .elementor-element.elementor-element-87108e4 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-1fa0b8f{--display:flex;}.elementor-1926 .elementor-element.elementor-element-b5990e9 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-116ad53{--display:flex;}.elementor-1926 .elementor-element.elementor-element-3611e28 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-cc0bbe0{--display:flex;}.elementor-1926 .elementor-element.elementor-element-bfd1dd0 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-ed8c0d0{--display:flex;}.elementor-1926 .elementor-element.elementor-element-add72d2 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-41d009f{--display:flex;}.elementor-1926 .elementor-element.elementor-element-006fcbb img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-c22d1e6{--display:flex;}.elementor-1926 .elementor-element.elementor-element-dcbffa6 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-5116568{--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-gap:20px;--n-tabs-gap:0px;--n-tabs-title-border-radius:50% 50% 50% 50%;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:12px;}.elementor-1926 .elementor-element.elementor-element-5116568.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-c85cdf8 );}.elementor-1926 .elementor-element.elementor-element-5116568.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1926 .elementor-element.elementor-element-5116568.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-c85cdf8 );}.elementor-1926 .elementor-element.elementor-element-5116568 > .elementor-widget-container{padding:10px 4px 10px 4px;border-style:none;border-radius:1px 1px 1px 1px;}.elementor-1926 .elementor-element.elementor-element-4327143{--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-1926 .elementor-element.elementor-element-a6a7429 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-a6a7429 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:700;}.elementor-1926 .elementor-element.elementor-element-dfd72f9 > .elementor-widget-container{margin:0px 0px 0px 13px;}.elementor-1926 .elementor-element.elementor-element-dfd72f9{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-f59d092{--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-1926 .elementor-element.elementor-element-f59d092:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-f59d092 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-698ed55{--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-1926 .elementor-element.elementor-element-7cb9891{--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-1926 .elementor-element.elementor-element-265f5c8{text-align:center;}.elementor-1926 .elementor-element.elementor-element-265f5c8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:700;}.elementor-1926 .elementor-element.elementor-element-478f0c0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1926 .elementor-element.elementor-element-478f0c0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1926 .elementor-element.elementor-element-478f0c0 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-788327d );}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table{max-width:100%;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table .table-header th{padding:8px 8px 8px 8px;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody tr td .th-mobile-screen{padding:8px 8px 8px 8px;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table thead tr th{color:var( --e-global-color-579e4b4 );background-color:var( --e-global-color-b3aafad );border-style:none;}.elementor-1926 .elementor-element.elementor-element-478f0c0 table.dataTable thead .sorting:after{color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-478f0c0 table.dataTable thead .sorting_asc:after{color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-478f0c0 table.dataTable thead .sorting_desc:after{color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table thead tr th:hover{color:#fff;}.elementor-1926 .elementor-element.elementor-element-478f0c0 table.dataTable thead .sorting:after:hover{color:#fff;}.elementor-1926 .elementor-element.elementor-element-478f0c0 table.dataTable thead .sorting_asc:after:hover{color:#fff;}.elementor-1926 .elementor-element.elementor-element-478f0c0 table.dataTable thead .sorting_desc:after:hover{color:#fff;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table thead > tr th .data-table-header-text{font-family:"Poppins", Sans-serif;font-size:15px;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table thead tr th i{font-size:1px;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table thead tr th .data-table-header-svg-icon{height:1px;width:1px;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table thead tr th .data-header-icon{top:1px;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody > tr:nth-child(2n) td{color:#000000;background:#f2f2f2;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody > tr:nth-child(2n+1) td{color:#000000;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody tr td{padding:6px 6px 6px 6px;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody > tr:nth-child(2n+1) td:hover{color:#6d7882;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table-wrap table td a{color:#c15959;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table-wrap table td a:hover{color:#6d7882;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody .td-content-wrapper{text-align:left;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon i{font-size:20px;color:#c15959;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon svg{height:20px;width:20px;fill:#c15959;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon i{color:#6d7882;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon svg{fill:#6d7882;}.elementor-1926 .elementor-element.elementor-element-04a9471{--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-1926 .elementor-element.elementor-element-633becc{--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-1926 .elementor-element.elementor-element-a69d477{--spacer-size:70px;}.elementor-1926 .elementor-element.elementor-element-3b68845{text-align:start;}.elementor-1926 .elementor-element.elementor-element-3b68845 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-aff961c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-aff961c{text-align:start;font-family:"Raleway", Sans-serif;font-size:15px;font-weight:600;line-height:27px;letter-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-aff961c p{margin-block-end:0px;}.elementor-1926 .elementor-element.elementor-element-f87cd1a .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-1926 .elementor-element.elementor-element-f87cd1a .elementor-button:hover, .elementor-1926 .elementor-element.elementor-element-f87cd1a .elementor-button:focus{background-color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-a5625f9{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1926 .elementor-element.elementor-element-a5625f9:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-a5625f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4546ed3 );}.elementor-1926 .elementor-element.elementor-element-84acb68{--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-1926 .elementor-element.elementor-element-5377c4f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-5377c4f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-1926 .elementor-element.elementor-element-6d6920d > .elementor-widget-container{margin:0px 0px 0px 13px;}.elementor-1926 .elementor-element.elementor-element-6d6920d{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-f323133{--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-1926 .elementor-element.elementor-element-9aa5733{--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-1926 .elementor-element.elementor-element-c332629 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-c332629 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-1926 .elementor-element.elementor-element-52ba4c4 > .elementor-widget-container{margin:0px 0px 0px 13px;}.elementor-1926 .elementor-element.elementor-element-52ba4c4{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-d870e74{--display:flex;}.elementor-1926 .elementor-element.elementor-element-3744c9b img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-467bf65{--display:flex;}.elementor-1926 .elementor-element.elementor-element-31929a9 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-a394d41{--display:flex;}.elementor-1926 .elementor-element.elementor-element-6bff56c img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-efdb2a9{--display:flex;}.elementor-1926 .elementor-element.elementor-element-ff2e26f img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-c302a66{--display:flex;}.elementor-1926 .elementor-element.elementor-element-40eefbf img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-c488636{--display:flex;}.elementor-1926 .elementor-element.elementor-element-7fdc0b3 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-028c988{--display:flex;}.elementor-1926 .elementor-element.elementor-element-e4751ec img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-19e2f16{--display:flex;}.elementor-1926 .elementor-element.elementor-element-2069d58 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-9989496{--display:flex;}.elementor-1926 .elementor-element.elementor-element-b4b7378 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-d3b5017{--display:flex;}.elementor-1926 .elementor-element.elementor-element-692070c img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-aeb5c8f{--display:flex;}.elementor-1926 .elementor-element.elementor-element-a794ac8 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-8642cd3{--display:flex;}.elementor-1926 .elementor-element.elementor-element-a582084 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-4e5d39f{--display:flex;}.elementor-1926 .elementor-element.elementor-element-0aab0c4 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-c0a6b8f{--display:flex;}.elementor-1926 .elementor-element.elementor-element-8f96f1b img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-34f72b9{--display:flex;}.elementor-1926 .elementor-element.elementor-element-5f22d0e img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-dfd3e85{--display:flex;}.elementor-1926 .elementor-element.elementor-element-0eac1b9 img{border-radius:50px 50px 50px 50px;}.elementor-1926 .elementor-element.elementor-element-74ea99b{--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:flex-start;--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:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:20px;--n-tabs-gap:0px;--n-tabs-title-border-radius:50% 50% 50% 50%;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:12px;}.elementor-1926 .elementor-element.elementor-element-74ea99b.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-c85cdf8 );}.elementor-1926 .elementor-element.elementor-element-74ea99b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1926 .elementor-element.elementor-element-74ea99b.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-c85cdf8 );}.elementor-1926 .elementor-element.elementor-element-74ea99b > .elementor-widget-container{padding:10px 4px 10px 4px;border-style:none;border-radius:1px 1px 1px 1px;}.elementor-1926 .elementor-element.elementor-element-1ae7e8b .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-1926 .elementor-element.elementor-element-1ae7e8b .elementor-button:hover, .elementor-1926 .elementor-element.elementor-element-1ae7e8b .elementor-button:focus{background-color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-64a8bed{--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-1926 .elementor-element.elementor-element-64a8bed:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-64a8bed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-579e4b4 );}.elementor-1926 .elementor-element.elementor-element-a5286a5{--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-1926 .elementor-element.elementor-element-a5286a5:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-a5286a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1926 .elementor-element.elementor-element-83e621a{--spacer-size:50px;}.elementor-1926 .elementor-element.elementor-element-a99bd34{text-align:center;}.elementor-1926 .elementor-element.elementor-element-a99bd34 .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-1926 .elementor-element.elementor-element-7fd9d55{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-1926 .elementor-element.elementor-element-7fd9d55.elementor-element{--align-self:center;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:8px;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-8px;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group > label, .elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-subgroup label{color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group .elementor-field{color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group .elementor-field, .elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-subgroup label{font-family:"Raleway", Sans-serif;font-weight:500;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-579e4b4 );border-radius:2px 2px 2px 2px;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-579e4b4 );border-radius:2px 2px 2px 2px;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-b3aafad );color:#ffffff;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-button[type="submit"]{background-color:var( --e-global-color-b3aafad );color:#ffffff;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-b3aafad );color:#ffffff;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-c85cdf8 );color:#ffffff;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-c85cdf8 );color:#ffffff;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .e-form__buttons__wrapper__button-previous:hover{background-color:var( --e-global-color-c85cdf8 );color:#ffffff;}.elementor-1926 .elementor-element.elementor-element-7fd9d55 .elementor-button{border-radius:5px 5px 5px 5px;}.elementor-1926 .elementor-element.elementor-element-b41efad{--spacer-size:50px;}.elementor-1926 .elementor-element.elementor-element-e7aae5e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1926 .elementor-element.elementor-element-e7aae5e:not(.elementor-motion-effects-element-type-background), .elementor-1926 .elementor-element.elementor-element-e7aae5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4546ed3 );}.elementor-1926 .elementor-element.elementor-element-3bb4cd5{--spacer-size:50px;}.elementor-1926 .elementor-element.elementor-element-dd64286{text-align:center;}.elementor-1926 .elementor-element.elementor-element-dd64286 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-2ee48d5{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-1926 .elementor-element.elementor-element-3e3b353{--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-1926 .elementor-element.elementor-element-6342a58 .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-1926 .elementor-element.elementor-element-ba55549{font-family:"Raleway", Sans-serif;font-weight:600;color:var( --e-global-color-b3aafad );}.elementor-1926 .elementor-element.elementor-element-1d86235{--spacer-size:50px;}@media(max-width:1024px){.elementor-1926 .elementor-element.elementor-element-7510998{--n-tabs-title-gap:10px;}.elementor-1926 .elementor-element.elementor-element-5116568{--n-tabs-title-gap:10px;}.elementor-1926 .elementor-element.elementor-element-74ea99b{--n-tabs-title-gap:10px;}}@media(max-width:767px){.elementor-1926 .elementor-element.elementor-element-535aaa7 .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-0dead4b > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-1926 .elementor-element.elementor-element-0dead4b{text-align:center;}.elementor-1926 .elementor-element.elementor-element-0dead4b .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-141aab1 > .elementor-widget-container{margin:-15px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-141aab1{text-align:start;font-size:13px;line-height:1.2em;letter-spacing:0.3px;}.elementor-1926 .elementor-element.elementor-element-7510998{--n-tabs-title-gap:10px;--n-tabs-title-padding-top:11px;--n-tabs-title-padding-right:11px;--n-tabs-title-padding-bottom:11px;--n-tabs-title-padding-left:11px;}.elementor-1926 .elementor-element.elementor-element-5684189{text-align:center;}.elementor-1926 .elementor-element.elementor-element-5684189 .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-36f2fbe{font-size:12px;line-height:1.2em;letter-spacing:0.3px;}.elementor-1926 .elementor-element.elementor-element-96824d3{--content-width:455px;--min-height:0px;}.elementor-1926 .elementor-element.elementor-element-c5f464e .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-d11144b{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table thead > tr th .data-table-header-text{font-size:15px;}.elementor-1926 .elementor-element.elementor-element-d11144b .eael-data-table tbody tr td{font-size:12px;}.elementor-1926 .elementor-element.elementor-element-c70a8c3 .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-208e1d3 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-208e1d3{font-size:12px;line-height:1.2em;letter-spacing:0.3px;}.elementor-1926 .elementor-element.elementor-element-a812e8b{width:var( --container-widget-width, 165px );max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0;}.elementor-1926 .elementor-element.elementor-element-a812e8b.elementor-element{--align-self:center;}.elementor-1926 .elementor-element.elementor-element-a812e8b .elementor-button{border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-1926 .elementor-element.elementor-element-0ee9847{text-align:center;}.elementor-1926 .elementor-element.elementor-element-0ee9847 .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-2bcc501 > .elementor-widget-container{margin:-15px 0px -10px 0px;}.elementor-1926 .elementor-element.elementor-element-2bcc501{font-size:13px;line-height:1.2em;letter-spacing:0.3px;}.elementor-1926 .elementor-element.elementor-element-5116568{--n-tabs-title-gap:10px;--n-tabs-title-padding-top:11px;--n-tabs-title-padding-right:11px;--n-tabs-title-padding-bottom:11px;--n-tabs-title-padding-left:11px;}.elementor-1926 .elementor-element.elementor-element-a6a7429{text-align:center;}.elementor-1926 .elementor-element.elementor-element-a6a7429 .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-dfd72f9{font-size:12px;line-height:1.2em;letter-spacing:0.3px;}.elementor-1926 .elementor-element.elementor-element-265f5c8 .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-478f0c0{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table thead > tr th .data-table-header-text{font-size:15px;}.elementor-1926 .elementor-element.elementor-element-478f0c0 .eael-data-table tbody tr td{font-size:12px;}.elementor-1926 .elementor-element.elementor-element-3b68845 .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-aff961c > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-aff961c{font-size:12px;line-height:1.2em;letter-spacing:0.3px;}.elementor-1926 .elementor-element.elementor-element-f87cd1a{width:var( --container-widget-width, 165px );max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0;}.elementor-1926 .elementor-element.elementor-element-f87cd1a.elementor-element{--align-self:center;}.elementor-1926 .elementor-element.elementor-element-f87cd1a .elementor-button{border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-1926 .elementor-element.elementor-element-5377c4f{text-align:center;}.elementor-1926 .elementor-element.elementor-element-5377c4f .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-6d6920d{font-size:12px;line-height:1.2em;letter-spacing:0.3px;}.elementor-1926 .elementor-element.elementor-element-c332629{text-align:center;}.elementor-1926 .elementor-element.elementor-element-c332629 .elementor-heading-title{font-size:30px;}.elementor-1926 .elementor-element.elementor-element-52ba4c4 > .elementor-widget-container{margin:-15px 0px -10px 0px;}.elementor-1926 .elementor-element.elementor-element-52ba4c4{font-size:13px;line-height:1.2em;letter-spacing:0.3px;}.elementor-1926 .elementor-element.elementor-element-74ea99b{--n-tabs-title-gap:10px;--n-tabs-title-padding-top:11px;--n-tabs-title-padding-right:11px;--n-tabs-title-padding-bottom:11px;--n-tabs-title-padding-left:11px;}.elementor-1926 .elementor-element.elementor-element-1ae7e8b{width:var( --container-widget-width, 165px );max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0;}.elementor-1926 .elementor-element.elementor-element-1ae7e8b.elementor-element{--align-self:center;}.elementor-1926 .elementor-element.elementor-element-1ae7e8b .elementor-button{border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-1926 .elementor-element.elementor-element-a99bd34 .elementor-heading-title{font-size:28px;}.elementor-1926 .elementor-element.elementor-element-7fd9d55{--container-widget-width:250px;--container-widget-flex-grow:0;width:var( --container-widget-width, 250px );max-width:250px;}.elementor-1926 .elementor-element.elementor-element-dd64286 > .elementor-widget-container{padding:0px 05px 0px 05px;}.elementor-1926 .elementor-element.elementor-element-dd64286 .elementor-heading-title{font-size:24px;}.elementor-1926 .elementor-element.elementor-element-2ee48d5 > .elementor-widget-container{margin:-15px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-2ee48d5{text-align:center;font-size:13px;line-height:1.2em;}.elementor-1926 .elementor-element.elementor-element-6342a58{width:var( --container-widget-width, 165px );max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0;}.elementor-1926 .elementor-element.elementor-element-6342a58 .elementor-button{font-size:15px;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-1926 .elementor-element.elementor-element-ba55549 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 015px 0px 015px;}.elementor-1926 .elementor-element.elementor-element-ba55549{text-align:center;font-size:13px;}}@media(min-width:768px){.elementor-1926 .elementor-element.elementor-element-38ce716{--content-width:1400px;}.elementor-1926 .elementor-element.elementor-element-fa85cca{--width:33.3333%;}.elementor-1926 .elementor-element.elementor-element-1944e29{--width:80%;}.elementor-1926 .elementor-element.elementor-element-a62bf53{--width:33.3333%;}.elementor-1926 .elementor-element.elementor-element-96824d3{--content-width:1200px;}.elementor-1926 .elementor-element.elementor-element-a9dee9e{--width:50%;}.elementor-1926 .elementor-element.elementor-element-ba26669{--width:50%;}.elementor-1926 .elementor-element.elementor-element-e91332c{--content-width:1400px;}.elementor-1926 .elementor-element.elementor-element-a561ec6{--width:100%;}.elementor-1926 .elementor-element.elementor-element-7c18147{--width:33.3333%;}.elementor-1926 .elementor-element.elementor-element-f82d49a{--width:100%;}.elementor-1926 .elementor-element.elementor-element-28fcfcc{--width:100%;}.elementor-1926 .elementor-element.elementor-element-0e12cdd{--width:100%;}.elementor-1926 .elementor-element.elementor-element-84e7ce4{--width:100%;}.elementor-1926 .elementor-element.elementor-element-4327143{--width:33.3333%;}.elementor-1926 .elementor-element.elementor-element-f59d092{--content-width:1200px;}.elementor-1926 .elementor-element.elementor-element-698ed55{--width:50%;}.elementor-1926 .elementor-element.elementor-element-04a9471{--width:50%;}.elementor-1926 .elementor-element.elementor-element-a5625f9{--content-width:1400px;}.elementor-1926 .elementor-element.elementor-element-84acb68{--width:33.3333%;}.elementor-1926 .elementor-element.elementor-element-f323133{--width:80%;}.elementor-1926 .elementor-element.elementor-element-9aa5733{--width:33.3333%;}.elementor-1926 .elementor-element.elementor-element-3e3b353{--width:35%;}}/* Start custom CSS for nested-tabs, class: .elementor-element-7510998 */.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(1),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(1) {
    background-color: #d8c29b !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(2),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(2) {
    background-color: #e2d8be !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(3),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(3) {
    background-color: #919191 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(4),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(4) {
    background-color: #666666 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(5),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(5) {
    background-color: #e19800 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(6),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(6) {
    background-color: #e3ad00 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(7),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(7) {
    background-color: #ebe5d9 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(8),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(8) {
    background-color: #8d6b52 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(9),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(9) {
    background-color: #ad3342 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(10),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(10) {
    background-color: #c53332 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(11),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(11) {
    background-color: #487832 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(12),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(12) {
    background-color: #503834 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(13),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(13) {
    background-color: #172553 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(14),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(14) {
    background-color: #367193 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(15),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(15) {
    background-color: #211f25 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-7510998 .e-n-tab-title:nth-child(16),
.elementor-1926 .elementor-element.elementor-element-7510998 .elementor-tab-title:nth-child(16) {
    background-color: #efefef !important;
        border: 2px solid #888888 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ce716 */<!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 text-editor, class: .elementor-element-208e1d3 */.elementor-1926 .elementor-element.elementor-element-208e1d3 ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-5116568 */.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(1),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(1) {
    background-color: #d8c29b !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(2),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(2) {
    background-color: #e2d8be !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(3),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(3) {
    background-color: #919191 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(4),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(4) {
    background-color: #666666 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(5),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(5) {
    background-color: #e19800 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(6),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(6) {
    background-color: #e3ad00 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(7),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(7) {
    background-color: #ebe5d9 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(8),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(8) {
    background-color: #8d6b52 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(9),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(9) {
    background-color: #ad3342 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(10),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(10) {
    background-color: #c53332 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(11),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(11) {
    background-color: #487832 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(12),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(12) {
    background-color: #503834 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(13),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(13) {
    background-color: #172553 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(14),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(14) {
    background-color: #367193 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(15),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(15) {
    background-color: #211f25 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-5116568 .e-n-tab-title:nth-child(16),
.elementor-1926 .elementor-element.elementor-element-5116568 .elementor-tab-title:nth-child(16) {
    background-color: #efefef !important;
        border: 2px solid #888888 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e91332c */<!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 text-editor, class: .elementor-element-aff961c */.elementor-1926 .elementor-element.elementor-element-aff961c ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-74ea99b */.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(1),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(1) {
    background-color: #d8c29b !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(2),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(2) {
    background-color: #e2d8be !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(3),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(3) {
    background-color: #919191 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(4),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(4) {
    background-color: #666666 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(5),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(5) {
    background-color: #e19800 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(6),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(6) {
    background-color: #e3ad00 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(7),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(7) {
    background-color: #ebe5d9 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(8),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(8) {
    background-color: #8d6b52 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(9),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(9) {
    background-color: #ad3342 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(10),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(10) {
    background-color: #c53332 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(11),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(11) {
    background-color: #487832 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(12),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(12) {
    background-color: #503834 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(13),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(13) {
    background-color: #172553 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(14),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(14) {
    background-color: #367193 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(15),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(15) {
    background-color: #211f25 !important;
        border: 2px solid #888888 !important;
}

.elementor-1926 .elementor-element.elementor-element-74ea99b .e-n-tab-title:nth-child(16),
.elementor-1926 .elementor-element.elementor-element-74ea99b .elementor-tab-title:nth-child(16) {
    background-color: #efefef !important;
        border: 2px solid #888888 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5625f9 */<!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-7fd9d55 */.elementor-1926 .elementor-element.elementor-element-7fd9d55 .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 */