.elementor-212 .elementor-element.elementor-element-4c57ec1{--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;--align-items:center;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--padding-top:40px;--padding-bottom:40px;--padding-left:120px;--padding-right:120px;}.elementor-212 .elementor-element.elementor-element-ceae78b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-212 .elementor-element.elementor-element-5b415b3{width:var( --container-widget-width, 510px );max-width:510px;padding:0px 0px 6px 0px;--container-widget-width:510px;--container-widget-flex-grow:0;}.elementor-212 .elementor-element.elementor-element-5b415b3 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:60px;font-weight:600;text-transform:none;color:var( --e-global-color-78d6aef );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-212 .elementor-element.elementor-element-ebefe5b{width:var( --container-widget-width, 510px );max-width:510px;padding:0px 0px 14px 0px;--container-widget-width:510px;--container-widget-flex-grow:0;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-212 .elementor-element.elementor-element-ebefe5b p{margin-block-end:0px;}.elementor-212 .elementor-element.elementor-element-2a8c094{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-212 .elementor-element.elementor-element-c351b22{--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;--align-items:center;--padding-top:40px;--padding-bottom:40px;--padding-left:120px;--padding-right:120px;}.elementor-212 .elementor-element.elementor-element-c351b22:not(.elementor-motion-effects-element-type-background), .elementor-212 .elementor-element.elementor-element-c351b22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5850471 );}.elementor-212 .elementor-element.elementor-element-d4dafef{padding:0px 0px 6px 0px;}.elementor-212 .elementor-element.elementor-element-d4dafef .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:38px;font-weight:600;text-transform:none;color:var( --e-global-color-d2525d8 );}.elementor-212 .elementor-element.elementor-element-b6596ce{width:var( --container-widget-width, 65% );max-width:65%;padding:0px 0px 014px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-d2525d8 );}.elementor-212 .elementor-element.elementor-element-b6596ce p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-212 .elementor-element.elementor-element-6f8309c{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:120px;--padding-right:120px;}.elementor-212 .elementor-element.elementor-element-6d9005f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-98d271f.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-4ebfec0{--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;--padding-top:14px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-7060a3f{--display:flex;--justify-content:center;}.elementor-212 .elementor-element.elementor-element-7060a3f.e-con{--align-self:flex-start;}.elementor-212 .elementor-element.elementor-element-41de8ea{padding:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-41de8ea .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:38px;font-weight:600;text-transform:none;}.elementor-212 .elementor-element.elementor-element-fa0c5ae{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;}.elementor-212 .elementor-element.elementor-element-fa0c5ae p{margin-block-end:0px;}.elementor-212 .elementor-element.elementor-element-610a569{padding:0px 0px 32px 0px;}.elementor-212 .elementor-element.elementor-element-1446be8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-1446be8.e-con{--align-self:stretch;}.elementor-212 .elementor-element.elementor-element-790615f{padding:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-790615f.elementor-element{--align-self:stretch;}.elementor-212 .elementor-element.elementor-element-9449981{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:120px;--padding-right:120px;}.elementor-212 .elementor-element.elementor-element-15e278b.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-0603c1a{--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:space-between;--align-items:flex-start;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--padding-top:34px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-fe29bf4{width:var( --container-widget-width, 26% );max-width:26%;--container-widget-width:26%;--container-widget-flex-grow:0;}.elementor-212 .elementor-element.elementor-element-fe29bf4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:600;text-transform:none;}.elementor-212 .elementor-element.elementor-element-50389b2{width:var( --container-widget-width, 43% );max-width:43%;padding:0px 0px 0px 0px;--container-widget-width:43%;--container-widget-flex-grow:0;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;}.elementor-212 .elementor-element.elementor-element-50389b2 p{margin-block-end:0px;}.elementor-212 .elementor-element.elementor-element-4e292e9{--display:flex;--justify-content:space-between;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-92c141a{padding:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-92c141a.elementor-element{--align-self:stretch;}.elementor-212 .elementor-element.elementor-element-dedec50{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:120px;}.elementor-212 .elementor-element.elementor-element-23f266a.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-3359cc6{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:center;}.elementor-212 .elementor-element.elementor-element-3359cc6.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-3359cc6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:600;text-transform:none;}.elementor-212 .elementor-element.elementor-element-20265b1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-add457b{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:120px;--padding-right:120px;}.elementor-212 .elementor-element.elementor-element-ba9baaa{--display:flex;}.elementor-212 .elementor-element.elementor-element-528b448.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-65e9f11{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;text-align:center;}.elementor-212 .elementor-element.elementor-element-65e9f11.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-65e9f11 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:28px;font-weight:600;text-transform:none;}.elementor-212 .elementor-element.elementor-element-ac4ac73{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-24ae7dd{padding:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-ae5b930{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:120px;--padding-right:120px;}.elementor-212 .elementor-element.elementor-element-15316ca{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:6px 6px 6px 6px;--padding-top:20px;--padding-bottom:20px;--padding-left:24px;--padding-right:24px;}.elementor-212 .elementor-element.elementor-element-15316ca:not(.elementor-motion-effects-element-type-background), .elementor-212 .elementor-element.elementor-element-15316ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5850471 );}.elementor-212 .elementor-element.elementor-element-1a2a4f4{width:var( --container-widget-width, 70% );max-width:70%;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-212 .elementor-element.elementor-element-1a2a4f4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:38px;font-weight:600;text-transform:none;color:var( --e-global-color-d2525d8 );}.elementor-212 .elementor-element.elementor-element-6e37c4c{width:var( --container-widget-width, 688px );max-width:688px;--container-widget-width:688px;--container-widget-flex-grow:0;text-align:center;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-d2525d8 );}.elementor-212 .elementor-element.elementor-element-6e37c4c p{margin-block-end:0px;}.elementor-212 .elementor-element.elementor-element-05818e5{width:initial;max-width:initial;padding:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-05818e5.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-05818e5 .elementor-button{font-family:var( --e-global-typography-b4c289a-font-family ), Sans-serif;font-size:var( --e-global-typography-b4c289a-font-size );font-weight:var( --e-global-typography-b4c289a-font-weight );}@media(max-width:1366px){.elementor-212 .elementor-element.elementor-element-4c57ec1{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-212 .elementor-element.elementor-element-5b415b3 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-212 .elementor-element.elementor-element-c351b22{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:40px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-212 .elementor-element.elementor-element-6f8309c{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-212 .elementor-element.elementor-element-1446be8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-1446be8.e-con{--align-self:flex-start;}.elementor-212 .elementor-element.elementor-element-9449981{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-212 .elementor-element.elementor-element-fe29bf4{--container-widget-width:409px;--container-widget-flex-grow:0;width:var( --container-widget-width, 409px );max-width:409px;}.elementor-212 .elementor-element.elementor-element-dedec50{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-212 .elementor-element.elementor-element-3359cc6{width:auto;max-width:auto;}.elementor-212 .elementor-element.elementor-element-add457b{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-212 .elementor-element.elementor-element-ae5b930{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-212 .elementor-element.elementor-element-05818e5 .elementor-button{font-size:var( --e-global-typography-b4c289a-font-size );}}@media(max-width:1024px){.elementor-212 .elementor-element.elementor-element-4c57ec1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-212 .elementor-element.elementor-element-c351b22{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-212 .elementor-element.elementor-element-d4dafef{width:var( --container-widget-width, 476px );max-width:476px;--container-widget-width:476px;--container-widget-flex-grow:0;text-align:center;}.elementor-212 .elementor-element.elementor-element-b6596ce{--container-widget-width:665px;--container-widget-flex-grow:0;width:var( --container-widget-width, 665px );max-width:665px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-212 .elementor-element.elementor-element-6f8309c{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-212 .elementor-element.elementor-element-9449981{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-212 .elementor-element.elementor-element-dedec50{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-212 .elementor-element.elementor-element-3359cc6 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-212 .elementor-element.elementor-element-add457b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-212 .elementor-element.elementor-element-ae5b930{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-212 .elementor-element.elementor-element-1a2a4f4{width:auto;max-width:auto;}.elementor-212 .elementor-element.elementor-element-05818e5 .elementor-button{font-size:var( --e-global-typography-b4c289a-font-size );}}@media(max-width:767px){.elementor-212 .elementor-element.elementor-element-4c57ec1{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-212 .elementor-element.elementor-element-5b415b3{text-align:center;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-212 .elementor-element.elementor-element-ebefe5b{text-align:center;font-size:14px;}.elementor-212 .elementor-element.elementor-element-2a8c094{--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-212 .elementor-element.elementor-element-c351b22{--padding-top:20px;--padding-bottom:20px;--padding-left:16px;--padding-right:16px;}.elementor-212 .elementor-element.elementor-element-d4dafef .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-212 .elementor-element.elementor-element-b6596ce{font-size:14px;line-height:22px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-212 .elementor-element.elementor-element-6f8309c{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-212 .elementor-element.elementor-element-41de8ea{text-align:center;}.elementor-212 .elementor-element.elementor-element-41de8ea .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-212 .elementor-element.elementor-element-fa0c5ae{text-align:center;font-size:14px;line-height:22px;}.elementor-212 .elementor-element.elementor-element-fa0c5ae p{margin-block-end:0px;}.elementor-212 .elementor-element.elementor-element-610a569{padding:0px 0px 32px 0px;}.elementor-212 .elementor-element.elementor-element-9449981{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-212 .elementor-element.elementor-element-fe29bf4{padding:0px 0px 14px 0px;text-align:center;}.elementor-212 .elementor-element.elementor-element-fe29bf4 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-212 .elementor-element.elementor-element-50389b2{width:initial;max-width:initial;text-align:center;font-size:14px;line-height:22px;}.elementor-212 .elementor-element.elementor-element-dedec50{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-212 .elementor-element.elementor-element-3359cc6 .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-212 .elementor-element.elementor-element-add457b{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-212 .elementor-element.elementor-element-ba9baaa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-65e9f11{padding:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-65e9f11 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-212 .elementor-element.elementor-element-15316ca{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-212 .elementor-element.elementor-element-1a2a4f4 .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-212 .elementor-element.elementor-element-6e37c4c{font-size:14px;line-height:22px;}.elementor-212 .elementor-element.elementor-element-05818e5.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-05818e5 .elementor-button{font-size:var( --e-global-typography-b4c289a-font-size );}}@media(min-width:768px){.elementor-212 .elementor-element.elementor-element-4c57ec1{--content-width:1440px;}.elementor-212 .elementor-element.elementor-element-c351b22{--content-width:1440px;}.elementor-212 .elementor-element.elementor-element-6f8309c{--content-width:1440px;}.elementor-212 .elementor-element.elementor-element-9449981{--content-width:1440px;}.elementor-212 .elementor-element.elementor-element-dedec50{--content-width:1440px;}.elementor-212 .elementor-element.elementor-element-add457b{--content-width:1440px;}.elementor-212 .elementor-element.elementor-element-ae5b930{--content-width:1440px;}}/* Start custom CSS for button, class: .elementor-element-5da4081 */.elementor-212 .elementor-element.elementor-element-5da4081 .elementor-button {
    /* Layout & Sizing */
    display: flex !important;
    flex: 1 0 0;
    padding: 12px 28px !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 52px;

    /* Typography & Style */
    color: #FF6900 !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) !important;

    /* Background & Border */
    background: #FFFFFF !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 0, 0, 0.09) !important;
    
    /* Box Shadows */
    box-shadow: 0 1px 3px 0 rgba(11, 19, 36, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.12) inset !important;
    
    transition: all 0.3s ease !important;
}

.elementor-212 .elementor-element.elementor-element-5da4081 .elementor-button:hover {
    background: #f9f9f9 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98d271f */.Overview-container {
    /* Layout & Sizing */
    display: inline-flex; /* Agar kotak mengikuti lebar teks */
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    /* Background & Border */
    background: #FFFFFF; /* var(--Neutral-White) */
    border-radius: 6px;
    border: 1px solid #F0F1F3; /* var(--Grey-G50) */

    /* Box Shadow Spesifik Figma */
    box-shadow: 
        0 0 0 0 rgba(194, 194, 194, 0.12), 
        0 0 4px 0 rgba(0, 0, 0, 0.10) inset, 
        0 0 4px 0 rgba(0, 0, 0, 0.10) inset, 
        0 0 4px 0 rgba(0, 0, 0, 0.12);

    /* Mencegah efek hover sesuai permintaan */
    transition: none;
    cursor: default;
}

.about-us-label {
    /* Typography */
    color: #1D2939; /* Warna teks gelap standar korporat */
    font-family: 'Manrope', sans-serif; /* Sesuai font brand Anda */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15e278b */.Scope-container {
    /* Layout & Sizing */
    display: inline-flex; /* Agar kotak mengikuti lebar teks */
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    /* Background & Border */
    background: #FFFFFF; /* var(--Neutral-White) */
    border-radius: 6px;
    border: 1px solid #F0F1F3; /* var(--Grey-G50) */

    /* Box Shadow Spesifik Figma */
    box-shadow: 
        0 0 0 0 rgba(194, 194, 194, 0.12), 
        0 0 4px 0 rgba(0, 0, 0, 0.10) inset, 
        0 0 4px 0 rgba(0, 0, 0, 0.10) inset, 
        0 0 4px 0 rgba(0, 0, 0, 0.12);

    /* Mencegah efek hover sesuai permintaan */
    transition: none;
    cursor: default;
}

.about-us-label {
    /* Typography */
    color: #1D2939; /* Warna teks gelap standar korporat */
    font-family: 'Manrope', sans-serif; /* Sesuai font brand Anda */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92c141a *//* --- 1. Wrapper Utama --- */
.atm-services-wrapper {
    display: flex;
    flex-wrap: wrap;       /* Wajib agar bisa turun ke bawah */
    gap: 24px;             /* Jarak antar kartu */
    width: 100%;
    justify-content: center;
}

/* --- 2. Style Card (Base & Responsive Logic) --- */
.atm-service-card {
    /* Layout Isi */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 20px;
    gap: 24px;

    /* Visual Default (Putih) */
    border-radius: 6px;
    border: 1px solid #C2C5CC;
    background: #FFFFFF;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    cursor: pointer;

    /* --- LOGIKA RESPONSIVE (PENTING) --- */
    
    /* Default (Desktop): Lebar otomatis mengisi ruang (sekitar 23% agar muat 4) */
    flex: 1 1 calc(25% - 24px); 
    min-width: 250px; /* Batas minimal agar tidak terlalu gepeng */
}

/* --- 3. Style Icon Box --- */
.atm-icon-box {
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    
    width: 46px; 
    height: 46px;
    flex-shrink: 0; 
    box-sizing: border-box;

    border-radius: 4px;
    border: 1px solid #C2C5CC;
    background: #FFFFFF;
    transition: all 0.3s ease-in-out;
}

/* --- 4. Style SVG Icon --- */
.atm-icon-box svg, 
.atm-icon-box svg path {
    width: 24px;
    height: 24px;
    display: block;
    fill: #4A505B;
    transition: all 0.3s ease-in-out;
}

/* =============================================
   EFEK HOVER (Saat Mouse Diarahkan)
   ============================================= */
.atm-service-card:hover {
    border: 1px solid #FFD1B0 !important;
    background: #FFF0E6 !important;
    transform: translateY(-5px);
}

.atm-service-card:hover .atm-icon-box {
    border: 1px solid #FFBA8A !important;
    background: #FF6900 !important;
}

.atm-service-card:hover .atm-icon-box svg path {
    fill: #FFFFFF !important;
}

/* =============================================
   TYPOGRAPHY (FIXED SIZE)
   ============================================= */
.atm-card-heading {
    color: #000000 !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    margin: 0 0 10px 0 !important;
}

.atm-card-desc {
    color: #4A505B !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    margin: 0 !important;
}

/* =============================================
   MEDIA QUERIES (ATURAN KHUSUS DEVICE)
   ============================================= */

/* --- TABLET (Layar 768px - 1024px) --- */
@media (max-width: 1024px) {
    .atm-service-card {
        /* Memaksa jadi 2 Kolom: (50% lebar layar - setengah gap) */
        flex: 0 0 calc(50% - 12px); 
        max-width: calc(50% - 12px);
    }
}

/* --- MOBILE (Layar di bawah 767px) --- */
@media (max-width: 767px) {
    .atm-service-card {
        /* Memaksa jadi 1 Kolom Full Width */
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    /* Opsional: Mengurangi padding di HP agar tidak terlalu lebar */
    .atm-service-card {
        padding: 12px 16px; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23f266a */.elementor-212 .elementor-element.elementor-element-23f266a .elementor-button {
    /* --- Layout --- */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px !important; /* Timpa padding default elementor */
    
    /* --- Style Visual --- */
    border-radius: 6px;
    border: 1px solid #F0F1F3; /* Grey-G50 */
    background: #FFFFFF;       /* Neutral-White */
    
    /* --- Shadow Kompleks (Sesuai Figma) --- */
    box-shadow: 
        0 0 0 0 rgba(194, 194, 194, 0.12), 
        0 0 4px 0 rgba(0, 0, 0, 0.10) inset, 
        0 0 4px 0 rgba(0, 0, 0, 0.10) inset, 
        0 0 4px 0 rgba(0, 0, 0, 0.12);
        
    /* --- Typography (Warna Teks Hitam) --- */
    color: #000000 !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 600; /* Sesuaikan ketebalan */
    text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea43579 *//* --- 1. Container Grid --- */
.atm-services-grid {
    display: flex;
    align-items: stretch; 
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap; 
    width: 100%;
}

/* --- 2. Style Card (DEFAULT DESKTOP) --- */
.atm-service-item {
    /* Desktop: 3 Kolom */
    flex: 1 0 calc(33.333% - 24px); 
    min-width: 280px; 
    
    display: flex;
    padding: 12px 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;

    /* Visual Default (Putih) */
    border-radius: 6px;
    border: 1px solid #C2C5CC; 
    background: #FFFFFF;       
    box-sizing: border-box;
    transition: all 0.3s ease-in-out; 
    position: relative; 
}

/* --- 3. Style Icon Box --- */
.atm-service-icon {
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: center;
    width: 46px; 
    height: 46px;
    box-sizing: border-box;
    
    border-radius: 6px;
    border: 1px solid #F0F1F3; 
    background: #FFFFFF;
    
    /* Shadow */
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.12) inset, 
                0 4px 4px 0 rgba(0, 0, 0, 0.12);
    
    margin-bottom: 14px;
    transition: all 0.3s ease-in-out;
}

.atm-service-icon svg,
.atm-service-icon svg path {
    width: 24px;
    height: 24px;
    display: block;
    transition: all 0.3s ease-in-out;
}

/* --- 4. Typography --- */
.atm-service-heading {
    align-self: stretch !important;
    margin: 0 0 8px 0 !important;
    color: #000000 !important;    
    font-family: 'Manrope', sans-serif !important;
    font-size: 24px !important;   
    font-weight: 600 !important;  
    line-height: 32px !important; 
    transition: all 0.3s ease-in-out;
}

.atm-service-body {
    align-self: stretch !important;
    margin: 0 0 24px 0 !important;
    flex-grow: 1; 
    color: #6A7282 !important;    
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;   
    font-weight: 500 !important;  
    line-height: 24px !important; 
    transition: all 0.3s ease-in-out;
}

/* --- 5. Link Read More --- */
.atm-read-more {
    display: flex;
    align-items: center;
    gap: 14px; 
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.atm-read-more svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    transition: all 0.3s ease-in-out;
}

/* =========================================================
   EFEK HOVER
   ========================================================= */
.atm-service-item:hover {
    background: #FF6900 !important; 
    border-color: #FF6900 !important;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(255, 105, 0, 0.25);
}

.atm-service-item:hover .atm-service-icon {
    background: #FFFFFF !important; 
    border-color: #FFFFFF !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); 
}

.atm-service-item:hover .atm-service-icon svg path,
.atm-service-item:hover .atm-service-icon svg {
    fill: #FF6900 !important;   
    stroke: #FF6900 !important; 
}

.atm-service-item:hover .atm-service-heading,
.atm-service-item:hover .atm-service-body,
.atm-service-item:hover .atm-read-more {
    color: #FFFFFF !important;
}

.atm-service-item:hover .atm-read-more {
    gap: 18px; 
}

/* =========================================================
   RESPONSIVE LOGIC (UPDATED)
   ========================================================= */

/* Tablet (Layar 768px - 1024px) */
@media (max-width: 1024px) {
    .atm-service-item {
        /* Default Tablet: 2 Kolom (50%) */
        flex: 0 0 calc(50% - 12px); 
        min-width: calc(50% - 12px);
    }

    /* TRIK: Membuat kartu TERAKHIR menjadi Full Width */
    /* Ini akan membuat layout: 
       [Card 1] [Card 2]
       [Card 3 Full Width] 
    */
    .atm-service-item:last-child {
        flex: 0 0 100%;
        width: 100%;
    }
}

/* Mobile (Layar di bawah 768px) */
@media (max-width: 767px) {
    .atm-service-item {
        /* Mobile: 1 Kolom Full */
        flex: 0 0 100%;
        min-width: 100%;
    }
    
    /* Reset agar kartu terakhir tidak conflict di HP */
    .atm-service-item:last-child {
        flex: 0 0 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-528b448 */.PROJECTS-container {
    /* Layout & Sizing */
    display: inline-flex; /* Agar kotak mengikuti lebar teks */
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    /* Background & Border */
    background: #FFFFFF; /* var(--Neutral-White) */
    border-radius: 6px;
    border: 1px solid #F0F1F3; /* var(--Grey-G50) */

    /* Box Shadow Spesifik Figma */
    box-shadow: 
        0 0 0 0 rgba(194, 194, 194, 0.12), 
        0 0 4px 0 rgba(0, 0, 0, 0.10) inset, 
        0 0 4px 0 rgba(0, 0, 0, 0.10) inset, 
        0 0 4px 0 rgba(0, 0, 0, 0.12);

    /* Mencegah efek hover sesuai permintaan */
    transition: none;
    cursor: default;
}

.PROJECTS-label {
    /* Typography */
    color: #1D2939; /* Warna teks gelap standar korporat */
    font-family: 'Manrope', sans-serif; /* Sesuai font brand Anda */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24ae7dd *//* Container Utama Full Width */
.elementor-212 .elementor-element.elementor-element-24ae7dd .projects-container-final {
    display: grid !important;
    grid-template-columns: 690fr 486fr !important; /* Rasio figma */
    grid-template-rows: 320px 146px 388px !important; /* Total 902px */
    gap: 24px !important; /* Jarak pas 24px */
    width: 100% !important;
    height: 902px !important;
}

/* Base Card Style */
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-item {
    position: relative !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #000 !important;
}

.elementor-212 .elementor-element.elementor-element-24ae7dd .p-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Gambar tidak gepeng */
    opacity: 0.8 !important;
    transition: 0.5s ease !important;
}

/* Penempatan Presisi Berdasarkan Figma */
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-1 { grid-column: 1; grid-row: 1 / 3; height: 490px !important; } /* Tinggi 490px */
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-2 { grid-column: 2; grid-row: 1; height: 320px !important; }        /* Tinggi 320px */
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-3 { grid-column: 1; grid-row: 3; height: 388px !important; }        /* Tinggi 388px */
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-4 { grid-column: 2; grid-row: 2 / 4; height: 558px !important; } /* Tinggi 558px */

/* Overlay Teks Kontras Tinggi */
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-overlay {
    position: absolute !important;
    bottom: 0; left: 0; right: 0;
    padding: 24px !important;
    background: linear-gradient(0deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 60%, transparent 100%) !important;
    z-index: 10;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.4s ease !important;
}

.elementor-212 .elementor-element.elementor-element-24ae7dd .p-item:hover .p-overlay { opacity: 1; transform: translateY(0); }
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-item:hover img { opacity: 1; transform: scale(1.05); }

/* Typography Putih Bersih */
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-overlay h3 { color: #FFFFFF !important; font-family: 'Manrope'; font-size: 18px; font-weight: 700; margin: 0 0 5px 0 !important; }
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-overlay h4 { color: #FFFFFF !important; font-family: 'Manrope'; font-size: 14px; margin: 0 0 10px 0 !important; opacity: 0.9; }
.elementor-212 .elementor-element.elementor-element-24ae7dd .p-overlay p { color: #FF6900 !important; font-family: 'Manrope'; font-size: 13px; line-height: 1.4; font-weight: 600; margin: 0 !important; }

/* Responsif Mobile */
@media (max-width: 767px) {
    .elementor-212 .elementor-element.elementor-element-24ae7dd .projects-container-final {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        gap: 20px !important;
    }
    .elementor-212 .elementor-element.elementor-element-24ae7dd .p-item { height: 300px !important; }
    .elementor-212 .elementor-element.elementor-element-24ae7dd .p-overlay { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-05818e5 *//* Styling tombol Let's Discuss agar teks rata tengah sempurna */
.elementor-212 .elementor-element.elementor-element-05818e5 .elementor-button {
    /* Layout & Sizing */
    display: flex !important;
    width: 183px !important;
    height: 44px !important;
    padding: 0 !important; /* Padding dihilangkan agar flex-center bekerja maksimal */
    flex-direction: row !important; /* Diubah ke row untuk mempermudah centering teks */
    
    /* Centering Mechanism */
    justify-content: center !important; /* Rata tengah horizontal */
    align-items: center !important;     /* Rata tengah vertikal */
    text-align: center !important;

    /* Background & Border */
    background-color: #FFFFFF !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 0, 0, 0.09) !important;
    
    /* Box Shadow Spesifik Figma */
    box-shadow: 
        0 1px 3px 0 rgba(11, 19, 36, 0.07), 
        0 -1px 0 0 rgba(0, 0, 0, 0.12) inset !important;

    /* Typography */
    color: #FF6900 !important;
    transition: all 0.3s ease !important;
}

/* Hover Effect: Perubahan warna teks */
.elementor-212 .elementor-element.elementor-element-05818e5 .elementor-button:hover {
    color: #B54B00 !important;
    background-color: #FFFFFF !important;
}

/* Memastikan elemen span di dalam tombol juga rata tengah */
.elementor-212 .elementor-element.elementor-element-05818e5 .elementor-button-content-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.elementor-212 .elementor-element.elementor-element-05818e5 .elementor-button-text {
    font-family: 'Manrope', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important; /* Menghindari gap tambahan dari line-height */
}/* End custom CSS */