.elementor-28 .elementor-element.elementor-element-f8ff414{--display:flex;--position:absolute;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}.elementor-28 .elementor-element.elementor-element-f8ff414:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-f8ff414 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-28 .elementor-element.elementor-element-f8ff414.e-con{--align-self:center;}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-f8ff414{left:0px;}body.rtl .elementor-28 .elementor-element.elementor-element-f8ff414{right:0px;}.elementor-28 .elementor-element.elementor-element-41065c1{--display:flex;--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:flex-start;--align-items:center;--padding-top:14px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-41065c1.e-con{--flex-grow:0;--flex-shrink:0;}.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-28 .elementor-element.elementor-element-634bddb{width:var( --container-widget-width, 110px );max-width:110px;--container-widget-width:110px;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-034b2af{width:var( --container-widget-width, 110px );max-width:110px;--container-widget-width:110px;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-c86d5bb{--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:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-28 .elementor-element.elementor-element-d17040a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-28 .elementor-element.elementor-element-d17040a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-d17040a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-28 .elementor-element.elementor-element-b5d4027:hover{background-color:var( --e-global-color-b799ebf );}.elementor-28 .elementor-element.elementor-element-b5d4027{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title a{transition-duration:0.3s;}.elementor-28 .elementor-element.elementor-element-5c97e8f:hover{background-color:var( --e-global-color-b799ebf );}.elementor-28 .elementor-element.elementor-element-5c97e8f{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title a{transition-duration:0.3s;}.elementor-28 .elementor-element.elementor-element-a259418:hover{background-color:var( --e-global-color-b799ebf );}.elementor-28 .elementor-element.elementor-element-a259418{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title a{transition-duration:0.3s;}.elementor-28 .elementor-element.elementor-element-4f2ed93{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-28 .elementor-element.elementor-element-4f2ed93:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-4f2ed93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-c739d50:hover{background-color:var( --e-global-color-b799ebf );}.elementor-28 .elementor-element.elementor-element-c739d50{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-c739d50 .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-c739d50 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-c739d50 .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-baf2348:hover{background-color:var( --e-global-color-b799ebf );}.elementor-28 .elementor-element.elementor-element-baf2348{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-baf2348 .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-baf2348 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-baf2348 .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-01bfc82{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-28 .elementor-element.elementor-element-01bfc82:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-01bfc82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-9852416:hover{background-color:#F4F4F4;}.elementor-28 .elementor-element.elementor-element-9852416{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-9852416 .elementor-heading-title{font-size:15px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-9852416 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-9852416 .elementor-heading-title a:focus{color:#245F96;}.elementor-28 .elementor-element.elementor-element-4e7734b:hover{background-color:#F4F4F4;}.elementor-28 .elementor-element.elementor-element-4e7734b{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-4e7734b .elementor-heading-title{font-size:15px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-4e7734b .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-4e7734b .elementor-heading-title a:focus{color:#245F96;}.elementor-28 .elementor-element.elementor-element-cf59c46:hover{background-color:#F4F4F4;}.elementor-28 .elementor-element.elementor-element-cf59c46{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-cf59c46 .elementor-heading-title{font-size:15px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-cf59c46 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-cf59c46 .elementor-heading-title a:focus{color:#245F96;}.elementor-28 .elementor-element.elementor-element-d7ebe0b{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:#000000;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 18px 0px 18px;--n-menu-icon-size:16px;--n-menu-dropdown-indicator-color-normal:#FFFFFF00;--n-menu-dropdown-indicator-color-hover:#FFFFFF00;--n-menu-dropdown-indicator-color-active:#FFFFFF00;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-28 .elementor-element.elementor-element-d7ebe0b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-28 .elementor-element.elementor-element-d7ebe0b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-28 .elementor-element.elementor-element-d7ebe0b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Open Sauce", Sans-serif;font-weight:500;letter-spacing:-0.1px;}.elementor-28 .elementor-element.elementor-element-d7ebe0b {--n-menu-title-color-hover:#0120F1;}.elementor-28 .elementor-element.elementor-element-9d92c88{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-28 .elementor-element.elementor-element-9d92c88:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-9d92c88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f11d397:hover{background-color:#B5FE030D;}.elementor-28 .elementor-element.elementor-element-f11d397{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-f11d397 .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-f11d397 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-f11d397 .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-faf6ca3:hover{background-color:#B5FE030D;}.elementor-28 .elementor-element.elementor-element-faf6ca3{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-faf6ca3 .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-faf6ca3 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-faf6ca3 .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-2a22663:hover{background-color:#B5FE030D;}.elementor-28 .elementor-element.elementor-element-2a22663{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-2a22663 .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-2a22663 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-2a22663 .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-75485ed{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-28 .elementor-element.elementor-element-75485ed:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-75485ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-df3840c:hover{background-color:#B5FE030D;}.elementor-28 .elementor-element.elementor-element-df3840c{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-df3840c .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-df3840c .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-df3840c .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-90c76d4:hover{background-color:#B5FE030D;}.elementor-28 .elementor-element.elementor-element-90c76d4{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-90c76d4 .elementor-heading-title{font-size:14px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-90c76d4 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-90c76d4 .elementor-heading-title a:focus{color:#0120F1;}.elementor-28 .elementor-element.elementor-element-a882a5d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-28 .elementor-element.elementor-element-a882a5d:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-a882a5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-170bbfe:hover{background-color:#F4F4F4;}.elementor-28 .elementor-element.elementor-element-170bbfe{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-170bbfe .elementor-heading-title{font-size:15px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-170bbfe .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-170bbfe .elementor-heading-title a:focus{color:#245F96;}.elementor-28 .elementor-element.elementor-element-8e1951c:hover{background-color:#F4F4F4;}.elementor-28 .elementor-element.elementor-element-8e1951c{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-8e1951c .elementor-heading-title{font-size:15px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-8e1951c .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-8e1951c .elementor-heading-title a:focus{color:#245F96;}.elementor-28 .elementor-element.elementor-element-adfd2d6:hover{background-color:#F4F4F4;}.elementor-28 .elementor-element.elementor-element-adfd2d6{padding:10px 16px 10px 16px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-adfd2d6 .elementor-heading-title{font-size:15px;font-weight:500;color:#000000;}.elementor-28 .elementor-element.elementor-element-adfd2d6 .elementor-heading-title a:hover, .elementor-28 .elementor-element.elementor-element-adfd2d6 .elementor-heading-title a:focus{color:#245F96;}.elementor-28 .elementor-element.elementor-element-735fe8a{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:#000000;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 18px 0px 18px;--n-menu-icon-size:16px;--n-menu-dropdown-indicator-color-normal:#FFFFFF00;--n-menu-dropdown-indicator-color-hover:#FFFFFF00;--n-menu-dropdown-indicator-color-active:#FFFFFF00;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-28 .elementor-element.elementor-element-735fe8a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-28 .elementor-element.elementor-element-735fe8a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-28 .elementor-element.elementor-element-735fe8a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Open Sauce", Sans-serif;font-weight:500;letter-spacing:-0.1px;}.elementor-28 .elementor-element.elementor-element-735fe8a {--n-menu-title-color-hover:#0120F1;}.elementor-28 .elementor-element.elementor-element-aebf056{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right: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-28 .elementor-element.elementor-element-b38a4f5 .elementor-button{background-color:#0120F1;font-family:"Open Sauce", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:14px 15px 14px 15px;}.elementor-28 .elementor-element.elementor-element-b38a4f5 .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-b38a4f5 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-b38a4f5 .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-b38a4f5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-ee7f1a3 .elementor-button{background-color:#0120F1;font-family:"Open Sauce", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:14px 15px 14px 15px;}.elementor-28 .elementor-element.elementor-element-ee7f1a3 .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-ee7f1a3 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-ee7f1a3 .elementor-button:hover svg, .elementor-28 .elementor-element.elementor-element-ee7f1a3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-0ee92fb{--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;border-style:solid;--border-style:solid;border-color:#00000017;--border-color:#00000017;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-28 .elementor-element.elementor-element-0ee92fb:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-0ee92fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-0ee92fb.e-con{--align-self:center;}.elementor-28 .elementor-element.elementor-element-750bd73{--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:flex-start;}.elementor-28 .elementor-element.elementor-element-f8d1e30{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-d1c636b{--display:flex;--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:flex-end;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-e7c9e59 .elementor-icon-wrapper{text-align:center;}.elementor-28 .elementor-element.elementor-element-e7c9e59.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-e7c9e59.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-e7c9e59.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-28 .elementor-element.elementor-element-e7c9e59.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-e7c9e59.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-f8ff414{--content-width:80%;}.elementor-28 .elementor-element.elementor-element-41065c1{--width:20%;}.elementor-28 .elementor-element.elementor-element-c86d5bb{--width:60%;}.elementor-28 .elementor-element.elementor-element-aebf056{--width:20%;}.elementor-28 .elementor-element.elementor-element-750bd73{--width:50%;}.elementor-28 .elementor-element.elementor-element-d1c636b{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-28 .elementor-element.elementor-element-f8ff414{--content-width:100%;}.elementor-28 .elementor-element.elementor-element-41065c1{--width:20%;}.elementor-28 .elementor-element.elementor-element-c86d5bb{--width:60%;}.elementor-28 .elementor-element.elementor-element-aebf056{--width:20%;}.elementor-28 .elementor-element.elementor-element-750bd73{--width:30%;}.elementor-28 .elementor-element.elementor-element-d1c636b{--width:70%;}}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-f8ff414{--margin-top:0px;--margin-bottom:-148px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:65px;--padding-right:65px;}.elementor-28 .elementor-element.elementor-element-41065c1{--justify-content:flex-start;}.elementor-28 .elementor-element.elementor-element-634bddb{--container-widget-width:90px;--container-widget-flex-grow:0;width:var( --container-widget-width, 90px );max-width:90px;}.elementor-28 .elementor-element.elementor-element-034b2af{--container-widget-width:90px;--container-widget-flex-grow:0;width:var( --container-widget-width, 90px );max-width:90px;}.elementor-28 .elementor-element.elementor-element-c86d5bb{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-28 .elementor-element.elementor-element-d17040a{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-4f2ed93{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-c739d50 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-baf2348 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-9852416 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-4e7734b .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-cf59c46 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-d7ebe0b{--n-menu-title-font-size:13px;--n-menu-title-padding:0px 13px 0px 13px;}.elementor-28 .elementor-element.elementor-element-9d92c88{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-f11d397 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-faf6ca3 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-2a22663 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-75485ed{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-df3840c .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-90c76d4 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-170bbfe .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-8e1951c .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-adfd2d6 .elementor-heading-title{font-size:13px;}.elementor-28 .elementor-element.elementor-element-735fe8a{--n-menu-title-font-size:13px;--n-menu-title-padding:0px 13px 0px 13px;}.elementor-28 .elementor-element.elementor-element-b38a4f5 .elementor-button{font-size:12px;padding:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-ee7f1a3 .elementor-button{font-size:12px;padding:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-0ee92fb{--padding-top:0px;--padding-bottom:0px;--padding-left:75px;--padding-right:75px;}.elementor-28 .elementor-element.elementor-element-750bd73{--justify-content:center;}.elementor-28 .elementor-element.elementor-element-f8d1e30{--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-d7ebe0b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-28 .elementor-element.elementor-element-d7ebe0b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-28 .elementor-element.elementor-element-d7ebe0b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{letter-spacing:-0.2px;}.elementor-28 .elementor-element.elementor-element-735fe8a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-28 .elementor-element.elementor-element-735fe8a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-28 .elementor-element.elementor-element-735fe8a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{letter-spacing:-0.2px;}.elementor-28 .elementor-element.elementor-element-0ee92fb{--justify-content:center;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:999;}.elementor-28 .elementor-element.elementor-element-750bd73{--width:50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-f8d1e30{--container-widget-width:90px;--container-widget-flex-grow:0;width:var( --container-widget-width, 90px );max-width:90px;}.elementor-28 .elementor-element.elementor-element-f8d1e30 img{width:100%;}.elementor-28 .elementor-element.elementor-element-d1c636b{--width:50%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-e7c9e59{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-e7c9e59.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-e7c9e59 .elementor-icon{font-size:22px;}.elementor-28 .elementor-element.elementor-element-e7c9e59 .elementor-icon svg{height:22px;}}/* Start custom CSS for heading, class: .elementor-element-b5d4027 */.elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title:hover { font-weight: 500; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5c97e8f */.elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a259418 */.elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c739d50 */.elementor-28 .elementor-element.elementor-element-c739d50 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-baf2348 */.elementor-28 .elementor-element.elementor-element-baf2348 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9852416 */.elementor-28 .elementor-element.elementor-element-9852416 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4e7734b */.elementor-28 .elementor-element.elementor-element-4e7734b .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cf59c46 */.elementor-28 .elementor-element.elementor-element-cf59c46 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b5d4027 */.elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title:hover { font-weight: 500; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5c97e8f */.elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a259418 */.elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c739d50 */.elementor-28 .elementor-element.elementor-element-c739d50 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-baf2348 */.elementor-28 .elementor-element.elementor-element-baf2348 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9852416 */.elementor-28 .elementor-element.elementor-element-9852416 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4e7734b */.elementor-28 .elementor-element.elementor-element-4e7734b .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cf59c46 */.elementor-28 .elementor-element.elementor-element-cf59c46 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b5d4027 */.elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title:hover { font-weight: 500; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5c97e8f */.elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a259418 */.elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c739d50 */.elementor-28 .elementor-element.elementor-element-c739d50 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-baf2348 */.elementor-28 .elementor-element.elementor-element-baf2348 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9852416 */.elementor-28 .elementor-element.elementor-element-9852416 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4e7734b */.elementor-28 .elementor-element.elementor-element-4e7734b .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cf59c46 */.elementor-28 .elementor-element.elementor-element-cf59c46 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b5d4027 */.elementor-28 .elementor-element.elementor-element-b5d4027 .elementor-heading-title:hover { font-weight: 500; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5c97e8f */.elementor-28 .elementor-element.elementor-element-5c97e8f .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a259418 */.elementor-28 .elementor-element.elementor-element-a259418 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c739d50 */.elementor-28 .elementor-element.elementor-element-c739d50 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-baf2348 */.elementor-28 .elementor-element.elementor-element-baf2348 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9852416 */.elementor-28 .elementor-element.elementor-element-9852416 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4e7734b */.elementor-28 .elementor-element.elementor-element-4e7734b .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cf59c46 */.elementor-28 .elementor-element.elementor-element-cf59c46 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for mega-menu, class: .elementor-element-d7ebe0b */.elementor-28 .elementor-element.elementor-element-d7ebe0b .e-n-menu-title-text{ cursor: pointer; } /* 1. Beri Z-index tinggi pada Header utama agar berada di atas kegelapan */ .main-header .elementor-sticky { z-index: 9999 !important; } /* 2. Buat Backdrop yang menempel pada body saat menu terbuka */ body::before { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.4); /* Kegelapan backdrop */ /* Efek transisi smooth MuiBackdrop */ opacity: 0; visibility: hidden; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1), visibility 225ms; /* Berada di bawah Header (9999) tapi di atas konten body lainnya */ z-index: 9998; pointer-events: none; } /* 3. Picu backdrop saat ada elemen e-active di dalam menu */ body:has(.e-n-menu-content.e-active)::before { opacity: 1; visibility: visible; } body:has(.e-n-menu-content.e-active) .menu-bar { background-color: white !important; } /* 4. Pastikan isi dropdown (mega menu) juga ikut terlihat terang */ .e-n-menu-content.e-active { z-index: 10000 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f11d397 */.elementor-28 .elementor-element.elementor-element-f11d397 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-faf6ca3 */.elementor-28 .elementor-element.elementor-element-faf6ca3 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2a22663 */.elementor-28 .elementor-element.elementor-element-2a22663 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-df3840c */.elementor-28 .elementor-element.elementor-element-df3840c .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c76d4 */.elementor-28 .elementor-element.elementor-element-90c76d4 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-170bbfe */.elementor-28 .elementor-element.elementor-element-170bbfe .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e1951c */.elementor-28 .elementor-element.elementor-element-8e1951c .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-adfd2d6 */.elementor-28 .elementor-element.elementor-element-adfd2d6 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f11d397 */.elementor-28 .elementor-element.elementor-element-f11d397 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-faf6ca3 */.elementor-28 .elementor-element.elementor-element-faf6ca3 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2a22663 */.elementor-28 .elementor-element.elementor-element-2a22663 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-df3840c */.elementor-28 .elementor-element.elementor-element-df3840c .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c76d4 */.elementor-28 .elementor-element.elementor-element-90c76d4 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-170bbfe */.elementor-28 .elementor-element.elementor-element-170bbfe .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e1951c */.elementor-28 .elementor-element.elementor-element-8e1951c .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-adfd2d6 */.elementor-28 .elementor-element.elementor-element-adfd2d6 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f11d397 */.elementor-28 .elementor-element.elementor-element-f11d397 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-faf6ca3 */.elementor-28 .elementor-element.elementor-element-faf6ca3 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2a22663 */.elementor-28 .elementor-element.elementor-element-2a22663 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-df3840c */.elementor-28 .elementor-element.elementor-element-df3840c .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c76d4 */.elementor-28 .elementor-element.elementor-element-90c76d4 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-170bbfe */.elementor-28 .elementor-element.elementor-element-170bbfe .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e1951c */.elementor-28 .elementor-element.elementor-element-8e1951c .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-adfd2d6 */.elementor-28 .elementor-element.elementor-element-adfd2d6 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f11d397 */.elementor-28 .elementor-element.elementor-element-f11d397 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-faf6ca3 */.elementor-28 .elementor-element.elementor-element-faf6ca3 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2a22663 */.elementor-28 .elementor-element.elementor-element-2a22663 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-df3840c */.elementor-28 .elementor-element.elementor-element-df3840c .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c76d4 */.elementor-28 .elementor-element.elementor-element-90c76d4 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-170bbfe */.elementor-28 .elementor-element.elementor-element-170bbfe .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e1951c */.elementor-28 .elementor-element.elementor-element-8e1951c .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-adfd2d6 */.elementor-28 .elementor-element.elementor-element-adfd2d6 .elementor-heading-title:hover { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for mega-menu, class: .elementor-element-735fe8a */.elementor-28 .elementor-element.elementor-element-735fe8a .e-n-menu-title-text{ cursor: pointer; } /* 1. Beri Z-index tinggi pada Header utama agar berada di atas kegelapan */ .main-header .elementor-sticky { z-index: 9999 !important; } /* 2. Buat Backdrop yang menempel pada body saat menu terbuka */ body::before { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.4); /* Kegelapan backdrop */ /* Efek transisi smooth MuiBackdrop */ opacity: 0; visibility: hidden; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1), visibility 225ms; /* Berada di bawah Header (9999) tapi di atas konten body lainnya */ z-index: 9998; pointer-events: none; } /* 3. Picu backdrop saat ada elemen e-active di dalam menu */ body:has(.e-n-menu-content.e-active)::before { opacity: 1; visibility: visible; } body:has(.e-n-menu-content.e-active) .menu-bar { background-color: white !important; } /* 4. Pastikan isi dropdown (mega menu) juga ikut terlihat terang */ .e-n-menu-content.e-active { z-index: 10000 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8ff414 *//* State awal (belum sticky) */ .elementor-28 .elementor-element.elementor-element-f8ff414 { padding-top: 60px; /* padding awal */ background-color: transparent; transition: padding-top 0.5s ease, background-color 0.5s ease !important; } /*warna teks untuk menu saat sticky*/ /*.elementor-28 .elementor-element.elementor-element-f8ff414.elementor-sticky--effects .elementor-widget-n-menu .e-n-menu-title,*/ /*.elementor-28 .elementor-element.elementor-element-f8ff414.elementor-sticky--effects .elementor-widget-n-menu .e-n-menu-title-text {*/ /* color: black !important;*/ /*}*/ /*.elementor-28 .elementor-element.elementor-element-f8ff414.elementor-sticky--effects .elementor-widget-n-menu .e-n-menu-title:hover,*/ /*.elementor-28 .elementor-element.elementor-element-f8ff414.elementor-sticky--effects .elementor-widget-n-menu .e-n-menu-title-text:hover {*/ /* color: #B5FE03 !important;*/ /*}*/ .elementor-28 .elementor-element.elementor-element-f8ff414.elementor-sticky--effects .header-black{ display: block !important; } .elementor-28 .elementor-element.elementor-element-f8ff414.elementor-sticky--effects .header-white{ display: none !important; } /* Saat sticky aktif */ .elementor-28 .elementor-element.elementor-element-f8ff414.elementor-sticky--effects { /*border-bottom: 1px solid #DFDFDF;*/ box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); padding-top: 5px !important; background-color: white !important; } /* Untuk container smooth */ .elementor-28 .elementor-element.elementor-element-f8ff414 > .elementor-container { transition: padding-top 0.5s ease, height 0.5s ease !important; }/* End custom CSS */