.elementor-widget-container .e-frontend-copy .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-8769 .elementor-element.elementor-element-bf5f2e4{--display:flex;--min-height:1px;--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;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-8769 .elementor-element.elementor-element-bbc1343{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-image .e-frontend-copy .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-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-8769 .elementor-element.elementor-element-46ab939{text-align:start;}.elementor-8769 .elementor-element.elementor-element-46ab939 img{width:30%;}.elementor-8769 .elementor-element.elementor-element-9bf33fd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items: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-widget-button .e-frontend-copy .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-8769 .elementor-element.elementor-element-d74648f .elementor-button{background-color:#00000000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:300;fill:#000000;color:#000000;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8769 .elementor-element.elementor-element-d74648f{width:100%;max-width:100%;z-index:56;}.elementor-8769 .elementor-element.elementor-element-d74648f > .elementor-widget-container{margin:0px 0px -6px 0px;}.elementor-8769 .elementor-element.elementor-element-d74648f.elementor-element{--align-self:flex-start;}.elementor-8769 .elementor-element.elementor-element-49340386{--display:flex;--min-height:50vh;--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;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-8769 .elementor-element.elementor-element-1031fe0d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8769 .elementor-element.elementor-element-1bfc0762 .elementor-button{background-color:#61CE7000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:500;fill:#000000;color:#000000;border-radius:50px 50px 50px 50px;padding:6px 10px 6px 10px;}.elementor-8769 .elementor-element.elementor-element-1bfc0762 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-widget-heading .e-frontend-copy .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-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-8769 .elementor-element.elementor-element-4fca3692 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-8769 .elementor-element.elementor-element-4fca3692 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:70px;font-weight:600;line-height:90px;letter-spacing:0.4px;}.elementor-widget-animated-headline .e-frontend-copy .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-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-8769 .elementor-element.elementor-element-475af00f{--iteration-count:infinite;--dynamic-text-color:#000000;--typing-selected-bg-color:#3DA2F8;--typing-selected-color:#000000;}.elementor-8769 .elementor-element.elementor-element-475af00f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8769 .elementor-element.elementor-element-475af00f .elementor-headline{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:70px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-475af00f .elementor-headline-plain-text{color:#000000;}.elementor-8769 .elementor-element.elementor-element-475af00f .elementor-headline-dynamic-text{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:700;letter-spacing:0.4px;}.elementor-widget-text-editor .e-frontend-copy .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-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-8769 .elementor-element.elementor-element-3956d6fc{text-align:center;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.2rem;letter-spacing:0.2px;color:#7A7A7A;}.elementor-widget-html .e-frontend-copy .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-8769 .elementor-element.elementor-element-1e6fc0ee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8769 .elementor-element.elementor-element-49ddd632 .elementor-button{background-color:#000000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:14px 14px 14px 14px;padding:15px 17px 15px 17px;}.elementor-8769 .elementor-element.elementor-element-5f84532 .elementor-button{background-color:#FFFFFF;font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:14px 14px 14px 14px;}.elementor-8769 .elementor-element.elementor-element-4d2816fd{--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-wds_catalog .e-frontend-copy .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-8769 .elementor-element.elementor-element-107da5dd .wds-catalog-tab-btn{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;}.elementor-8769 .elementor-element.elementor-element-107da5dd .wds-catalog-card__title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-8769 .elementor-element.elementor-element-107da5dd .wds-btn-preview, .elementor-8769 .elementor-element.elementor-element-107da5dd .wds-btn-dropdown-toggle{font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;}.elementor-8769 .elementor-element.elementor-element-107da5dd .wds-btn-checkout{font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;}.elementor-8769 .elementor-element.elementor-element-107da5dd .wds-btn-checkout, .elementor-8769 .elementor-element.elementor-element-107da5dd .wds-dropdown-count{color:#FFFFFF;background-color:#2861E2;}.elementor-8769 .elementor-element.elementor-element-107da5dd .wds-preview-dropdown-item:hover{color:#2861E2;}.elementor-8769 .elementor-element.elementor-element-107da5dd .wds-buy-modal-content{max-width:450px;}.elementor-8769 .elementor-element.elementor-element-5d42d60{--display:flex;--z-index:999;}.elementor-widget-spacer .e-frontend-copy .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-8769 .elementor-element.elementor-element-10657cb9{--spacer-size:75px;}.elementor-8769 .elementor-element.elementor-element-5684822{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box .e-frontend-copy .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-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-8769 .elementor-element.elementor-element-91a3ce6 .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-91a3ce6 .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-91a3ce6 .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-91a3ce6 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-91a3ce6 .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-91a3ce6 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-2ce68cf{--display:flex;--min-height:85vh;--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;}.elementor-8769 .elementor-element.elementor-element-d45c6e9{--display:flex;--z-index:999;}.elementor-8769 .elementor-element.elementor-element-8cca044{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-e841824 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon-box-wrapper{gap:2px;}.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon{font-size:22px;}.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon-box-title, .elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;}.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon-box-title{color:#7A7A7A;}.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:600;color:#7A7A7A;}@media(max-width:1024px){.elementor-8769 .elementor-element.elementor-element-4fca3692 .elementor-heading-title{font-size:38px;line-height:55px;}.elementor-8769 .elementor-element.elementor-element-475af00f .elementor-headline{font-size:38px;}.elementor-8769 .elementor-element.elementor-element-5684822{--grid-auto-flow:row;}.elementor-8769 .elementor-element.elementor-element-8cca044{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-8769 .elementor-element.elementor-element-bf5f2e4{--content-width:1200px;}.elementor-8769 .elementor-element.elementor-element-bbc1343{--width:65%;}.elementor-8769 .elementor-element.elementor-element-9bf33fd{--width:35%;}.elementor-8769 .elementor-element.elementor-element-49340386{--content-width:1200px;}.elementor-8769 .elementor-element.elementor-element-1031fe0d{--width:100%;}.elementor-8769 .elementor-element.elementor-element-4d2816fd{--content-width:1200px;}.elementor-8769 .elementor-element.elementor-element-5684822{--content-width:300px;}.elementor-8769 .elementor-element.elementor-element-8cca044{--content-width:300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8769 .elementor-element.elementor-element-bbc1343{--width:65%;}.elementor-8769 .elementor-element.elementor-element-9bf33fd{--width:35%;}.elementor-8769 .elementor-element.elementor-element-5684822{--content-width:300px;}.elementor-8769 .elementor-element.elementor-element-8cca044{--content-width:300px;}}@media(max-width:767px){.elementor-8769 .elementor-element.elementor-element-bbc1343{--width:65%;}.elementor-8769 .elementor-element.elementor-element-46ab939 img{width:55%;}.elementor-8769 .elementor-element.elementor-element-9bf33fd{--width:35%;}.elementor-8769 .elementor-element.elementor-element-4fca3692 .elementor-heading-title{font-size:32px;}.elementor-8769 .elementor-element.elementor-element-475af00f .elementor-headline{font-size:32px;}.elementor-8769 .elementor-element.elementor-element-475af00f .elementor-headline-dynamic-text{line-height:40px;}.elementor-8769 .elementor-element.elementor-element-5684822{--content-width:300px;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8769 .elementor-element.elementor-element-8cca044{--content-width:300px;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for button, class: .elementor-element-d74648f *//* 1. Atur transisi pada posisi awal ikon agar gerakannya mulus */
.elementor-8769 .elementor-element.elementor-element-d74648f .elementor-button-text::before {
    content: "\f0c9"; /* Ikon Panah ke Kanan */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    font-size: 0.8em;
    display: inline-block; /* Wajib diubah ke inline-block agar properti transform bisa bekerja */
    transition: transform 0.3s ease; /* Mengatur durasi animasi geser (0.3 detik) */
}

/* 2. Efek ketika tombol di-HOVER (Ikon bergeser ke kanan sejauh 5px) */
.elementor-8769 .elementor-element.elementor-element-d74648f .elementor-button:hover .elementor-button-text::after {
    transform: translateX(5px);
}

/* 1. Pengaturan dasar tombol agar efek cahaya tidak keluar dari bentuk tombol */
.elementor-8769 .elementor-element.elementor-element-d74648f .elementor-button {
    position: relative;
    overflow: hidden;
}

/* 2. Memastikan teks dan ikon tetap berada di depan efek cahaya */
.elementor-8769 .elementor-element.elementor-element-d74648f .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

/* 3. Membuat elemen highlight (efek cahaya miring putih) */
.elementor-8769 .elementor-element.elementor-element-d74648f .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Posisi awal di luar layar kiri */
    width: 50%; /* Lebar garis cahaya */
    height: 100%;
    /* Gradasi cahaya: transparan -> putih semi transparan -> transparan */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Membuat bentuk cahayanya miring */
    animation: tombol-shine 3s infinite; /* Animasi berjalan 3 detik dan terus berulang (infinite) */
    z-index: 1;
}

/* 4. Pergerakan animasi (Keyframes) */
@keyframes tombol-shine {
    0% {
        left: -100%; /* Mulai dari kiri */
    }
    20% {
        left: 200%; /* Bergerak cepat ke kanan melewati tombol */
    }
    100% {
        left: 200%; /* Sisa waktu (80%) digunakan untuk jeda sebelum cahaya muncul lagi */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf5f2e4 */.elementor-8769 .elementor-element.elementor-element-bf5f2e4{
/* From https://css.glass */
background-color: #ffffff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
border-radius: px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8.5px);
-webkit-backdrop-filter: blur(8.5px);
}

.elementor-8769 .elementor-element.elementor-element-bf5f2e4 {
    position: sticky;
    top: 0;
    z-index: 999;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1bfc0762 */.elementor-8769 .elementor-element.elementor-element-1bfc0762 .elementor-button {
  /* 1. Atur ketebalan border */
  border: 2px solid transparent !important;
  
  /* 2. Buat sudut melengkung penuh (pil/kapsul) */
  border-radius: 50px !important;
  
  /* 3. Trik Gradient: Layer 1 (Background Dalam), Layer 2 (Border) */
  background-image: 
    /* Ubah #f4f8fc sesuai dengan warna background web kamu */
    linear-gradient(#f4f8fc, #f4f8fc), 
    /* Ubah warna gradient untuk border-nya di sini */
    linear-gradient(to right, #6a82fb, #fc5c7d) !important;
    
  /* 4. Potong background agar membentuk border */
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
}

/* (Opsional) Mengubah warna teks pada tombol */
.elementor-8769 .elementor-element.elementor-element-1bfc0762 .elementor-button .elementor-button-text {
  color: #333333; /* Ubah warna teks sesuai kebutuhan */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4fca3692 */.elementor-8769 .elementor-element.elementor-element-4fca3692 {
  /* 1. Tentukan arah dan warna gradient */
  background-image: linear-gradient(to right, #2861e2, #3da2f8);
  
  /* 2. Potong background agar mengikuti bentuk teks */
  -webkit-background-clip: text;
  background-clip: text;
  
  /* 3. Buat warna teks asli menjadi transparan agar gradient terlihat */
  color: transparent;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-49ddd632 *//* Pastikan font-family diatur ke Font Awesome */
.elementor-8769 .elementor-element.elementor-element-49ddd632 .elementor-button-text::after {
    content: "\f0c1"; /* Icon 'external-link-alt' */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 8px;
    font-size: 0.8em; /* Ukuran sedikit lebih kecil agar rapi */
    display: inline-block; /* Wajib diubah ke inline-block agar properti transform bisa bekerja */
    transition: transform 0.3s ease; /* Mengatur durasi animasi geser (0.3 detik) */
}

/* Efek ketika tombol di-HOVER (Ikon bergeser ke kanan sejauh 5px) */
.elementor-8769 .elementor-element.elementor-element-49ddd632 .elementor-button:hover .elementor-button-text::after {
    transform: translateX(5px);
}

/* 1. Pengaturan dasar tombol agar efek cahaya tidak keluar dari bentuk tombol */
.elementor-8769 .elementor-element.elementor-element-49ddd632 .elementor-button {
    position: relative;
    overflow: hidden;
}

/* 2. Memastikan teks dan ikon tetap berada di depan efek cahaya */
.elementor-8769 .elementor-element.elementor-element-49ddd632 .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

/* 3. Membuat elemen highlight (efek cahaya miring putih) */
.elementor-8769 .elementor-element.elementor-element-49ddd632 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Posisi awal di luar layar kiri */
    width: 50%; /* Lebar garis cahaya */
    height: 100%;
    /* Gradasi cahaya: transparan -> putih semi transparan -> transparan */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Membuat bentuk cahayanya miring */
    animation: tombol-shine 3s infinite; /* Animasi berjalan 3 detik dan terus berulang (infinite) */
    z-index: 1;
}

/* 4. Pergerakan animasi (Keyframes) */
@keyframes tombol-shine {
    0% {
        left: -100%; /* Mulai dari kiri */
    }
    20% {
        left: 200%; /* Bergerak cepat ke kanan melewati tombol */
    }
    100% {
        left: 200%; /* Sisa waktu (80%) digunakan untuk jeda sebelum cahaya muncul lagi */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5f84532 */.elementor-8769 .elementor-element.elementor-element-5f84532 .elementor-button-text::after {
    content: "\f232"; /* Ini baru Unicode yang benar untuk WhatsApp */
    font-family: "Font Awesome 6 Brands"; 
    font-weight: 400; 
    margin-left: 8px;
    font-size: 0.9em;
    display: inline-block; /* Wajib diubah ke inline-block agar properti transform bisa bekerja */
    transition: transform 0.3s ease; /* Mengatur durasi animasi geser (0.3 detik) */
}

/* Efek ketika tombol di-HOVER (Ikon bergeser ke kanan sejauh 5px) */
.elementor-8769 .elementor-element.elementor-element-5f84532 .elementor-button:hover .elementor-button-text::after {
    transform: translateX(5px);
}

/* 1. Pengaturan dasar tombol agar efek cahaya tidak keluar dari bentuk tombol */
.elementor-8769 .elementor-element.elementor-element-5f84532 .elementor-button {
    position: relative;
    overflow: hidden;
}

/* 2. Memastikan teks dan ikon tetap berada di depan efek cahaya */
.elementor-8769 .elementor-element.elementor-element-5f84532 .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

/* 3. Membuat elemen highlight (efek cahaya miring diganti warna gelap) */
.elementor-8769 .elementor-element.elementor-element-5f84532 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Posisi awal di luar layar kiri */
    width: 50%; /* Lebar garis cahaya */
    height: 100%;
    
    /* UBAH DI SINI: Gradasi diganti ke hitam transparan (0,0,0) agar terlihat di background putih */
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0) 100%);
    
    transform: skewX(-25deg); /* Membuat bentuk cahayanya miring */
    animation: tombol-shine 3s infinite; /* Animasi berjalan 3 detik dan terus berulang */
    z-index: 1;
}

/* 4. Pergerakan animasi (Keyframes) */
@keyframes tombol-shine {
    0% {
        left: -100%; /* Mulai dari kiri */
    }
    20% {
        left: 200%; /* Bergerak cepat ke kanan melewati tombol */
    }
    100% {
        left: 200%; /* Sisa waktu (80%) digunakan untuk jeda sebelum cahaya muncul lagi */
    }
}/* End custom CSS */
/* Start custom CSS for wds_catalog, class: .elementor-element-107da5dd *//* 1. KONDISI NORMAL (Default Inaktif) */
.wds-catalog-tab-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 20px;
    
    border-radius: 8px;
    background: #fff; /* Background abu-abu terang untuk tab normal */
    font-size: 14px;
    font-weight: 500;
    color: #000; /* Warna teks abu-abu gelap */
    cursor: pointer;
    /* Transisi yang lebih natural dan mewah */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
    white-space: nowrap;
    
    /* Bayangan berlapis: 1 tipis di dekat tombol, 1 menyebar sangat halus di bawah */
    box-shadow: 
        0 1px 2px rgba(0, 0, 0, 0.06), 
        0 4px 12px rgba(0, 0, 0, 0.03);
}

/* 2. KONDISI HOVER (Saat di-hover mouse) */
.wds-catalog-tab-btn:hover {
    background: linear-gradient(to right, #2861e2, #3da2f8);
    color: #fff !important;
    border: 1px solid rgba(122, 122, 122, 0.3) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* 3. KONDISI AKTIF (Saat tab dipilih) */
.wds-catalog-tab-btn.active {
    background: linear-gradient(to right, #2861e2, #3da2f8); 
    border: 1px solid rgba(122, 122, 122, 0.3) !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); 
    transform: translateY(0);
}

/* Memastikan konten teks/deskripsi berada di atas layer gradasi */
.wds-catalog-card__content {
    position: relative;
    z-index: 2;
}

.wds-price-detail {
    font-size: 11px; /* Mengubah ukuran font (ganti angka sesuai keinginan) */
    font-family: 'Plus Jakarta Sans', sans-serif; /* Mengubah jenis font */
    color: #7A7A7A; /* Mengubah warna teks (contoh: hitam keabuan) */
    margin-top: -4px;
}


/* ===================================================
   MENAMPILKAN & MODERNISASI BARISAN SEARCH & FILTER
   =================================================== */
.wds-catalog-filter {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); /* Shadow halus ala aplikasi modern */
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
}

/* ===================================================
   MENAMPILKAN & MODERNISASI BARISAN SEARCH & FILTER
   =================================================== */
.wds-catalog-filter {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); /* Shadow halus ala aplikasi modern */
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
}

/* Kustomisasi Kolom Input Search */
.wds-catalog-filter input[type="text"],
.wds-catalog-filter .wds-search-input {
    flex: 1;
    min-width: 200px;
    padding: 10px 16px;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background-color: #f8fafc; /* Warna dasar abu-abu sangat muda */
    color: #334155;
    transition: all 0.3s ease;
}

/* Efek Focus saat Kolom Search Diklik */
.wds-catalog-filter input[type="text"]:focus,
.wds-catalog-filter .wds-search-input:focus {
    background-color: #ffffff;
    border-color: #3da2f8; /* Highlight warna biru saat aktif */
    outline: none;
    box-shadow: 0 0 0 3px rgba(61, 162, 248, 0.15);
}

/* Kustomisasi Dropdown Filter / Urutkan */
.wds-catalog-filter select,
.wds-catalog-filter .wds-filter-select {
    padding: 10px 16px;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background-color: #ffffff;
    color: #475569;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Efek Hover & Focus pada Dropdown */
.wds-catalog-filter select:hover,
.wds-catalog-filter select:focus {
    border-color: #3da2f8;
    outline: none;
}

/* Penyesuaian Responsif untuk Layar HP */
@media (max-width: 767px) {
    .wds-catalog-filter {
        flex-direction: column;
        align-items: stretch;
        padding: 12px;
        gap: 10px;
    }
    
    .wds-catalog-filter input[type="text"],
    .wds-catalog-filter select {
        width: 100% !important; /* Paksa memenuhi lebar layar HP */
    }
}

/* Container Utama Filter (Rata Kiri) */
.wds-catalog-filter {
    display: flex !important;
    justify-content: flex-start !important; /* Memaksa semua elemen rapat ke kiri */
    gap: 12px;
    background: #ffffff;
    padding: 10px 10px 10px 10px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

/* Kolom Search & Dropdown Urutkan */
.wds-filter-search input, 
.wds-sort-select {
    padding: 10px 14px;
    font-size: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #334155;
    background-color: #ffffff;
    outline: none;
    transition: all 0.3s;
}

/* Efek Focus/Klik */
.wds-filter-search input:focus, 
.wds-sort-select:focus {
    border-color: #3da2f8;
    box-shadow: 0 0 0 3px rgba(61, 162, 248, 0.15);
}

/* Label Teks "Urutkan:" */
.wds-start-sort-label {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
}


.wds-btn svg {
  width: 12px;
  height: 12px;
}


.eicon-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  color: #000;
  border-radius: 8px;
}
.eicon-search:before {
  margin: 10px;
}

.eicon-search:before {
  content: "\e851" !important;
  font-family: eicons !important;
  font-size: 12px;
}

[class^="eicon-"]:before,
[class*=" eicon-"]:before {
  font-family: "eicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
}

@font-face {
  font-family: 'eicons';
  src: url('/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Warna X saat tombol biasa/belum diklik (biar kelihatan hitam) */
.wds-catalog-tab-btn span .huruf-x {
    color: #FFFFFF !important;
    font-weight: normal;
}

/* Warna X saat tombol AKTIF/diklik (berubah jadi putih) */
.wds-catalog-tab-btn.active span .huruf-x {
    color: #000000 !important;
}

/* Warna X saat tombol di-HOVER (disentuh kursor) */
.wds-catalog-tab-btn:hover span .huruf-x {
    color: #000000 !important;
}


.wds-layout-scroll {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 10px;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch
}

/* Mengatur scroll di HP agar lebih mulus */
.wds-layout-scroll {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 10px;
    padding-bottom: 16px;
    margin-bottom: -5px;
    -webkit-overflow-scrolling: touch;
    
    /* Standar baru untuk Firefox */
    scrollbar-color: #000000 #f8fafc; 
    scrollbar-width: thin; 
}

/* Mengatur ukuran dan warna Scrollbar untuk .wds-layout-scroll (Chrome/Safari/Edge) */
.wds-layout-scroll::-webkit-scrollbar {
    height: 6px !important; 
    width: 6px !important;
    -webkit-appearance: none; /* Memaksa iOS/Safari untuk mereset style bawaannya */
}

/* Warna jalur/trek tempat scrollbar bergeser */
.wds-layout-scroll::-webkit-scrollbar-track {
    background: #f8fafc !important; 
    border-radius: 8px !important;
}

/* Warna gagang/bar scroll-nya itu sendiri */
.wds-layout-scroll::-webkit-scrollbar-thumb {
    background: #000000 !important; 
    border-radius: 8px !important;
    border: 2px solid #f8fafc; /* Memberikan ilusi scrollbar lebih tipis di HP */
}

/* Saat scrollbar disentuh/di-hover */
.wds-layout-scroll::-webkit-scrollbar-thumb:hover,
.wds-layout-scroll::-webkit-scrollbar-thumb:active {
    background: #333333 !important; 
}


.wds-catalog-tab-btn[data-slug="art"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="culture"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="minimalist"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="simple"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="vintage"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="khitan"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="x-aqiqah-x"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="x-christmas-new-year-x"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="syukuran-islami"] {
  display: none !important;
}


.wds-catalog-tab-btn[data-slug="party-dinner"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="school-graduation"] {
  display: none !important;
}

.wds-catalog-tab-btn[data-slug="umum-seminar"] {
  display: none !important;
}

/* Mengatur kotak pembungkusnya menjadi portrait 3:4 */
.wds-catalog-card__thumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 9 / 16 !important; /* Membuat proporsi tegak (portrait) */
    overflow: hidden !important;   /* Memastikan gambar yang sisa terpotong rapi */
}

/* Memastikan gambar di dalamnya tetap proporsional dan penuh */
.wds-catalog-card__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-68064d8 *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-68064d8 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-68064d8 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a22cbe3 *//* ===================================================
   MURNI WARNA .elementor-icon-box-title
   =================================================== */

/* Normal */
.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-icon-box-title {
    color: #9e9e9e !important;
}

/* Hover */
.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* Aktif */
.elementor-8769 .elementor-element.elementor-element-a22cbe3.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-a22cbe3 .nav-item-active .elementor-icon-box-title {
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6cb45c8 *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1db708c *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-1db708c .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-1db708c .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-68064d8 *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-68064d8 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-68064d8.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-68064d8 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a22cbe3 *//* ===================================================
   MURNI WARNA .elementor-icon-box-title
   =================================================== */

/* Normal */
.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-icon-box-title {
    color: #9e9e9e !important;
}

/* Hover */
.elementor-8769 .elementor-element.elementor-element-a22cbe3 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* Aktif */
.elementor-8769 .elementor-element.elementor-element-a22cbe3.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-a22cbe3 .nav-item-active .elementor-icon-box-title {
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6cb45c8 *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-6cb45c8.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-6cb45c8 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1db708c *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-1db708c .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-1db708c.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-1db708c .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5684822 *//* ===================================================
   1. MAIN WRAPPER STYLING (Glassmorphism & Animasi)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-5684822 {
    position: fixed !important;
    bottom: 20px !important; 
    left: 50% !important;
    transform: translateX(-50%) scale(1) !important; /* Pondasi awal untuk dimanipulasi JS */
    width: 90% !important; 
    max-width: 450px !important;
    background-color: rgba(255, 255, 255, 0.85) !important; /* Sedikit transparan agar efek blur bekerja */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 40px !important; 
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important; 
    z-index: 999999 !important; 
    padding: 10px 8px !important;
    margin: 0 !important;
    
    /* Titik pusat animasi & transisi halus dari kodemu */
    transform-origin: bottom center !important; 
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease, background-color 0.3s !important;
}

/* ===================================================
   2. JINAKKAN INNER CONTAINER ELEMENTOR
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-5684822 > .e-con-inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* ===================================================
   3. BIKIN ICON DAN TEKS PRESISI
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-5684822 .elementor-widget-icon-box {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.elementor-8769 .elementor-element.elementor-element-5684822 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
}


/* ===================================================
   4. KONDISI NORMAL (Abu-abu #9e9e9e)
   =================================================== */
/* Ikon Normal */
.elementor-8769 .elementor-element.elementor-element-5684822 .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease !important;
}

/* Teks Normal */
.elementor-8769 .elementor-element.elementor-element-5684822 .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease !important;
}


/* ===================================================
   5. KONDISI HOVER (Biru saat disentuh)
   =================================================== */
/* Ikon Hover */
.elementor-8769 .elementor-element.elementor-element-5684822 .elementor-widget-icon-box:hover .elementor-icon {
    color: #2861e2 !important;
}

/* Teks Hover */
.elementor-8769 .elementor-element.elementor-element-5684822 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}


/* ===================================================
   6. KONDISI AKTIF (Biru Solid)
   =================================================== */
/* Ikon Aktif */
.elementor-8769 .elementor-element.elementor-element-5684822.nav-item-active .elementor-icon,
.elementor-8769 .elementor-element.elementor-element-5684822 .nav-item-active .elementor-icon {
    color: #2861e2 !important;
}

/* Teks Aktif */
.elementor-8769 .elementor-element.elementor-element-5684822.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-5684822 .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-03cf78a *//* ===================================================
   1. KONDISI NORMAL (Abu-abu / Default)
   =================================================== */
/* Mengatur Ikon saat diam */
.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* Mengatur Teks (Title) saat diam */
.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* ===================================================
   2. KONDISI HOVER (Gradient saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-widget-icon-box:hover .elementor-icon,
.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-widget-icon-box:hover .elementor-icon-box-title {
    background: linear-gradient(135deg, #2861e2, #3da2f8) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* ===================================================
   3. KONDISI AKTIF (Gradient Permanen untuk menu yang dibuka)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-03cf78a.nav-item-active .elementor-icon,
.elementor-8769 .elementor-element.elementor-element-03cf78a .nav-item-active .elementor-icon,
.elementor-8769 .elementor-element.elementor-element-03cf78a.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-03cf78a .nav-item-active .elementor-icon-box-title {
    background: linear-gradient(135deg, #2861e2, #3da2f8) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-dbe031d *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-dbe031d .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-dbe031d .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e841824 *//* ===================================================
   MURNI WARNA .elementor-icon-box-title
   =================================================== */

/* Normal */
.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-icon-box-title {
    color: #9e9e9e !important;
}

/* Hover */
.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* Aktif */
.elementor-8769 .elementor-element.elementor-element-e841824.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-e841824 .nav-item-active .elementor-icon-box-title {
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e6b2f9d *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4f9d84b *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-4f9d84b .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-4f9d84b .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-03cf78a *//* ===================================================
   1. KONDISI NORMAL (Abu-abu / Default)
   =================================================== */
/* Mengatur Ikon saat diam */
.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* Mengatur Teks (Title) saat diam */
.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* ===================================================
   2. KONDISI HOVER (Gradient saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-widget-icon-box:hover .elementor-icon,
.elementor-8769 .elementor-element.elementor-element-03cf78a .elementor-widget-icon-box:hover .elementor-icon-box-title {
    background: linear-gradient(135deg, #2861e2, #3da2f8) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* ===================================================
   3. KONDISI AKTIF (Gradient Permanen untuk menu yang dibuka)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-03cf78a.nav-item-active .elementor-icon,
.elementor-8769 .elementor-element.elementor-element-03cf78a .nav-item-active .elementor-icon,
.elementor-8769 .elementor-element.elementor-element-03cf78a.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-03cf78a .nav-item-active .elementor-icon-box-title {
    background: linear-gradient(135deg, #2861e2, #3da2f8) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-dbe031d *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-dbe031d .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-dbe031d.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-dbe031d .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e841824 *//* ===================================================
   MURNI WARNA .elementor-icon-box-title
   =================================================== */

/* Normal */
.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-icon-box-title {
    color: #9e9e9e !important;
}

/* Hover */
.elementor-8769 .elementor-element.elementor-element-e841824 .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* Aktif */
.elementor-8769 .elementor-element.elementor-element-e841824.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-e841824 .nav-item-active .elementor-icon-box-title {
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e6b2f9d *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-e6b2f9d.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-e6b2f9d .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4f9d84b *//* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-4f9d84b .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}




/* ===================================================
   4. Warna Default Menu (Kondisi Normal - Abu-abu)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-icon-box-title {
    color: #9e9e9e !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

/* ===================================================
   5. Kondisi Hover (Biru saat disentuh)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #2861e2 !important;
}

/* ===================================================
   6. Kondisi Aktif (Biru Solid)
   =================================================== */
.elementor-8769 .elementor-element.elementor-element-4f9d84b.nav-item-active .elementor-icon-box-title,
.elementor-8769 .elementor-element.elementor-element-4f9d84b .nav-item-active .elementor-icon-box-title {
    color: #2861e2 !important;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-8769 {
     /*1. Warna dasar background */
    background-color: #f4f8fb; 
    
     /*2. Mengubah #cde1eb menjadi rgba untuk mengatur opacity titik */
     /*Angka 0.5 di akhir adalah opacity-nya (50%) */
    background-image: radial-gradient(rgba(205, 225, 235, 0.6) 1.5px, transparent 1.5px);
    
     /*3. Jarak antar titik */
    background-size: 25px 25px;
}/* End custom CSS */