.elementor-4908 .elementor-element.elementor-element-af92000{--display:flex;--min-height:500px;--justify-content:center;--overlay-opacity:0.25;}.elementor-4908 .elementor-element.elementor-element-af92000:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-af92000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://belajar-wordpress.artsyanaid.com/wp-content/uploads/2026/09/new-beach.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4908 .elementor-element.elementor-element-af92000::before, .elementor-4908 .elementor-element.elementor-element-af92000 > .elementor-background-video-container::before, .elementor-4908 .elementor-element.elementor-element-af92000 > .e-con-inner > .elementor-background-video-container::before, .elementor-4908 .elementor-element.elementor-element-af92000 > .elementor-background-slideshow::before, .elementor-4908 .elementor-element.elementor-element-af92000 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4908 .elementor-element.elementor-element-af92000 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.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-4908 .elementor-element.elementor-element-975dc68{text-align:center;}.elementor-4908 .elementor-element.elementor-element-975dc68 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-4908 .elementor-element.elementor-element-975dc68.elementor-element{--align-self:flex-start;}.elementor-4908 .elementor-element.elementor-element-ee690fa{text-align:start;width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-ee690fa .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:45px;font-weight:500;color:#FFFFFF;}.elementor-4908 .elementor-element.elementor-element-ee690fa.elementor-element{--align-self:flex-start;}.elementor-4908 .elementor-element.elementor-element-3496edf{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4908 .elementor-element.elementor-element-3496edf:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-3496edf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-e5bec9e{--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4908 .elementor-element.elementor-element-e5bec9e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4908 .elementor-element.elementor-element-e6eb8b1{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4908 .elementor-element.elementor-element-e6eb8b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4908 .elementor-element.elementor-element-29369a0{text-align:start;}.elementor-4908 .elementor-element.elementor-element-29369a0 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.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-4908 .elementor-element.elementor-element-c8c3b5b{text-align:justify;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-4908 .elementor-element.elementor-element-9a903a7{--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;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4908 .elementor-element.elementor-element-bac45bd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;width:var( --container-widget-width, 48.723% );max-width:48.723%;--container-widget-width:48.723%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item > a{font-family:"DM Serif Display", Sans-serif;font-size:20px;font-weight:500;}.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-text{transition:color 0.3s;}.elementor-4908 .elementor-element.elementor-element-bac45bd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4908 .elementor-element.elementor-element-59b8fb8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item > a{font-family:"DM Serif Display", Sans-serif;font-weight:400;}.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4908 .elementor-element.elementor-element-21a46ef{--display:flex;}.elementor-4908 .elementor-element.elementor-element-21a46ef:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-21a46ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-79c3a7f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4908 .elementor-element.elementor-element-79c3a7f:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-79c3a7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-0fa52a1{text-align:center;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-0fa52a1 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:40px;font-weight:500;color:#000000;}.elementor-4908 .elementor-element.elementor-element-0fa52a1.elementor-element{--align-self:center;}.elementor-4908 .elementor-element.elementor-element-9ba00c5{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#000000;width:var( --container-widget-width, 102.636% );max-width:102.636%;--container-widget-width:102.636%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-9ba00c5 p{margin-block-end:0px;}.elementor-4908 .elementor-element.elementor-element-9ba00c5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4908 .elementor-element.elementor-element-7ec02b6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4908 .elementor-element.elementor-element-ae6b0ca{--display:flex;--justify-content:center;--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-weight:var( --e-global-typography-text-font-weight );}.elementor-4908 .elementor-element.elementor-element-a3dda44 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-4908 .elementor-element.elementor-element-2a27413{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4908 .elementor-element.elementor-element-a8dd64c{--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:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4908 .elementor-element.elementor-element-202e037{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#C81C44;--border-color:#C81C44;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4908 .elementor-element.elementor-element-202e037:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-202e037 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-4908 .elementor-element.elementor-element-202e037.e-con:hover{--e-con-transform-translateY:-4px;}.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-4908 .elementor-element.elementor-element-d557ec6 .elementor-icon-wrapper{text-align:start;}.elementor-4908 .elementor-element.elementor-element-d557ec6.elementor-view-stacked .elementor-icon{background-color:#F65A1E;color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-d557ec6.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-d557ec6.elementor-view-default .elementor-icon{color:#F65A1E;border-color:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-d557ec6.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-d557ec6.elementor-view-default .elementor-icon svg{fill:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-d557ec6.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-d557ec6.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-d557ec6 .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-4908 .elementor-element.elementor-element-d557ec6 .elementor-icon svg{height:20px;}.elementor-4908 .elementor-element.elementor-element-d557ec6{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-4908 .elementor-element.elementor-element-d557ec6.elementor-element{--align-self:flex-start;}.elementor-4908 .elementor-element.elementor-element-09ecaf4 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-4908 .elementor-element.elementor-element-e78d876{text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;color:#000000;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-76a464f{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#C81C44;--border-color:#C81C44;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4908 .elementor-element.elementor-element-76a464f:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-76a464f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-4908 .elementor-element.elementor-element-76a464f.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-4908 .elementor-element.elementor-element-fc336dc .elementor-icon-wrapper{text-align:start;}.elementor-4908 .elementor-element.elementor-element-fc336dc.elementor-view-stacked .elementor-icon{background-color:#F65A1E;color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-fc336dc.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-fc336dc.elementor-view-default .elementor-icon{color:#F65A1E;border-color:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-fc336dc.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-fc336dc.elementor-view-default .elementor-icon svg{fill:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-fc336dc.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-fc336dc.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-fc336dc .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-4908 .elementor-element.elementor-element-fc336dc .elementor-icon svg{height:20px;}.elementor-4908 .elementor-element.elementor-element-fc336dc{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-4908 .elementor-element.elementor-element-fc336dc.elementor-element{--align-self:flex-start;}.elementor-4908 .elementor-element.elementor-element-0d0560b .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-4908 .elementor-element.elementor-element-2e6fb34{text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;color:#000000;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-66a7d11{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4908 .elementor-element.elementor-element-5e09c49{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#C81C44;--border-color:#C81C44;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4908 .elementor-element.elementor-element-5e09c49:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-5e09c49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-4908 .elementor-element.elementor-element-5e09c49.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-4908 .elementor-element.elementor-element-2adad4e .elementor-icon-wrapper{text-align:start;}.elementor-4908 .elementor-element.elementor-element-2adad4e.elementor-view-stacked .elementor-icon{background-color:#F65A1E;color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-2adad4e.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-2adad4e.elementor-view-default .elementor-icon{color:#F65A1E;border-color:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-2adad4e.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-2adad4e.elementor-view-default .elementor-icon svg{fill:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-2adad4e.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-2adad4e.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-2adad4e .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-4908 .elementor-element.elementor-element-2adad4e .elementor-icon svg{height:20px;}.elementor-4908 .elementor-element.elementor-element-2adad4e{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-4908 .elementor-element.elementor-element-2adad4e.elementor-element{--align-self:flex-start;}.elementor-4908 .elementor-element.elementor-element-32a2c0d .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-4908 .elementor-element.elementor-element-7a5c7fc{text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;color:#000000;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-f3974b3{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#C81C44;--border-color:#C81C44;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4908 .elementor-element.elementor-element-f3974b3:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-f3974b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-4908 .elementor-element.elementor-element-f3974b3.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-4908 .elementor-element.elementor-element-9a72b4a .elementor-icon-wrapper{text-align:start;}.elementor-4908 .elementor-element.elementor-element-9a72b4a.elementor-view-stacked .elementor-icon{background-color:#F65A1E;color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-9a72b4a.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-9a72b4a.elementor-view-default .elementor-icon{color:#F65A1E;border-color:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-9a72b4a.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-9a72b4a.elementor-view-default .elementor-icon svg{fill:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-9a72b4a.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-9a72b4a.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-9a72b4a .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-4908 .elementor-element.elementor-element-9a72b4a .elementor-icon svg{height:20px;}.elementor-4908 .elementor-element.elementor-element-9a72b4a{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-4908 .elementor-element.elementor-element-9a72b4a.elementor-element{--align-self:flex-start;}.elementor-4908 .elementor-element.elementor-element-46cf300 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-4908 .elementor-element.elementor-element-e372f55{text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;color:#000000;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-a243b20{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4908 .elementor-element.elementor-element-0ba67ef{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#C81C44;--border-color:#C81C44;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4908 .elementor-element.elementor-element-0ba67ef:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-0ba67ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-4908 .elementor-element.elementor-element-0ba67ef.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-4908 .elementor-element.elementor-element-69db986 .elementor-icon-wrapper{text-align:start;}.elementor-4908 .elementor-element.elementor-element-69db986.elementor-view-stacked .elementor-icon{background-color:#F65A1E;color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-69db986.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-69db986.elementor-view-default .elementor-icon{color:#F65A1E;border-color:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-69db986.elementor-view-framed .elementor-icon, .elementor-4908 .elementor-element.elementor-element-69db986.elementor-view-default .elementor-icon svg{fill:#F65A1E;}.elementor-4908 .elementor-element.elementor-element-69db986.elementor-view-framed .elementor-icon{background-color:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-69db986.elementor-view-stacked .elementor-icon svg{fill:#F7F1E7;}.elementor-4908 .elementor-element.elementor-element-69db986 .elementor-icon{font-size:20px;border-width:2px 2px 2px 2px;}.elementor-4908 .elementor-element.elementor-element-69db986 .elementor-icon svg{height:20px;}.elementor-4908 .elementor-element.elementor-element-69db986{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-4908 .elementor-element.elementor-element-69db986.elementor-element{--align-self:flex-start;}.elementor-4908 .elementor-element.elementor-element-55c9fdc .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:23px;font-weight:500;color:#000000;}.elementor-4908 .elementor-element.elementor-element-cfed87a{text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;color:#000000;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-5f852cf{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.48;--margin-top:070px;--margin-bottom:070px;--margin-left:0px;--margin-right:0px;}.elementor-4908 .elementor-element.elementor-element-5f852cf:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-5f852cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://belajar-wordpress.artsyanaid.com/wp-content/uploads/2026/08/hero-about.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4908 .elementor-element.elementor-element-5f852cf::before, .elementor-4908 .elementor-element.elementor-element-5f852cf > .elementor-background-video-container::before, .elementor-4908 .elementor-element.elementor-element-5f852cf > .e-con-inner > .elementor-background-video-container::before, .elementor-4908 .elementor-element.elementor-element-5f852cf > .elementor-background-slideshow::before, .elementor-4908 .elementor-element.elementor-element-5f852cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-4908 .elementor-element.elementor-element-5f852cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#1B1A1A;}.elementor-4908 .elementor-element.elementor-element-5f852cf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button{font-family:"DM Serif Display", Sans-serif;font-size:14px;font-weight:500;background-color:#7A7A7A;}.elementor-4908 .elementor-element.elementor-element-3cc3ffd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4908 .elementor-element.elementor-element-65807db{text-align:center;width:var( --container-widget-width, 66.86% );max-width:66.86%;--container-widget-width:66.86%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-65807db .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-4908 .elementor-element.elementor-element-65807db.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4908 .elementor-element.elementor-element-16eca54{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;width:var( --container-widget-width, 61.17% );max-width:61.17%;--container-widget-width:61.17%;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-16eca54.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button{font-family:"DM Serif Display", Sans-serif;font-size:17px;font-weight:500;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4908 .elementor-element.elementor-element-ee690fa .elementor-heading-title{font-size:31px;}.elementor-4908 .elementor-element.elementor-element-ee690fa{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4908 .elementor-element.elementor-element-bc74a5e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0330px) 0px;}.elementor-4908 .elementor-element.elementor-element-bac45bd{width:var( --container-widget-width, 299.538px );max-width:299.538px;--container-widget-width:299.538px;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-59b8fb8{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4908 .elementor-element.elementor-element-0fa52a1{text-align:center;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4908 .elementor-element.elementor-element-0fa52a1 .elementor-heading-title{font-size:40px;}.elementor-4908 .elementor-element.elementor-element-9ba00c5{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 380.525px );max-width:380.525px;--container-widget-width:380.525px;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-9ba00c5 p{margin-block-end:0px;}.elementor-4908 .elementor-element.elementor-element-7ec02b6{--gap:13px 13px;--row-gap:13px;--column-gap:13px;}.elementor-4908 .elementor-element.elementor-element-a3dda44 img{width:100%;height:240px;object-position:center center;}.elementor-4908 .elementor-element.elementor-element-2a27413{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4908 .elementor-element.elementor-element-a8dd64c{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4908 .elementor-element.elementor-element-66a7d11{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4908 .elementor-element.elementor-element-5e09c49{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4908 .elementor-element.elementor-element-5f852cf{--width:500px;--min-height:430px;}.elementor-4908 .elementor-element.elementor-element-5f852cf.e-con{--align-self:center;}.elementor-4908 .elementor-element.elementor-element-3cc3ffd{width:var( --container-widget-width, 201.8px );max-width:201.8px;--container-widget-width:201.8px;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-65807db .elementor-heading-title{font-size:40px;}.elementor-4908 .elementor-element.elementor-element-65807db{width:var( --container-widget-width, 344.8px );max-width:344.8px;--container-widget-width:344.8px;--container-widget-flex-grow:0;}.elementor-4908 .elementor-element.elementor-element-16eca54{text-align:justify;font-size:15px;width:var( --container-widget-width, 383.236px );max-width:383.236px;--container-widget-width:383.236px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-4908 .elementor-element.elementor-element-e5bec9e{--width:45.836%;}.elementor-4908 .elementor-element.elementor-element-e6eb8b1{--width:49.629%;}.elementor-4908 .elementor-element.elementor-element-7ec02b6{--width:100%;}.elementor-4908 .elementor-element.elementor-element-ae6b0ca{--width:50%;}.elementor-4908 .elementor-element.elementor-element-5f852cf{--width:100%;}}@media(min-width:1025px){.elementor-4908 .elementor-element.elementor-element-5f852cf:not(.elementor-motion-effects-element-type-background), .elementor-4908 .elementor-element.elementor-element-5f852cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for icon-list, class: .elementor-element-bac45bd *//* ============================================================
   ICON LIST — SECTION ABOUT US
   v3.0 (redesign + recolor)
   Tempel di : Widget Icon List > Advanced > Custom CSS
   (pasang di KEDUA widget icon list Anda)

   PERUBAHAN v3.0 dari v2.0
   - WARNA: teal -> ORANYE #F6521A (ubah di variabel --il-brand dkk).
   - TAMPILAN dirombak biar beda & lebih bersih:
       * Ikon jadi SQUIRCLE (kotak membulat), bukan lingkaran.
       * Kartu punya bg gradasi halus + garis tepi tipis + shadow lembut.
   - INTERAKSI hover baru: kartu terangkat, GARIS AKSEN KIRI tumbuh,
     KILAU (shine) menyapu kartu, ikon membesar + gradasi menua.
   - Efek 3D rotateY & animasi "napas"/ring berdenyut DIBUANG
     (bikin teks buram & terlalu ramai). Diganti reveal masuk yg rapi
     + interaksi hover yang lebih elegan.

   PENGATURAN DI PANEL ELEMENTOR (sama seperti sebelumnya)
   - Layout > Inline  : OFF
   - Layout > Divider : OFF
   - Space Between    : 0 (jarak sudah diatur CSS ini)
   ============================================================ */

.elementor-4908 .elementor-element.elementor-element-bac45bd {
    /* v3.0 — palet oranye */
    --il-brand:      #F6521A;   /* oranye utama */
    --il-brand-dark: #D8430E;   /* oranye gelap */
    --il-brand-deep: #A83109;   /* oranye paling gelap (teks hover) */
    --il-soft:       #FFEDE4;   /* oranye sangat muda (bg hover) */
    --il-soft2:      #FFF7F2;   /* krem hangat (bg dasar kartu) */
    --il-ink:        #2E1C12;   /* teks — coklat gelap hangat */
    --il-line:       rgba(246, 82, 26, .20);
}

/* ============================================================
   1. WADAH LIST — menumpuk vertikal (satu item per baris)
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-items {
    display: block !important;      /* tidak ada grid/flex paksa */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ============================================================
   2. BARIS / KARTU ITEM
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item {
    position: relative;
    overflow: hidden;                /* v3.0 — untuk kilau & garis aksen */
    display: flex !important;
    align-items: center;
    gap: 14px;

    width: 100%;
    margin: 0 0 10px 0 !important;
    padding: 12px 16px 12px 15px !important;

    background: linear-gradient(180deg, #FFFFFF 0%, var(--il-soft2) 100%);
    border: 1px solid var(--il-line);
    border-radius: 14px;
    box-shadow: 0 6px 16px -12px rgba(70, 30, 10, .40);

    transition: transform .4s cubic-bezier(.22, 1, .36, 1),
                box-shadow .4s ease,
                border-color .4s ease,
                background .4s ease;

    /* v3.0 — reveal masuk yang rapi (tanpa animasi idle terus-menerus) */
    animation: ilMasuk .55s cubic-bezier(.22, 1, .36, 1) both;
}
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:last-child { margin-bottom: 0 !important; }

/* Jeda masuk bertahap (dukung sampai 6 item) */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:nth-child(1) { animation-delay: .05s; }
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:nth-child(2) { animation-delay: .13s; }
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:nth-child(3) { animation-delay: .21s; }
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:nth-child(4) { animation-delay: .29s; }
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:nth-child(5) { animation-delay: .37s; }
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:nth-child(6) { animation-delay: .45s; }

/* v3.0 — garis aksen kiri (tumbuh saat hover) */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 4px; height: 0;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, var(--il-brand), var(--il-brand-dark));
    transition: height .45s cubic-bezier(.22, 1, .36, 1);
}

/* v3.0 — kilau (shine) menyapu kartu saat hover */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item::after {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: -45%;
    width: 38%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
    transform: skewX(-18deg);
    opacity: 0;
    pointer-events: none;
    transition: left .75s cubic-bezier(.22, 1, .36, 1), opacity .3s ease;
}

/* Link pembungkus di dalam item */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item > a {
    display: flex !important;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-width: 0;                    /* teks boleh menyusut, ikon tetap utuh */
    text-decoration: none;
    position: relative;
    z-index: 1;                      /* di atas kilau */
}

/* ============================================================
   3. IKON — squircle gradasi oranye
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon {
    position: relative;
    flex: 0 0 38px;                  /* ikon tidak pernah gepeng */
    width: 38px !important;
    height: 38px !important;
    aspect-ratio: 1 / 1;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    border-radius: 12px;             /* v3.0 — squircle, bukan lingkaran */
    background: linear-gradient(135deg, var(--il-brand) 0%, var(--il-brand-dark) 100%);
    box-shadow: 0 6px 14px -4px rgba(246, 82, 26, .55),
                inset 0 1px 0 rgba(255, 255, 255, .25);

    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1),
                background .4s ease,
                box-shadow .4s ease,
                border-radius .45s ease;
}

.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon i,
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1);
}

/* ============================================================
   4. TEKS — bebas memanjang, tidak dipaksa turun baris
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-text {
    flex: 1 1 auto;
    min-width: 0;                    /* cegah teks mendorong ikon */
    color: var(--il-ink) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: .1px;
    padding: 0 !important;
    transition: color .35s ease, transform .4s cubic-bezier(.22, 1, .36, 1);
}

/* ============================================================
   5. HOVER — kartu terangkat, aksen & kilau muncul
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:hover {
    transform: translateY(-3px);
    background: linear-gradient(180deg, #FFFFFF 0%, var(--il-soft) 100%);
    border-color: rgba(246, 82, 26, .50);
    box-shadow: 0 16px 30px -14px rgba(246, 82, 26, .50);
}
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:hover::before { height: 62%; }
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:hover::after  { left: 130%; opacity: 1; }

.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:hover .elementor-icon-list-icon {
    transform: scale(1.08) rotate(-6deg);
    border-radius: 14px;
    background: linear-gradient(135deg, var(--il-brand-dark) 0%, var(--il-brand-deep) 100%);
    box-shadow: 0 10px 22px -6px rgba(168, 49, 9, .55);
}
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    transform: rotate(6deg) scale(1.1);
}
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--il-brand-deep) !important;
    transform: translateX(3px);
}

/* Fokus keyboard */
.elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item > a:focus-visible {
    outline: 3px solid var(--il-brand-deep);
    outline-offset: 3px;
    border-radius: 10px;
}

/* ============================================================
   6. KEYFRAMES
   ============================================================ */
@keyframes ilMasuk {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   7. RESPONSIVE — TABLET (max 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item {
        padding: 11px 14px 11px 13px !important;
        margin-bottom: 9px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon {
        flex: 0 0 34px;
        width: 34px !important;
        height: 34px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon i,
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon svg {
        font-size: 15px !important; width: 15px !important; height: 15px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-text { font-size: 14px !important; }
}

/* ============================================================
   8. RESPONSIVE — MOBILE (max 767px)
   Hover tidak ada di layar sentuh -> beri umpan balik saat ditekan
   ============================================================ */
@media (max-width: 767px) {
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item {
        padding: 11px 13px !important;
        margin-bottom: 8px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon {
        flex: 0 0 34px; width: 34px !important; height: 34px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon i,
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon svg {
        font-size: 14px !important; width: 14px !important; height: 14px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-text { font-size: 14px !important; line-height: 1.5 !important; }

    /* umpan balik saat item ditekan */
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:active {
        transform: scale(.985) !important;
        border-color: var(--il-brand);
        box-shadow: 0 8px 18px -8px rgba(246, 82, 26, .45);
    }
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item:active::before { height: 62%; }
}

/* Layar sangat kecil (max 380px) */
@media (max-width: 380px) {
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item { padding: 10px 11px !important; gap: 11px; }
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-text { font-size: 13px !important; }
}

/* ============================================================
   9. AKSESIBILITAS — hormati preferensi reduce motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item,
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item::before,
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-item::after,
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon,
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon i,
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-icon svg,
    .elementor-4908 .elementor-element.elementor-element-bac45bd .elementor-icon-list-text {
        animation: none !important;
        transition: background .2s ease, border-color .2s ease, color .2s ease !important;
        transform: none !important;
        opacity: 1 !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59b8fb8 *//* ============================================================
   ICON LIST — SECTION ABOUT US
   v3.0 (redesign + recolor)
   Tempel di : Widget Icon List > Advanced > Custom CSS
   (pasang di KEDUA widget icon list Anda)

   PERUBAHAN v3.0 dari v2.0
   - WARNA: teal -> ORANYE #F6521A (ubah di variabel --il-brand dkk).
   - TAMPILAN dirombak biar beda & lebih bersih:
       * Ikon jadi SQUIRCLE (kotak membulat), bukan lingkaran.
       * Kartu punya bg gradasi halus + garis tepi tipis + shadow lembut.
   - INTERAKSI hover baru: kartu terangkat, GARIS AKSEN KIRI tumbuh,
     KILAU (shine) menyapu kartu, ikon membesar + gradasi menua.
   - Efek 3D rotateY & animasi "napas"/ring berdenyut DIBUANG
     (bikin teks buram & terlalu ramai). Diganti reveal masuk yg rapi
     + interaksi hover yang lebih elegan.

   PENGATURAN DI PANEL ELEMENTOR (sama seperti sebelumnya)
   - Layout > Inline  : OFF
   - Layout > Divider : OFF
   - Space Between    : 0 (jarak sudah diatur CSS ini)
   ============================================================ */

.elementor-4908 .elementor-element.elementor-element-59b8fb8 {
    /* v3.0 — palet oranye */
    --il-brand:      #F6521A;   /* oranye utama */
    --il-brand-dark: #D8430E;   /* oranye gelap */
    --il-brand-deep: #A83109;   /* oranye paling gelap (teks hover) */
    --il-soft:       #FFEDE4;   /* oranye sangat muda (bg hover) */
    --il-soft2:      #FFF7F2;   /* krem hangat (bg dasar kartu) */
    --il-ink:        #2E1C12;   /* teks — coklat gelap hangat */
    --il-line:       rgba(246, 82, 26, .20);
}

/* ============================================================
   1. WADAH LIST — menumpuk vertikal (satu item per baris)
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-items {
    display: block !important;      /* tidak ada grid/flex paksa */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ============================================================
   2. BARIS / KARTU ITEM
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item {
    position: relative;
    overflow: hidden;                /* v3.0 — untuk kilau & garis aksen */
    display: flex !important;
    align-items: center;
    gap: 14px;

    width: 100%;
    margin: 0 0 10px 0 !important;
    padding: 12px 16px 12px 15px !important;

    background: linear-gradient(180deg, #FFFFFF 0%, var(--il-soft2) 100%);
    border: 1px solid var(--il-line);
    border-radius: 14px;
    box-shadow: 0 6px 16px -12px rgba(70, 30, 10, .40);

    transition: transform .4s cubic-bezier(.22, 1, .36, 1),
                box-shadow .4s ease,
                border-color .4s ease,
                background .4s ease;

    /* v3.0 — reveal masuk yang rapi (tanpa animasi idle terus-menerus) */
    animation: ilMasuk .55s cubic-bezier(.22, 1, .36, 1) both;
}
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:last-child { margin-bottom: 0 !important; }

/* Jeda masuk bertahap (dukung sampai 6 item) */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:nth-child(1) { animation-delay: .05s; }
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:nth-child(2) { animation-delay: .13s; }
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:nth-child(3) { animation-delay: .21s; }
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:nth-child(4) { animation-delay: .29s; }
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:nth-child(5) { animation-delay: .37s; }
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:nth-child(6) { animation-delay: .45s; }

/* v3.0 — garis aksen kiri (tumbuh saat hover) */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 4px; height: 0;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, var(--il-brand), var(--il-brand-dark));
    transition: height .45s cubic-bezier(.22, 1, .36, 1);
}

/* v3.0 — kilau (shine) menyapu kartu saat hover */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item::after {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: -45%;
    width: 38%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
    transform: skewX(-18deg);
    opacity: 0;
    pointer-events: none;
    transition: left .75s cubic-bezier(.22, 1, .36, 1), opacity .3s ease;
}

/* Link pembungkus di dalam item */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item > a {
    display: flex !important;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-width: 0;                    /* teks boleh menyusut, ikon tetap utuh */
    text-decoration: none;
    position: relative;
    z-index: 1;                      /* di atas kilau */
}

/* ============================================================
   3. IKON — squircle gradasi oranye
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon {
    position: relative;
    flex: 0 0 38px;                  /* ikon tidak pernah gepeng */
    width: 38px !important;
    height: 38px !important;
    aspect-ratio: 1 / 1;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    border-radius: 12px;             /* v3.0 — squircle, bukan lingkaran */
    background: linear-gradient(135deg, var(--il-brand) 0%, var(--il-brand-dark) 100%);
    box-shadow: 0 6px 14px -4px rgba(246, 82, 26, .55),
                inset 0 1px 0 rgba(255, 255, 255, .25);

    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1),
                background .4s ease,
                box-shadow .4s ease,
                border-radius .45s ease;
}

.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon i,
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1);
}

/* ============================================================
   4. TEKS — bebas memanjang, tidak dipaksa turun baris
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-text {
    flex: 1 1 auto;
    min-width: 0;                    /* cegah teks mendorong ikon */
    color: var(--il-ink) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: .1px;
    padding: 0 !important;
    transition: color .35s ease, transform .4s cubic-bezier(.22, 1, .36, 1);
}

/* ============================================================
   5. HOVER — kartu terangkat, aksen & kilau muncul
   ============================================================ */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:hover {
    transform: translateY(-3px);
    background: linear-gradient(180deg, #FFFFFF 0%, var(--il-soft) 100%);
    border-color: rgba(246, 82, 26, .50);
    box-shadow: 0 16px 30px -14px rgba(246, 82, 26, .50);
}
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:hover::before { height: 62%; }
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:hover::after  { left: 130%; opacity: 1; }

.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    transform: scale(1.08) rotate(-6deg);
    border-radius: 14px;
    background: linear-gradient(135deg, var(--il-brand-dark) 0%, var(--il-brand-deep) 100%);
    box-shadow: 0 10px 22px -6px rgba(168, 49, 9, .55);
}
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    transform: rotate(6deg) scale(1.1);
}
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--il-brand-deep) !important;
    transform: translateX(3px);
}

/* Fokus keyboard */
.elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item > a:focus-visible {
    outline: 3px solid var(--il-brand-deep);
    outline-offset: 3px;
    border-radius: 10px;
}

/* ============================================================
   6. KEYFRAMES
   ============================================================ */
@keyframes ilMasuk {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   7. RESPONSIVE — TABLET (max 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item {
        padding: 11px 14px 11px 13px !important;
        margin-bottom: 9px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon {
        flex: 0 0 34px;
        width: 34px !important;
        height: 34px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon i,
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon svg {
        font-size: 15px !important; width: 15px !important; height: 15px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-text { font-size: 14px !important; }
}

/* ============================================================
   8. RESPONSIVE — MOBILE (max 767px)
   Hover tidak ada di layar sentuh -> beri umpan balik saat ditekan
   ============================================================ */
@media (max-width: 767px) {
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item {
        padding: 11px 13px !important;
        margin-bottom: 8px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon {
        flex: 0 0 34px; width: 34px !important; height: 34px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon i,
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon svg {
        font-size: 14px !important; width: 14px !important; height: 14px !important;
    }
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-text { font-size: 14px !important; line-height: 1.5 !important; }

    /* umpan balik saat item ditekan */
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:active {
        transform: scale(.985) !important;
        border-color: var(--il-brand);
        box-shadow: 0 8px 18px -8px rgba(246, 82, 26, .45);
    }
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item:active::before { height: 62%; }
}

/* Layar sangat kecil (max 380px) */
@media (max-width: 380px) {
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item { padding: 10px 11px !important; gap: 11px; }
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-text { font-size: 13px !important; }
}

/* ============================================================
   9. AKSESIBILITAS — hormati preferensi reduce motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item,
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item::before,
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-item::after,
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon,
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon i,
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-icon svg,
    .elementor-4908 .elementor-element.elementor-element-59b8fb8 .elementor-icon-list-text {
        animation: none !important;
        transition: background .2s ease, border-color .2s ease, color .2s ease !important;
        transform: none !important;
        opacity: 1 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a903a7 *//* =========================================
   CUSTOM CSS: 2 KOLOM RAPI UNTUK MOBILE
========================================= */
@media (max-width: 767px) {
    /* 1. Ubah container utama menjadi Grid 2 kolom */
    .elementor-4908 .elementor-element.elementor-element-9a903a7 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Membagi jadi 2 bersebelahan */
        gap: 12px !important; /* Jarak antar kotak agar tidak menempel */
        padding: 10px !important; /* Penyesuaian ruang di pinggir */
    }

    /* Pastikan setiap kotak mengisi penuh kolomnya */
    .elementor-4908 .elementor-element.elementor-element-9a903a7 > * {
        width: 100% !important;
        margin: 0 !important;
    }

    /* 2. Ubah Layout Kotak: Ikon di atas, Teks di tengah bawah */
    /* (Mencakup widget Icon Box, Inner Container, atau list item) */
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon-box-wrapper,
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon-list-item,
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 15px 10px !important;
        height: 100%; /* Menyamakan tinggi kotak bersampingan */
    }

    /* 3. Penyesuaian letak Ikon agar center */
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon-box-icon,
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon-wrapper,
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon-list-icon {
        margin-right: 0 !important; /* Hilangkan jarak kanan bawaan desktop */
        margin-bottom: 8px !important; /* Beri jarak ke teks di bawahnya */
    }

    /* Memperkecil Ikon sedikit agar pas di HP */
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon,
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon-wrapper i {
        font-size: 18px !important;
        padding: 12px !important;
        width: 45px !important;
        height: 45px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 4. Memperkecil ukuran font teks agar rapi & tidak terpotong */
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon-box-title,
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-heading-title,
    .elementor-4908 .elementor-element.elementor-element-9a903a7 .elementor-icon-list-text {
        font-size: 12px !important;
        line-height: 1.4 !important;
        font-weight: 600 !important;
        white-space: normal !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3dda44 *//* ============================================================
   CUSTOM CSS - GAMBAR "Why Travel to Bali" (VERSI v2)
   Warna brand : #f65a1e
   Catatan     : struktur & komentar asli dipertahankan.
                 Baris baru/berubah ditandai dengan "v2".
   ============================================================ */

/* Frame Utama dan Animasi Melayang */
.elementor-4908 .elementor-element.elementor-element-a3dda44 {
    position: relative;                    /* v2: agar kilau & bingkai menempel */
    --jarak-melayang: -12px;               /* v2: jarak melayang (dipakai keyframes) */
    border-radius: 20px;
    overflow: hidden;
    /* v2: bingkai oranye tipis + bayangan lembut */
    box-shadow: inset 0 0 0 2px rgba(246, 90, 30, 0.35),
                0 12px 30px rgba(0, 0, 0, 0.10);
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    animation: floatAnimation 6s ease-in-out infinite;   /* v2: lebih halus (6s) */
}

/* Efek Transisi Foto */
.elementor-4908 .elementor-element.elementor-element-a3dda44 img {
    transition: transform 0.6s ease;
    display: block;
    width: 100%;
    height: auto;                          /* v2: jaga proporsi foto */
}

/* v2: Kilau cahaya yang menyapu foto secara berkala */
.elementor-4908 .elementor-element.elementor-element-a3dda44::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;                  /* tidak menghalangi klik */
    background: linear-gradient(
        115deg,
        transparent 30%,
        rgba(255, 255, 255, 0.25) 47%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0.25) 53%,
        transparent 70%
    );
    background-size: 250% 100%;
    background-position: 150% 0;
    animation: kilauFoto 5s ease-in-out infinite;
}

/* Efek Hover (Glow Oranye & Zoom Halus) */
.elementor-4908 .elementor-element.elementor-element-a3dda44:hover {
    /* v2: bingkai oranye lebih tegas + glow oranye */
    box-shadow: inset 0 0 0 2px rgba(246, 90, 30, 0.70),
                0 20px 45px rgba(246, 90, 30, 0.28);
}
.elementor-4908 .elementor-element.elementor-element-a3dda44:hover img {
    transform: scale(1.07);
}

/* Keyframes Gerakan Melayang */
@keyframes floatAnimation {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(var(--jarak-melayang)); }   /* v2: pakai variabel */
    100% { transform: translateY(0px); }
}

/* v2: Keyframes kilau menyapu (ada jeda diam sebelum menyapu) */
@keyframes kilauFoto {
    0%, 55% { background-position: 150% 0; }
    100%    { background-position: -150% 0; }
}

/* v2: RESPONSIVE - penyesuaian tampilan di mobile */
@media (max-width: 767px) {
    .elementor-4908 .elementor-element.elementor-element-a3dda44 {
        --jarak-melayang: -6px;            /* v2: melayang lebih kecil di mobile */
        border-radius: 16px;
        animation-duration: 5s;
    }
}

/* v2: Hormati pengguna yang mematikan animasi */
@media (prefers-reduced-motion: reduce) {
    .elementor-4908 .elementor-element.elementor-element-a3dda44 { animation: none; }
    .elementor-4908 .elementor-element.elementor-element-a3dda44::after { animation: none; opacity: 0; }
    .elementor-4908 .elementor-element.elementor-element-a3dda44:hover img { transform: none; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3cc3ffd *//* ============================================================= */
/*  BADGE ATAS — LIQUID GLASS (kaca cair) + ANIMASI              */
/*  "PRIVATE & FULLY CUSTOMIZABLE"                               */
/*  Efek: kaca buram (blur), highlight tepi, glow oranye halus,  */
/*  gumpalan cahaya yang mengalir pelan, + kilau melintas.       */
/*                                                                */
/*  PAKAI DI: widget badge > Advanced > Custom CSS               */
/*  CATATAN: dibuat utk widget BUTTON. Kalau badge ini widget    */
/*  Heading/Text, ganti ".elementor-button" -> ".elementor-heading-title" */
/*  dan hapus baris ".elementor-button-content-wrapper".         */
/* ============================================================= */

.elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button{
  --accent:#F6521A;
  --ease:cubic-bezier(.22,1,.36,1);

  position:relative; overflow:hidden; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center;
  padding:11px 26px;
  border-radius:999px;
  color:#fff !important;
  font-weight:700; font-size:13px; letter-spacing:.16em; text-transform:uppercase;

  /* dasar kaca cair */
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.30);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);
  box-shadow:
    0 10px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.55),     /* highlight garis atas */
    inset 0 -1px 0 rgba(255,255,255,.08),
    inset 0 0 22px rgba(246,82,26,.16);       /* glow oranye di dalam */
  transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
}

/* GUMPALAN CAHAYA yang mengalir pelan (kesan "liquid") */
.elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button::before{
  content:""; position:absolute; inset:-45%; z-index:0; pointer-events:none;
  background:
    radial-gradient(42% 60% at 30% 28%, rgba(255,255,255,.38), transparent 60%),
    radial-gradient(36% 55% at 72% 72%, rgba(246,82,26,.26), transparent 62%);
  filter:blur(7px);
  animation:glassFloat 7s ease-in-out infinite alternate;
}
@keyframes glassFloat{
  0%  { transform:translate(-6%,-4%) rotate(0deg) scale(1); }
  100%{ transform:translate(6%, 4%) rotate(8deg) scale(1.06); }
}

/* KILAU (sheen) yang melintas berkala */
.elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button::after{
  content:""; position:absolute; top:0; bottom:0; left:-85%; width:55%; z-index:1;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
  transform:skewX(-18deg); pointer-events:none;
  animation:glassSheen 5s ease-in-out infinite;
}
@keyframes glassSheen{
  0%       { left:-85%; }
  22%,100% { left:145%; }        /* lewat cepat lalu jeda sebelum ulang */
}

/* teks tetap di atas semua lapisan */
.elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button .elementor-button-content-wrapper{ position:relative; z-index:2; }

/* HOVER */
.elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.55);
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.7),
    inset 0 0 26px rgba(246,82,26,.24);
}

/* rapikan di layar kecil */
@media (max-width:600px){
  .elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button{ font-size:11.5px; letter-spacing:.12em; padding:10px 20px; }
}

/* hormati pengguna yang mematikan animasi */
@media (prefers-reduced-motion:reduce){
  .elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button::before,
  .elementor-4908 .elementor-element.elementor-element-3cc3ffd .elementor-button::after{ animation:none; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-65807db *//* ============================================================= */
/*  FILE 2 — HEADING BERKILAU (kilau ORANYE)                     */
/*  Adaptasi dari contoh kilau biru kamu -> jadi oranye brand.   */
/*  Judul: "YOUR DREAM BALI ADVENTURE, YOUR WAY"                 */
/*                                                                */
/*  PAKAI DI: widget Heading > Advanced > Custom CSS             */
/* ============================================================= */

/* Efek Heading Berkilau Animasi (Kilau Oranye) */
.elementor-4908 .elementor-element.elementor-element-65807db .elementor-heading-title{
  background:linear-gradient(
    120deg,
    #ffffff 35%,   /* warna dasar teks putih (sebelum dilewati kilau) */
    #F6521A 50%,   /* warna ORANYE untuk efek kilaunya */
    #ffffff 65%    /* warna dasar teks putih (setelah dilewati kilau) */
  );
  background-size:200% auto;

  /* memotong background agar membentuk huruf teks */
  color:transparent !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;

  /* bayangan halus supaya tetap terbaca di atas foto */
  filter:drop-shadow(0 2px 12px rgba(0,0,0,.38));

  /* menjalankan animasi kilau (3s = kecepatan animasi) */
  animation:textShine 3s linear infinite;
}

/* kunci pergerakan animasi dari kanan ke kiri */
@keyframes textShine{
  0%  { background-position:200% center; }
  100%{ background-position:-200% center; }
}

/* hormati pengguna yang mematikan animasi */
@media (prefers-reduced-motion:reduce){
  .elementor-4908 .elementor-element.elementor-element-65807db .elementor-heading-title{ animation:none; background-position:center; }
}

/* ------------------------------------------------------------- */
/*  Opsi warna kilau lain (tinggal ganti #F6521A di atas):        */
/*   - #FF9159  -> kilau oranye lebih lembut                      */
/*   - #FFB27A  -> kilau oranye keemasan                          */
/* ------------------------------------------------------------- *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0fd864b *//* ============================================================
   3D BUTTON — UKURAN DIPERBESAR (dari versi compact kamu)
   Perubahan: padding, font-size, radius, & tinggi bayangan 3D
   dinaikkan biar tombol tidak terlihat tipis, tapi tetap rapi.
============================================================ */

/* 1. Base Button & 3D Shadow */
.elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button {
    position: relative;
    overflow: hidden;
    background-color: #f65a1e !important;
    color: #ffffff !important;
    border-radius: 30px !important;         /* dari 25px */
    padding: 14px 34px !important;          /* dari 8px 20px — diperbesar */
    font-size: 15.5px !important;           /* dari 13px */
    font-weight: 700 !important;
    letter-spacing: 0.6px;
    border: none !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;

    /* Efek 3D dinaikkan jadi 6px agar proporsional dgn ukuran baru */
    box-shadow: 0px 6px 0px #c44615, 0px 9px 20px rgba(246, 90, 30, 0.38) !important;
}

/* 2. Efek Shine (Kilauan Cahaya) */
.elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transform: skewX(-20deg);
    transition: left 0.7s ease;
    z-index: 1;
}
.elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

/* 3. Efek Hover */
.elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button:hover {
    background-color: #ff6b33 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 8px 0px #c44615, 0px 14px 24px rgba(246, 90, 30, 0.48) !important;
}
.elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button:hover::after {
    left: 200%;
}

/* 4. Efek Active (Saat Ditekan) — turun 6px, pas dgn bayangan 6px */
.elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button:active {
    transform: translateY(6px) !important;
    box-shadow: 0px 0px 0px #c44615, 0px 3px 10px rgba(246, 90, 30, 0.3) !important;
}

/* Rapikan di layar kecil (opsional) */
@media (max-width:600px){
    .elementor-4908 .elementor-element.elementor-element-0fd864b .elementor-button{ padding:12px 28px !important; font-size:14.5px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f852cf */.elementor-4908 .elementor-element.elementor-element-5f852cf {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.elementor-4908 .elementor-element.elementor-element-5f852cf .elementor-heading-title,
.elementor-4908 .elementor-element.elementor-element-5f852cf .elementor-widget-text-editor,
.elementor-4908 .elementor-element.elementor-element-5f852cf .elementor-widget-button {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}/* End custom CSS */