.elementor-489 .elementor-element.elementor-element-5d14efe{--display:flex;--min-height:450px;--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:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-489 .elementor-element.elementor-element-5d14efe:not(.elementor-motion-effects-element-type-background), .elementor-489 .elementor-element.elementor-element-5d14efe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mountbaturatv.com/wp-content/uploads/2026/08/content.jpg");background-position:center center;background-size:cover;}.elementor-489 .elementor-element.elementor-element-5d14efe::before, .elementor-489 .elementor-element.elementor-element-5d14efe > .elementor-background-video-container::before, .elementor-489 .elementor-element.elementor-element-5d14efe > .e-con-inner > .elementor-background-video-container::before, .elementor-489 .elementor-element.elementor-element-5d14efe > .elementor-background-slideshow::before, .elementor-489 .elementor-element.elementor-element-5d14efe > .e-con-inner > .elementor-background-slideshow::before, .elementor-489 .elementor-element.elementor-element-5d14efe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-489 .elementor-element.elementor-element-b906c88{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-489 .elementor-element.elementor-element-b906c88.e-con{--flex-grow:0;--flex-shrink:0;}.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-489 .elementor-element.elementor-element-61a01d1{width:var( --container-widget-width, 103.636% );max-width:103.636%;--container-widget-width:103.636%;--container-widget-flex-grow:0;text-align:center;}.elementor-489 .elementor-element.elementor-element-61a01d1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-489 .elementor-element.elementor-element-61a01d1 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.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-489 .elementor-element.elementor-element-8641a07{width:var( --container-widget-width, 100.916% );max-width:100.916%;--container-widget-width:100.916%;--container-widget-flex-grow:0;text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-8641a07.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-489 .elementor-element.elementor-element-22f4e4c{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-489 .elementor-element.elementor-element-faec153{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6D5B9;--border-color:#E6D5B9;--border-radius:20px 20px 20px 20px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:16px;--padding-left:26px;--padding-right:26px;}.elementor-489 .elementor-element.elementor-element-faec153:not(.elementor-motion-effects-element-type-background), .elementor-489 .elementor-element.elementor-element-faec153 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-489 .elementor-element.elementor-element-2aad972{--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;--justify-content:center;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:rgba(44,41,36,.08);--border-color:rgba(44,41,36,.08);--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-01d6aee{--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:90px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.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-489 .elementor-element.elementor-element-661210c .elementor-icon-wrapper{text-align:center;}.elementor-489 .elementor-element.elementor-element-661210c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-661210c.elementor-view-framed .elementor-icon, .elementor-489 .elementor-element.elementor-element-661210c.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-661210c.elementor-view-framed .elementor-icon, .elementor-489 .elementor-element.elementor-element-661210c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-661210c .elementor-icon{font-size:20px;}.elementor-489 .elementor-element.elementor-element-661210c .elementor-icon svg{height:20px;}.elementor-489 .elementor-element.elementor-element-da604af{text-align:start;}.elementor-489 .elementor-element.elementor-element-da604af .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:500;line-height:1.35em;color:#000000;}.elementor-489 .elementor-element.elementor-element-f7dd803{--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:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.elementor-489 .elementor-element.elementor-element-92c1d36 .elementor-icon-wrapper{text-align:center;}.elementor-489 .elementor-element.elementor-element-92c1d36.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-92c1d36.elementor-view-framed .elementor-icon, .elementor-489 .elementor-element.elementor-element-92c1d36.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-92c1d36.elementor-view-framed .elementor-icon, .elementor-489 .elementor-element.elementor-element-92c1d36.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:20px;}.elementor-489 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:20px;}.elementor-489 .elementor-element.elementor-element-347085f{text-align:start;}.elementor-489 .elementor-element.elementor-element-347085f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:500;line-height:1.35em;color:#000000;}.elementor-489 .elementor-element.elementor-element-7160358{--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:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.elementor-489 .elementor-element.elementor-element-1f64ee3 .elementor-icon-wrapper{text-align:center;}.elementor-489 .elementor-element.elementor-element-1f64ee3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-1f64ee3.elementor-view-framed .elementor-icon, .elementor-489 .elementor-element.elementor-element-1f64ee3.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-1f64ee3.elementor-view-framed .elementor-icon, .elementor-489 .elementor-element.elementor-element-1f64ee3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-489 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:20px;}.elementor-489 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:20px;}.elementor-489 .elementor-element.elementor-element-70d5d70{text-align:start;}.elementor-489 .elementor-element.elementor-element-70d5d70 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:500;line-height:1.35em;color:#000000;}.elementor-489 .elementor-element.elementor-element-570c787{--display:flex;}.elementor-489 .elementor-element.elementor-element-61786df{--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:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-489 .elementor-element.elementor-element-7e8e76e .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-1b7787c );}.elementor-489 .elementor-element.elementor-element-857fb74{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;padding:11px 11px 11px 11px;}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion {height:400px;}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion{border-radius:4px;}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion a:first-child{border-radius:4px 0 0 4px;}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion a:last-child{border-radius:0 4px 4px 0;}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion .eael-image-accordion-hover:before{background-color:rgba(0, 0, 0, .3);}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion .eael-image-accordion-hover:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion .eael-image-accordion-hover.overlay-active:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion .eael-image-accordion-hover.overlay-active:before{background-color:rgba(0, 0, 0, .5);}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion .overlay .img-accordion-title{color:var( --e-global-color-1b7787c );font-family:"Syne", Sans-serif;font-size:24px;}.elementor-489 .elementor-element.elementor-element-857fb74 .eael-img-accordion .overlay p{color:#fff;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;}.elementor-489 .elementor-element.elementor-element-87df6bb{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-489 .elementor-element.elementor-element-afc002a .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-489 .elementor-element.elementor-element-afc002a .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-489 .elementor-element.elementor-element-afc002a{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-489 .elementor-element.elementor-element-433446a{--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;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-433446a:not(.elementor-motion-effects-element-type-background), .elementor-489 .elementor-element.elementor-element-433446a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-625e989{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-c61ffe1{--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:24px;--padding-bottom:0px;--padding-left:18px;--padding-right:18px;}.elementor-489 .elementor-element.elementor-element-c61ffe1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-489 .elementor-element.elementor-element-383c348{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6DED0;--border-color:#E6DED0;--border-radius:999px 999px 999px 999px;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-383c348:not(.elementor-motion-effects-element-type-background), .elementor-489 .elementor-element.elementor-element-383c348 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-65055a4 .elementor-icon-wrapper{text-align:center;}.elementor-489 .elementor-element.elementor-element-65055a4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#54925F;}.elementor-489 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon, .elementor-489 .elementor-element.elementor-element-65055a4.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon, .elementor-489 .elementor-element.elementor-element-65055a4.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon{background-color:#54925F;}.elementor-489 .elementor-element.elementor-element-65055a4.elementor-view-stacked .elementor-icon svg{fill:#54925F;}.elementor-489 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:25px;padding:8px;}.elementor-489 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:25px;}.elementor-489 .elementor-element.elementor-element-6d046a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;text-align:start;}.elementor-489 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:24px;font-weight:700;color:#1F2A23;}.elementor-489 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-489 .elementor-element.elementor-element-bbd93a8 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-489 .elementor-element.elementor-element-c9aaf0c{--divider-border-style:solid;--divider-color:var( --e-global-color-f78481c );--divider-border-width:2px;margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-489 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:18%;margin:0 auto;margin-left:0;}.elementor-489 .elementor-element.elementor-element-c9aaf0c .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-489 .elementor-element.elementor-element-62715ab{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;color:#000000;}.elementor-489 .elementor-element.elementor-element-78e1db9{--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:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{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-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item{border-width:0px;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{background-color:#54925F;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon, .elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-icon, .elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-title{color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-family:"Syne", Sans-serif;font-size:16px;font-weight:700;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{background-color:#F0F0F0;color:#000000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-489 .elementor-element.elementor-element-303be11{--display:flex;--overlay-opacity:0.5;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-489 .elementor-element.elementor-element-303be11:not(.elementor-motion-effects-element-type-background), .elementor-489 .elementor-element.elementor-element-303be11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mountbaturatv.com/wp-content/uploads/2026/08/content-25.jpg");background-position:center center;background-size:cover;}.elementor-489 .elementor-element.elementor-element-303be11::before, .elementor-489 .elementor-element.elementor-element-303be11 > .elementor-background-video-container::before, .elementor-489 .elementor-element.elementor-element-303be11 > .e-con-inner > .elementor-background-video-container::before, .elementor-489 .elementor-element.elementor-element-303be11 > .elementor-background-slideshow::before, .elementor-489 .elementor-element.elementor-element-303be11 > .e-con-inner > .elementor-background-slideshow::before, .elementor-489 .elementor-element.elementor-element-303be11 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-489 .elementor-element.elementor-element-f4a9b3f{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-489 .elementor-element.elementor-element-f4a9b3f .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-50419ea{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;font-style:italic;color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-3e42e6d{--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;--justify-content:center;--margin-top:-5px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button{background-color:#54925F;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:bold;fill:#FFFFFF;color:#FFFFFF;}.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-489 .elementor-element.elementor-element-61a01d1{width:var( --container-widget-width, 382.8px );max-width:382.8px;--container-widget-width:382.8px;--container-widget-flex-grow:0;}.elementor-489 .elementor-element.elementor-element-faec153{--padding-top:20px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-489 .elementor-element.elementor-element-2aad972{--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-661210c .elementor-icon{font-size:14px;}.elementor-489 .elementor-element.elementor-element-661210c .elementor-icon svg{height:14px;}.elementor-489 .elementor-element.elementor-element-da604af .elementor-heading-title{font-size:10px;}.elementor-489 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:14px;}.elementor-489 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:14px;}.elementor-489 .elementor-element.elementor-element-347085f .elementor-heading-title{font-size:10px;}.elementor-489 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:14px;}.elementor-489 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:14px;}.elementor-489 .elementor-element.elementor-element-70d5d70 .elementor-heading-title{font-size:10px;}.elementor-489 .elementor-element.elementor-element-433446a{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-c61ffe1{--padding-top:20px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-489 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:11px;}.elementor-489 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:11px;}.elementor-489 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-size:11px;}.elementor-489 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-489 .elementor-element.elementor-element-bbd93a8 .elementor-heading-title{font-size:38px;}.elementor-489 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:22%;}.elementor-489 .elementor-element.elementor-element-62715ab{font-size:13px;}.elementor-489 .elementor-element.elementor-element-78e1db9{--padding-top:16px;--padding-bottom:16px;--padding-left:14px;--padding-right:14px;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-size:13px;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{font-size:12px;}}@media(max-width:767px){.elementor-489 .elementor-element.elementor-element-5d14efe{--justify-content:center;}.elementor-489 .elementor-element.elementor-element-5d14efe:not(.elementor-motion-effects-element-type-background), .elementor-489 .elementor-element.elementor-element-5d14efe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-489 .elementor-element.elementor-element-b906c88{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-61a01d1{width:var( --container-widget-width, 338.85px );max-width:338.85px;--container-widget-width:338.85px;--container-widget-flex-grow:0;text-align:center;}.elementor-489 .elementor-element.elementor-element-61a01d1 .elementor-heading-title{font-size:38px;}.elementor-489 .elementor-element.elementor-element-8641a07{width:var( --container-widget-width, 366.35px );max-width:366.35px;--container-widget-width:366.35px;--container-widget-flex-grow:0;text-align:center;}.elementor-489 .elementor-element.elementor-element-22f4e4c{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-489 .elementor-element.elementor-element-faec153{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-489 .elementor-element.elementor-element-2aad972{--flex-wrap:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-01d6aee{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-489 .elementor-element.elementor-element-661210c .elementor-icon{font-size:14px;}.elementor-489 .elementor-element.elementor-element-661210c .elementor-icon svg{height:14px;}.elementor-489 .elementor-element.elementor-element-da604af{text-align:start;}.elementor-489 .elementor-element.elementor-element-da604af .elementor-heading-title{font-size:11px;}.elementor-489 .elementor-element.elementor-element-f7dd803{--width:100%;}.elementor-489 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:14px;}.elementor-489 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:14px;}.elementor-489 .elementor-element.elementor-element-347085f{text-align:start;}.elementor-489 .elementor-element.elementor-element-347085f .elementor-heading-title{font-size:11px;}.elementor-489 .elementor-element.elementor-element-7160358{--width:100%;}.elementor-489 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:14px;}.elementor-489 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:14px;}.elementor-489 .elementor-element.elementor-element-70d5d70{text-align:start;}.elementor-489 .elementor-element.elementor-element-70d5d70 .elementor-heading-title{font-size:11px;}.elementor-489 .elementor-element.elementor-element-7e8e76e{text-align:center;}.elementor-489 .elementor-element.elementor-element-7e8e76e .elementor-heading-title{font-size:30px;}.elementor-489 .elementor-element.elementor-element-433446a{--padding-top:14px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-489 .elementor-element.elementor-element-625e989{--width:92%;--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-489 .elementor-element.elementor-element-c61ffe1{--width:100%;--padding-top:18px;--padding-bottom:0px;--padding-left:14px;--padding-right:14px;}.elementor-489 .elementor-element.elementor-element-383c348{--width:78px;}.elementor-489 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:11px;}.elementor-489 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:11px;}.elementor-489 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-size:11px;}.elementor-489 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-489 .elementor-element.elementor-element-bbd93a8 .elementor-heading-title{font-size:31px;}.elementor-489 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:26%;}.elementor-489 .elementor-element.elementor-element-62715ab{font-size:13px;}.elementor-489 .elementor-element.elementor-element-78e1db9{--width:100%;--padding-top:14px;--padding-bottom:14px;--padding-left:12px;--padding-right:12px;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-size:13px;}.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{font-size:12px;}.elementor-489 .elementor-element.elementor-element-f4a9b3f .elementor-heading-title{font-size:30px;}.elementor-489 .elementor-element.elementor-element-3e42e6d{--justify-content:center;}.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button{font-size:12px;}}@media(min-width:768px){.elementor-489 .elementor-element.elementor-element-b906c88{--width:100%;}.elementor-489 .elementor-element.elementor-element-faec153{--width:100%;}.elementor-489 .elementor-element.elementor-element-2aad972{--width:100%;}.elementor-489 .elementor-element.elementor-element-01d6aee{--width:30%;}.elementor-489 .elementor-element.elementor-element-f7dd803{--width:30%;}.elementor-489 .elementor-element.elementor-element-7160358{--width:30%;}.elementor-489 .elementor-element.elementor-element-625e989{--width:100%;}.elementor-489 .elementor-element.elementor-element-c61ffe1{--width:40%;}.elementor-489 .elementor-element.elementor-element-383c348{--width:30%;}.elementor-489 .elementor-element.elementor-element-78e1db9{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-489 .elementor-element.elementor-element-01d6aee{--width:33.333%;}.elementor-489 .elementor-element.elementor-element-f7dd803{--width:33.333%;}.elementor-489 .elementor-element.elementor-element-7160358{--width:33.333%;}.elementor-489 .elementor-element.elementor-element-625e989{--width:94%;}.elementor-489 .elementor-element.elementor-element-c61ffe1{--width:36%;}.elementor-489 .elementor-element.elementor-element-383c348{--width:80px;}.elementor-489 .elementor-element.elementor-element-78e1db9{--width:64%;}}@media(min-width:1025px){.elementor-489 .elementor-element.elementor-element-303be11:not(.elementor-motion-effects-element-type-background), .elementor-489 .elementor-element.elementor-element-303be11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-2aad972 *//* ==========================================================
MOUNT BATUR ATV — PREMIUM BOXED SEARCH
FULL CUSTOM CSS
Heading : Syne
Body : Plus Jakarta Sans
PASANG PADA:
CONTAINER UTAMA SEARCH CARD
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972{
/* =========================
COLOR VARIABLES
========================== */
--mb-bg:#FBF8F2;
--mb-bg-light:#FFFCF7;
--mb-white:#FFFFFF;
--mb-text:#2C2924;
--mb-muted:#817A71;
--mb-gold:#C6A05E;
--mb-gold-soft:rgba(198,160,94,.24);
--mb-orange:#FFA23A;
--mb-orange-hover:#F28C1B;
--mb-green:#55A06A;
--mb-line:rgba(44,41,36,.14);
/* =========================
MAIN CARD
========================== */
position:relative;
isolation:isolate;
overflow:hidden;
background:
linear-gradient(
180deg,
var(--mb-bg-light) 0%,
var(--mb-bg) 100%
);
border:
1px solid rgba(198,160,94,.32);
border-radius:
18px;
box-shadow:
0 10px 28px rgba(44,41,36,.07);
transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;
}
/* ==========================================================
BACKGROUND — SOFT GOLD LIGHT
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972::before{
content:"";
position:absolute;
z-index:-2;
top:-110px;
right:-100px;
width:460px;
height:300px;
background:
radial-gradient(
circle at center,
rgba(198,160,94,.13) 0%,
rgba(198,160,94,.06) 38%,
rgba(198,160,94,0) 72%
);
pointer-events:none;
}
/* ==========================================================
TOP LIGHT
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972::after{
content:"";
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
height:42%;
background:
linear-gradient(
180deg,
rgba(255,255,255,.55) 0%,
rgba(255,255,255,.12) 58%,
transparent 100%
);
pointer-events:none;
}
/* ==========================================================
HAPUS GARIS VERTIKAL YANG TIDAK DIINGINKAN
Pada bagian heading & search
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-top-row,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-brand-group,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-decor-group,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search{
border-left:
0 !important;
border-right:
0 !important;
border-inline-start:
0 !important;
border-inline-end:
0 !important;
}
/* jangan buat pseudo divider pada area di atas */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-top-row::before,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-top-row::after,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-brand-group::before,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-brand-group::after,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-decor-group::before,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-decor-group::after,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search::before,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search::after{
content:none !important;
display:none !important;
}
/* ==========================================================
HEADING
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-title .elementor-heading-title{
font-family:
"Syne", sans-serif;
color:
var(--mb-text);
}
/* ==========================================================
SUBTITLE
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-subtitle .elementor-heading-title{
font-family:
"Plus Jakarta Sans", sans-serif;
color:
var(--mb-muted);
}
/* ==========================================================
SEARCH WIDGET
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search{
position:relative;
z-index:10;
width:100%;
}
/* ==========================================================
SEARCH FORM
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form{
width:100%;
border:
0 !important;
}
/* ==========================================================
SEARCH FORM CONTAINER
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container{
display:flex;
flex-direction:row;
align-items:center;
width:100%;
min-height:52px;
gap:7px;
padding:5px;
overflow:hidden;
background:
rgba(255,255,255,.98);
border:
1px solid rgba(44,41,36,.08) !important;
border-radius:
12px;
box-shadow:
0 3px 8px rgba(44,41,36,.03),
0 7px 18px rgba(44,41,36,.045),
inset 0 1px 0 rgba(255,255,255,.9);
transition:
border-color .3s ease,
box-shadow .3s ease,
transform .3s ease;
}
/* hapus garis internal */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container::before,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container::after{
content:none !important;
display:none !important;
}
/* ==========================================================
SEARCH FOCUS
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container:focus-within{
border-color:
rgba(198,160,94,.55) !important;
box-shadow:
0 6px 16px rgba(44,41,36,.055),
0 0 0 3px rgba(198,160,94,.08);
}
/* ==========================================================
SEARCH INPUT
DIBUAT PANJANG
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input{
flex:
1 1 auto !important;
width:
auto !important;
min-width:
0 !important;
height:
42px;
padding:
0 18px !important;
border:
0 !important;
outline:
0 !important;
background:
transparent !important;
box-shadow:
none !important;
color:
var(--mb-text);
font-family:
"Plus Jakarta Sans", sans-serif;
font-size:
13px;
font-weight:
400;
line-height:
1.4;
}
/* ==========================================================
PLACEHOLDER
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input::placeholder{
color:
#918A82;
opacity:
1;
font-family:
"Plus Jakarta Sans", sans-serif;
font-size:
13px;
font-weight:
400;
}
/* ==========================================================
SEARCH BUTTON
DIBUAT LEBIH PENDEK
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit{
flex:
0 0 115px !important;
width:
115px !important;
min-width:
115px !important;
max-width:
115px !important;
height:
40px;
min-height:
40px;
padding:
0 13px !important;
display:flex;
align-items:center;
justify-content:center;
gap:5px;
border:
0 !important;
border-radius:
9px;
background:
var(--mb-orange) !important;
color:
#FFFFFF !important;
font-family:
"Plus Jakarta Sans", sans-serif;
font-size:
12px;
font-weight:
600;
line-height:
1;
white-space:
nowrap;
box-shadow:
0 4px 10px rgba(242,141,29,.16);
transition:
transform .25s ease,
background .25s ease,
box-shadow .25s ease;
}
/* ==========================================================
SEARCH BUTTON TEXT
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit span{
font-family:
"Plus Jakarta Sans", sans-serif;
font-size:
12px;
font-weight:
600;
white-space:
nowrap;
}
/* ==========================================================
SEARCH BUTTON ICON
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit i,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit svg{
width:
11px;
height:
11px;
font-size:
11px;
flex:
0 0 auto;
}
/* ==========================================================
BUTTON HOVER
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit:hover{
background:
var(--mb-orange-hover) !important;
transform:
translateY(-1px);
box-shadow:
0 6px 14px rgba(242,141,29,.24);
}
/* ==========================================================
BUTTON ACTIVE
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit:active{
transform:
translateY(0)
scale(.985);
}
/* ==========================================================
FEATURE ROW
Trusted Operators
Best Price Guarantee
24/7 Support
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-features-row{
position:relative;
overflow:visible;
isolation:isolate;
border-left:
0 !important;
border-right:
0 !important;
border-bottom:
0 !important;
border-top:
1px solid rgba(44,41,36,.07) !important;
}
/* ==========================================================
DIVIDER 01
Antara Trusted Operators & Best Price
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-features-row::before{
content:"" !important;
display:block !important;
position:absolute !important;
z-index:20;
top:50% !important;
left:33.333% !important;
width:
1px !important;
height:
28px !important;
transform:
translate(-50%,-50%) !important;
background:
linear-gradient(
180deg,
transparent 0%,
rgba(44,41,36,.08) 10%,
rgba(44,41,36,.24) 50%,
rgba(44,41,36,.08) 90%,
transparent 100%
) !important;
opacity:
1 !important;
visibility:
visible !important;
pointer-events:
none !important;
}
/* ==========================================================
DIVIDER 02
Antara Best Price & 24/7 Support
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-features-row::after{
content:"" !important;
display:block !important;
position:absolute !important;
z-index:20;
top:50% !important;
left:66.666% !important;
width:
1px !important;
height:
28px !important;
transform:
translate(-50%,-50%) !important;
background:
linear-gradient(
180deg,
transparent 0%,
rgba(44,41,36,.08) 10%,
rgba(44,41,36,.24) 50%,
rgba(44,41,36,.08) 90%,
transparent 100%
) !important;
opacity:
1 !important;
visibility:
visible !important;
pointer-events:
none !important;
}
/* ==========================================================
FEATURE ITEMS
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-feature-item{
position:relative;
z-index:5;
border:
0 !important;
border-left:
0 !important;
border-right:
0 !important;
border-inline:
0 !important;
}
/* jangan pakai pseudo di masing-masing item */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-feature-item::before,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-feature-item::after{
content:none !important;
display:none !important;
}
/* ==========================================================
FEATURE ICON
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-feature-icon .elementor-icon{
color:
var(--mb-green);
transition:
transform .3s ease,
filter .3s ease;
}
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-feature-item:hover
.mb-search-feature-icon .elementor-icon{
transform:
translateY(-2px);
filter:
drop-shadow(
0 4px 7px rgba(85,160,106,.18)
);
}
/* ==========================================================
FEATURE TEXT
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-feature-label
.elementor-heading-title{
font-family:
"Plus Jakarta Sans", sans-serif;
color:
var(--mb-text);
}
/* ==========================================================
CARD HOVER
========================================================== */
.elementor-489 .elementor-element.elementor-element-2aad972:hover{
transform:
translateY(-2px);
border-color:
rgba(198,160,94,.42);
box-shadow:
0 15px 35px rgba(44,41,36,.09);
}
/* ==========================================================
TABLET
========================================================== */
@media(max-width:1024px){
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container{
min-height:
50px;
}
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input{
height:
40px;
padding:
0 14px !important;
font-size:
12px;
}
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input::placeholder{
font-size:
12px;
}
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit{
flex:
0 0 100px !important;
width:
100px !important;
min-width:
100px !important;
max-width:
100px !important;
height:
40px;
min-height:
40px;
}
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-features-row::before,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-features-row::after{
height:
24px !important;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media(max-width:767px){
.elementor-489 .elementor-element.elementor-element-2aad972{
border-radius:
14px;
}
.elementor-489 .elementor-element.elementor-element-2aad972:hover{
transform:
none;
}
/* SEARCH STACK */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container{
display:flex;
flex-direction:
column;
align-items:
stretch;
gap:
8px;
padding:
7px;
min-height:
auto;
overflow:
visible;
}
/* INPUT */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input{
flex:
1 1 auto !important;
width:
100% !important;
min-width:
100% !important;
min-height:
44px;
padding:
0 13px !important;
background:
#FFFFFF !important;
border-radius:
8px;
}
/* BUTTON */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit{
flex:
0 0 auto !important;
width:
100% !important;
min-width:
100% !important;
max-width:
100% !important;
height:
42px;
min-height:
42px;
border-radius:
8px;
}
/* MOBILE FEATURE:
hilangkan vertical divider */
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-features-row::before,
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-features-row::after{
content:none !important;
display:none !important;
}
.elementor-489 .elementor-element.elementor-element-2aad972 .mb-search-feature-item{
justify-content:
flex-start;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-faec153 *//* =========================================================
MOUNT BATUR ATV SEARCH
FIX GARIS VERTIKAL ELEMENTOR
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153{
--mb-orange:#FFA23A;
--mb-orange-hover:#F28D1D;
--mb-text:#2C2924;
--mb-muted:#8A837A;
position:relative;
isolation:isolate;
overflow:hidden;
background:#FBF8F2;
border:1px solid rgba(198,160,94,.30);
border-radius:18px;
box-shadow:
0 10px 28px rgba(44,41,36,.07);
}
/* =========================================================
1. HAPUS GARIS VERTIKAL DARI CONTAINER STRUKTUR
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 > .e-con-inner,
.elementor-489 .elementor-element.elementor-element-faec153 > .e-con,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-top-row,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-brand-group,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-decor-group,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-features-row,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-feature-item{
border-left:0 !important;
border-right:0 !important;
border-inline-start:0 !important;
border-inline-end:0 !important;
border-left-width:0 !important;
border-right-width:0 !important;
box-shadow:none !important;
}
/* =========================================================
2. HAPUS PSEUDO ELEMENT YANG BISA MEMBUAT GARIS
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-top-row::before,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-top-row::after,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-brand-group::before,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-brand-group::after,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-decor-group::before,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-decor-group::after,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-features-row::before,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-features-row::after,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-feature-item::before,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-feature-item::after{
content:none !important;
display:none !important;
width:0 !important;
height:0 !important;
border:0 !important;
background:none !important;
box-shadow:none !important;
}
/* =========================================================
3. FORCE HAPUS BORDER PADA CHILD CONTAINER ELEMENTOR
Ini bagian penting untuk garis yang masih muncul
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-top-row.e-con,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-brand-group.e-con,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-decor-group.e-con,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-features-row.e-con,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-feature-item.e-con{
--border-top-width:0px !important;
--border-right-width:0px !important;
--border-bottom-width:0px !important;
--border-left-width:0px !important;
--border-style:none !important;
border-style:none !important;
border-width:0 !important;
}
/* =========================================================
4. HAPUS GARIS DARI ELEMENTOR CHILD WRAPPER
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-top-row > .e-con-inner,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-brand-group > .e-con-inner,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-decor-group > .e-con-inner,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-features-row > .e-con-inner,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-feature-item > .e-con-inner{
border:0 !important;
border-left:0 !important;
border-right:0 !important;
box-shadow:none !important;
background-image:none !important;
}
/* =========================================================
5. SEARCH WIDGET
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search{
position:relative;
z-index:10;
width:100%;
border:0 !important;
}
/* =========================================================
SEARCH FORM
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form{
width:100%;
border:0 !important;
}
/* =========================================================
SEARCH CONTAINER
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__container{
display:flex;
align-items:center;
width:100%;
min-height:52px;
gap:8px;
padding:5px;
background:#FFFFFF;
border:
1px solid rgba(44,41,36,.08) !important;
border-radius:12px;
overflow:hidden;
box-shadow:
0 4px 14px rgba(44,41,36,.045);
}
/* hapus pseudo internal */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__container::before,
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__container::after{
content:none !important;
display:none !important;
}
/* =========================================================
6. INPUT — BUAT LEBIH PANJANG
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__input{
flex:1 1 auto !important;
width:auto !important;
min-width:0 !important;
height:42px;
padding:
0 18px !important;
border:0 !important;
outline:0 !important;
background:transparent !important;
box-shadow:none !important;
color:var(--mb-text);
font-family:
"Plus Jakarta Sans", sans-serif;
font-size:13px;
font-weight:400;
}
/* PLACEHOLDER */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__input::placeholder{
color:var(--mb-muted);
opacity:1;
font-family:
"Plus Jakarta Sans", sans-serif;
font-size:13px;
}
/* =========================================================
7. SEARCH BUTTON — PENDEK
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__submit{
flex:
0 0 115px !important;
width:
115px !important;
min-width:
115px !important;
max-width:
115px !important;
height:40px;
min-height:40px;
padding:
0 14px !important;
display:flex;
align-items:center;
justify-content:center;
border:0 !important;
border-radius:9px;
background:
var(--mb-orange) !important;
color:#FFFFFF !important;
font-family:
"Plus Jakarta Sans", sans-serif;
font-size:12px;
font-weight:600;
white-space:nowrap;
box-shadow:
0 4px 10px rgba(242,141,29,.16);
transition:
background .25s ease,
transform .25s ease,
box-shadow .25s ease;
}
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__submit:hover{
background:
var(--mb-orange-hover) !important;
transform:
translateY(-1px);
box-shadow:
0 6px 14px rgba(242,141,29,.22);
}
/* =========================================================
8. FEATURE AREA
TANPA GARIS VERTIKAL SAMA SEKALI
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-features-row{
border-left:0 !important;
border-right:0 !important;
border-bottom:0 !important;
border-top:
1px solid rgba(44,41,36,.06) !important;
}
.elementor-489 .elementor-element.elementor-element-faec153 .mb-search-feature-item{
border:0 !important;
border-left:0 !important;
border-right:0 !important;
border-inline:0 !important;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__input{
height:40px;
padding:
0 14px !important;
font-size:12px;
}
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__submit{
flex:
0 0 100px !important;
width:
100px !important;
min-width:
100px !important;
max-width:
100px !important;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-489 .elementor-element.elementor-element-faec153{
border-radius:14px;
}
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__container{
flex-direction:column;
align-items:stretch;
gap:8px;
padding:7px;
min-height:auto;
}
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__input{
width:100% !important;
min-height:44px;
padding:
0 13px !important;
}
.elementor-489 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__submit{
flex:
0 0 auto !important;
width:
100% !important;
min-width:
100% !important;
max-width:
100% !important;
height:42px;
}
}
/* =========================================================
FLOATING / BALLOON EFFECT
Tempel di container utama
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153{
position: relative;
animation: mbBalloonFloat 4.8s ease-in-out infinite;
will-change: transform;
}
/* =========================================================
SOFT FLOATING ANIMATION
========================================================= */
@keyframes mbBalloonFloat{
0%{
transform: translateY(0px);
}
20%{
transform: translateY(-4px);
}
50%{
transform: translateY(-10px);
}
80%{
transform: translateY(-4px);
}
100%{
transform: translateY(0px);
}
}
/* =========================================================
OPTIONAL HOVER
Saat disentuh, sedikit lebih hidup
========================================================= */
.elementor-489 .elementor-element.elementor-element-faec153:hover{
animation-duration: 3.8s;
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
.elementor-489 .elementor-element.elementor-element-faec153{
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for eael-image-accordion, class: .elementor-element-857fb74 *//* ==========================================================
MOUNT BATUR ATV — FLEXIBLE IMAGE ACCORDION
Elementor Friendly Version
CLASS:
coastal-gallery__accordion
DESIGN GOAL:
- Desktop / Tablet / Mobile responsive
- Image editable from Elementor
- Font editable from Elementor
- Font size editable from Elementor
- Color editable from Elementor
- Icon editable from Elementor
- Icon size/color editable from Elementor
- Margin / Padding editable
- Width / Height adjustable
- No HTML widget required
========================================================== */
/* ==========================================================
01. GLOBAL VARIABLES
Bisa diubah manual kalau dibutuhkan.
========================================================== */
.coastal-gallery__accordion{
/* ---------------------------------------
COLORS
--------------------------------------- */
--ia-green:#54925F;
--ia-green-dark:#355E3D;
--ia-orange:#F8A03B;
--ia-orange-dark:#D77A16;
--ia-orange-soft:#FFC47C;
--ia-white:#FFFFFF;
--ia-ink:#17201A;
--ia-frame-bg:rgba(255,255,255,.92);
--ia-frame-border:rgba(84,146,95,.14);
/* ---------------------------------------
SIZE — DESKTOP
--------------------------------------- */
--ia-max-width:1240px;
--ia-height:580px;
--ia-outer-padding:7px;
--ia-radius:26px;
--ia-inner-radius:20px;
--ia-content-padding:
clamp(24px,3vw,40px);
/* ---------------------------------------
SPACING
--------------------------------------- */
--ia-top-margin:
clamp(20px,2.5vw,36px);
--ia-panel-gap:0px;
--ia-title-gap:10px;
--ia-accent-gap:16px;
/* ---------------------------------------
PANEL BEHAVIOUR
--------------------------------------- */
--ia-panel-flex:1;
--ia-panel-active-flex:3.1;
/* ---------------------------------------
DEFAULT TYPOGRAPHY
Elementor tetap bisa override
--------------------------------------- */
--ia-title-font:
"Syne", sans-serif;
--ia-body-font:
"Plus Jakarta Sans", sans-serif;
--ia-title-size:
clamp(28px,3vw,44px);
--ia-description-size:
clamp(13px,1.15vw,15px);
--ia-title-color:#FFFFFF;
--ia-description-color:
rgba(255,255,255,.86);
/* ---------------------------------------
ANIMATION
--------------------------------------- */
--ia-speed:.68s;
--ia-ease:
cubic-bezier(.22,1,.36,1);
/* ---------------------------------------
MAIN WRAPPER
--------------------------------------- */
position:relative;
isolation:isolate;
width:100%;
max-width:
var(--ia-max-width);
margin:
var(--ia-top-margin)
auto
0;
padding:
var(--ia-outer-padding);
background:
var(--ia-frame-bg);
border:
1px solid
var(--ia-frame-border);
border-radius:
var(--ia-radius);
box-shadow:
0 18px 44px
rgba(23,47,29,.09);
overflow:visible;
}
/* ==========================================================
02. DECORATIVE OUTER FRAME
========================================================== */
.coastal-gallery__accordion::before{
content:"";
position:absolute;
z-index:-1;
inset:
-6px
9px
9px
-6px;
border:
1px solid
rgba(84,146,95,.18);
border-radius:
calc(
var(--ia-radius) + 4px
);
pointer-events:none;
transition:
transform .45s ease,
border-color .45s ease,
box-shadow .45s ease;
}
.coastal-gallery__accordion:hover::before{
transform:
translate(-3px,3px);
border-color:
rgba(248,160,59,.54);
box-shadow:
0 10px 24px
rgba(248,160,59,.07);
}
/* ==========================================================
03. TOP ACCENT
========================================================== */
.coastal-gallery__accordion::after{
content:"";
position:absolute;
z-index:10;
top:0;
left:28px;
width:86px;
height:3px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--ia-green),
var(--ia-orange)
);
box-shadow:
0 0 12px
rgba(248,160,59,.16);
transition:
width .45s ease;
}
.coastal-gallery__accordion:hover::after{
width:145px;
}
/* ==========================================================
04. ELEMENTOR WIDGET CONTAINER
========================================================== */
.coastal-gallery__accordion
> .elementor-widget-container{
display:block;
width:100%;
margin:0;
padding:0;
overflow:hidden;
background:transparent;
border-radius:
var(--ia-inner-radius);
}
/* ==========================================================
05. IMAGE ACCORDION ROOT
Support beberapa addon Elementor
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion,
.eael-image-accordion,
.premium-image-accordion,
.bdt-ep-image-accordion,
.image-accordion,
.elementor-image-accordion
){
display:flex;
flex-direction:row;
align-items:stretch;
width:100%;
height:
var(--ia-height);
min-height:0;
margin:0;
padding:0;
gap:
var(--ia-panel-gap);
overflow:hidden;
border-radius:
var(--ia-inner-radius);
}
/* ==========================================================
06. PANEL
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
){
position:relative;
isolation:isolate;
flex:
var(--ia-panel-flex)
1
0;
min-width:0;
height:100%;
margin:0;
padding:0;
overflow:hidden;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border:0;
border-right:
1px solid
rgba(255,255,255,.20);
filter:
saturate(.94)
contrast(1.02);
transition:
flex
var(--ia-speed)
var(--ia-ease),
filter .42s ease;
}
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
):last-child{
border-right:0;
}
/* ==========================================================
07. IMAGE OVERLAY
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
)::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:
linear-gradient(
180deg,
rgba(17,31,21,.02) 0%,
rgba(17,31,21,.12) 38%,
rgba(10,24,15,.40) 68%,
rgba(9,22,14,.88) 100%
);
transition:
background .45s ease;
}
/* ==========================================================
08. ACTIVE / HOVER PANEL
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
):hover,
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).active,
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).is-active{
flex:
var(--ia-panel-active-flex)
1
0;
filter:
saturate(1.04)
contrast(1.03);
}
/* ACTIVE OVERLAY */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
):hover::after,
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).active::after,
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).is-active::after{
background:
linear-gradient(
180deg,
rgba(17,31,21,.00) 0%,
rgba(17,31,21,.08) 35%,
rgba(10,24,15,.32) 65%,
rgba(9,22,14,.84) 100%
);
}
/* ==========================================================
09. NATIVE ICON SUPPORT
Tidak memaksa size/color agar bisa diedit dari Elementor
========================================================== */
.coastal-gallery__accordion
:is(
.elementor-icon,
.eael-img-accordion-icon,
.eael-image-accordion-icon,
.premium-image-accordion-icon,
.bdt-ep-image-accordion-icon
){
position:relative;
z-index:6;
flex:0 0 auto;
/*
Sengaja TIDAK ADA:
color
font-size
width
height
supaya setting Elementor tetap bekerja.
*/
}
/* ==========================================================
10. CONTENT
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
){
position:absolute;
z-index:4;
inset:
auto 0 0;
display:flex;
flex-direction:column;
align-items:flex-start;
width:100%;
padding:
var(--ia-content-padding);
text-align:left;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:
translate3d(0,24px,0)
scale(.988);
filter:
blur(5px);
transition:
opacity .48s ease,
transform
var(--ia-speed)
var(--ia-ease),
filter .52s ease,
visibility 0s linear .52s;
will-change:
opacity,
transform,
filter;
}
/* ==========================================================
11. CONTENT ACCENT LINE
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
)::before{
content:"";
display:block;
width:46px;
height:2px;
margin-bottom:
var(--ia-accent-gap);
border-radius:999px;
background:
linear-gradient(
90deg,
var(--ia-green),
var(--ia-orange)
);
opacity:0;
transform:
scaleX(.35);
transform-origin:left center;
transition:
opacity .38s ease,
transform .58s
var(--ia-ease);
}
/* ==========================================================
12. TITLE
Elementor masih bisa override typography/color.
========================================================== */
.coastal-gallery__accordion
:is(
h2,
h3,
h4,
.title,
.accordion-title,
.eael-img-accordion-title,
.eael-image-accordion-title
){
max-width:540px;
margin:
0 0
var(--ia-title-gap);
color:
var(--ia-title-color);
font-family:
var(--ia-title-font);
font-size:
var(--ia-title-size);
line-height:1.06;
text-shadow:
0 5px 18px
rgba(0,0,0,.25);
opacity:0;
transform:
translateY(16px);
transition:
opacity .46s ease,
transform .64s
var(--ia-ease);
}
/* ==========================================================
13. DESCRIPTION
========================================================== */
.coastal-gallery__accordion
:is(
p,
.description,
.accordion-description,
.eael-img-accordion-description,
.eael-image-accordion-description
){
max-width:560px;
margin:0;
color:
var(--ia-description-color);
font-family:
var(--ia-body-font);
font-size:
var(--ia-description-size);
line-height:1.7;
text-shadow:
0 4px 16px
rgba(0,0,0,.22);
opacity:0;
transform:
translateY(14px);
transition:
opacity .44s ease,
transform .62s
var(--ia-ease);
}
/* ==========================================================
14. SHOW CONTENT
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
):hover
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
),
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).active
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
),
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).is-active
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
){
opacity:1;
visibility:visible;
pointer-events:auto;
transform:
translate3d(0,0,0)
scale(1);
filter:
blur(0);
transition:
opacity .52s ease .05s,
transform .72s
var(--ia-ease),
filter .55s ease,
visibility 0s;
}
/* ==========================================================
15. SHOW ACCENT
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
):hover
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
)::before,
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).active
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
)::before,
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).is-active
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
)::before{
opacity:1;
transform:
scaleX(1);
}
/* ==========================================================
16. TITLE ACTIVE
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
):hover
:is(
h2,h3,h4,
.title,
.accordion-title,
.eael-img-accordion-title,
.eael-image-accordion-title
),
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).active
:is(
h2,h3,h4,
.title,
.accordion-title,
.eael-img-accordion-title,
.eael-image-accordion-title
),
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).is-active
:is(
h2,h3,h4,
.title,
.accordion-title,
.eael-img-accordion-title,
.eael-image-accordion-title
){
opacity:1;
transform:
translateY(0);
transition-delay:.12s;
}
/* ==========================================================
17. DESCRIPTION ACTIVE
========================================================== */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
):hover
:is(
p,
.description,
.accordion-description,
.eael-img-accordion-description,
.eael-image-accordion-description
),
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).active
:is(
p,
.description,
.accordion-description,
.eael-img-accordion-description,
.eael-image-accordion-description
),
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
).is-active
:is(
p,
.description,
.accordion-description,
.eael-img-accordion-description,
.eael-image-accordion-description
){
opacity:1;
transform:
translateY(0);
transition-delay:.20s;
}
/* ==========================================================
18. TABLET
========================================================== */
@media(max-width:1024px){
.coastal-gallery__accordion{
--ia-height:500px;
--ia-max-width:100%;
--ia-radius:23px;
--ia-inner-radius:18px;
--ia-outer-padding:6px;
--ia-content-padding:
clamp(20px,2.5vw,30px);
--ia-title-size:
clamp(25px,3.4vw,36px);
--ia-description-size:
13px;
}
}
/* ==========================================================
19. MOBILE
========================================================== */
@media(max-width:767px){
.coastal-gallery__accordion{
--ia-height:650px;
--ia-radius:20px;
--ia-inner-radius:15px;
--ia-outer-padding:5px;
--ia-content-padding:
20px 18px;
--ia-title-size:
clamp(23px,7vw,32px);
--ia-description-size:
13px;
--ia-panel-active-flex:2.8;
margin-top:20px;
}
/* ACCORDION VERTICAL */
.coastal-gallery__accordion
:is(
.eael-img-accordion,
.eael-image-accordion,
.premium-image-accordion,
.bdt-ep-image-accordion,
.image-accordion,
.elementor-image-accordion
){
flex-direction:column;
}
/* PANELS */
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
){
width:100%;
border-right:0;
border-bottom:
1px solid
rgba(255,255,255,.20);
}
.coastal-gallery__accordion
:is(
.eael-img-accordion-item,
.eael-image-accordion-item,
.premium-image-accordion-item,
.bdt-ep-image-accordion-item,
.image-accordion-item,
.accordion-item
):last-child{
border-bottom:0;
}
/* CONTENT */
.coastal-gallery__accordion
:is(
.eael-img-accordion-content,
.eael-image-accordion-content,
.premium-image-accordion-content,
.bdt-ep-image-accordion-content,
.image-accordion-content,
.accordion-content,
.overlay
){
transform:
translate3d(0,15px,0)
scale(.992);
}
}
/* ==========================================================
20. SMALL MOBILE
========================================================== */
@media(max-width:430px){
.coastal-gallery__accordion{
--ia-height:610px;
--ia-content-padding:
18px 16px;
--ia-title-size:
clamp(21px,7vw,28px);
--ia-description-size:
12px;
}
}
/* ==========================================================
21. ACCESSIBILITY
========================================================== */
@media(prefers-reduced-motion:reduce){
.coastal-gallery__accordion *,
.coastal-gallery__accordion *::before,
.coastal-gallery__accordion *::after{
transition-duration:.01ms;
animation-duration:.01ms;
animation-iteration-count:1;
transition-delay:0s;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87df6bb *//* =========================================================
COASTAL GALLERY GRID — LUXURY AMED STYLE
Selaras dengan Our Gallery / Facilities / Location
PAKAI CLASS:
coastal-gallery-grid
Tempel class di widget Gallery / Image Gallery Elementor.
CSS mendukung:
- Elementor Image Gallery klasik
- Elementor Pro Gallery
========================================================= */
.elementor-489 .elementor-element.elementor-element-87df6bb{
--cgg-navy:#103F5E;
--cgg-navy-deep:#0B2436;
--cgg-blue:#267FA7;
--cgg-blue-soft:#65B9DF;
--cgg-gold:#C9A15E;
--cgg-gold-light:#E4C98F;
--cgg-cream:#F8F4EC;
--cgg-ivory:#FFFDF8;
--cgg-white:#FFFFFF;
--cgg-border:rgba(16,63,94,.10);
--cgg-shadow:0 18px 42px rgba(18,55,77,.10);
--cgg-shadow-hover:0 28px 58px rgba(18,55,77,.16);
--cgg-radius:22px;
--cgg-radius-feature:22px 22px 46px 22px;
--cgg-gap:12px;
--cgg-tr:.55s cubic-bezier(.2,.72,.2,1);
position:relative;
isolation:isolate;
overflow:visible;
}
/* ---------------------------------------------------------
OPTIONAL DECORATIVE TOP LINE
--------------------------------------------------------- */
.elementor-489 .elementor-element.elementor-element-87df6bb::before{
content:"";
position:absolute;
top:-18px;
left:50%;
width:min(72%,920px);
height:1px;
transform:translateX(-50%);
pointer-events:none;
background:
linear-gradient(
90deg,
transparent,
rgba(201,161,94,.45),
rgba(38,127,167,.18),
rgba(201,161,94,.45),
transparent
);
}
/* =========================================================
BASIC IMAGE GALLERY — GRID
========================================================= */
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:var(--cgg-gap)!important;
margin:0!important;
padding:0!important;
}
/* Reset kolom bawaan WP/Elementor */
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item{
float:none!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
position:relative;
overflow:hidden;
border:
1px solid rgba(201,161,94,.22);
border-radius:
var(--cgg-radius);
background:
linear-gradient(
145deg,
var(--cgg-ivory),
var(--cgg-cream)
);
box-shadow:
var(--cgg-shadow);
transform:translateZ(0);
transition:
transform var(--cgg-tr),
box-shadow var(--cgg-tr),
border-color var(--cgg-tr);
}
/* Sedikit variasi bentuk agar terasa editorial */
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item:nth-child(4n+1),
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item:nth-child(4n+1){
border-radius:
var(--cgg-radius-feature);
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item:nth-child(4n+4),
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item:nth-child(4n+4){
border-radius:
22px 46px 22px 22px;
}
/* Gold detail kecil */
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item::before,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item::before{
content:"";
position:absolute;
z-index:5;
top:0;
left:20px;
width:44px;
height:3px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--cgg-gold),
var(--cgg-gold-light)
);
transition:
width var(--cgg-tr);
}
/* Inner fine frame */
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item::after,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item::after{
content:"";
position:absolute;
z-index:4;
inset:8px;
pointer-events:none;
border:
1px solid rgba(255,255,255,.35);
border-radius:
calc(var(--cgg-radius) - 7px);
}
/* Link wrapper */
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-icon,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-icon,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-icon a,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-icon a{
display:block!important;
width:100%!important;
height:100%!important;
overflow:hidden;
}
/* Image */
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery img,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item img{
display:block!important;
width:100%!important;
height:100%!important;
min-height:230px;
aspect-ratio:1.48 / 1;
object-fit:cover!important;
object-position:center!important;
border:0!important;
border-radius:inherit!important;
transform:scale(1.001);
filter:
saturate(.96)
contrast(1.02)
brightness(.98);
transition:
transform .75s cubic-bezier(.2,.72,.2,1),
filter var(--cgg-tr);
}
/* ---------------------------------------------------------
HOVER
--------------------------------------------------------- */
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item:hover,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item:hover{
transform:
translateY(-7px);
border-color:
rgba(201,161,94,.52);
box-shadow:
var(--cgg-shadow-hover);
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item:hover::before,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item:hover::before{
width:92px;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item:hover img,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item:hover img{
transform:
scale(1.045);
filter:
saturate(1.07)
contrast(1.03)
brightness(1.02);
}
/* =========================================================
ELEMENTOR PRO GALLERY
========================================================= */
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-container,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery__container{
gap:var(--cgg-gap)!important;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item{
position:relative!important;
overflow:hidden!important;
border:
1px solid rgba(201,161,94,.22)!important;
border-radius:
var(--cgg-radius)!important;
box-shadow:
var(--cgg-shadow);
background:
linear-gradient(
145deg,
var(--cgg-ivory),
var(--cgg-cream)
);
transition:
transform var(--cgg-tr),
box-shadow var(--cgg-tr),
border-color var(--cgg-tr)!important;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item::before,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item::before{
content:"";
position:absolute;
z-index:6;
top:0;
left:20px;
width:44px;
height:3px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--cgg-gold),
var(--cgg-gold-light)
);
pointer-events:none;
transition:
width var(--cgg-tr);
}
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item::after,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item::after{
content:"";
position:absolute;
z-index:5;
inset:8px;
pointer-events:none;
border:
1px solid rgba(255,255,255,.34);
border-radius:15px;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-image,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item__image{
transition:
transform .75s cubic-bezier(.2,.72,.2,1),
filter var(--cgg-tr)!important;
filter:
saturate(.96)
contrast(1.02)
brightness(.98);
}
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item:hover,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item:hover{
transform:
translateY(-7px)!important;
border-color:
rgba(201,161,94,.52)!important;
box-shadow:
var(--cgg-shadow-hover);
}
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item:hover::before,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item:hover::before{
width:92px;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item:hover .e-gallery-image,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item:hover .elementor-gallery-item__image{
transform:
scale(1.045)!important;
filter:
saturate(1.07)
contrast(1.03)
brightness(1.02);
}
/* =========================================================
OPTIONAL CAPTION
========================================================= */
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery-caption,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item__title,
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item .elementor-gallery-item__title{
position:absolute!important;
z-index:8;
left:16px;
right:16px;
bottom:14px;
width:auto!important;
margin:0!important;
padding:9px 12px!important;
color:var(--cgg-ivory)!important;
background:
rgba(11,36,54,.58)!important;
border:
1px solid rgba(255,255,255,.10);
border-radius:
12px;
box-shadow:
0 10px 24px rgba(0,14,24,.18);
-webkit-backdrop-filter:
blur(10px);
backdrop-filter:
blur(10px);
font-family:
"Plus Jakarta Sans",
Arial,
sans-serif!important;
font-size:
10px!important;
font-weight:
600!important;
line-height:
1.4!important;
letter-spacing:
.04em!important;
opacity:.94;
transition:
transform var(--cgg-tr),
opacity var(--cgg-tr);
}
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery-item:hover .gallery-caption,
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item:hover .elementor-gallery-item__title,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item:hover .elementor-gallery-item__title{
transform:
translateY(-3px);
opacity:1;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.elementor-489 .elementor-element.elementor-element-87df6bb{
--cgg-gap:10px;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery{
grid-template-columns:
repeat(3,minmax(0,1fr))!important;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery img,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item img{
min-height:210px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-489 .elementor-element.elementor-element-87df6bb{
--cgg-gap:9px;
--cgg-radius:18px;
}
.elementor-489 .elementor-element.elementor-element-87df6bb::before{
top:-14px;
width:82%;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery{
grid-template-columns:
repeat(2,minmax(0,1fr))!important;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item{
border-radius:
18px 18px 30px 18px;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item:nth-child(4n+4),
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item:nth-child(4n+4){
border-radius:
18px 30px 18px 18px;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery img,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item img{
min-height:160px;
aspect-ratio:
1.1 / 1;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery-item::before,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item::before,
.elementor-489 .elementor-element.elementor-element-87df6bb .e-gallery-item::before,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item::before{
left:14px;
width:34px;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery-caption,
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-gallery-item__title{
left:10px;
right:10px;
bottom:10px;
padding:7px 9px!important;
font-size:9px!important;
}
}
/* =========================================================
VERY SMALL MOBILE
========================================================= */
@media(max-width:430px){
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery{
grid-template-columns:
1fr!important;
}
.elementor-489 .elementor-element.elementor-element-87df6bb .elementor-image-gallery .gallery img,
.elementor-489 .elementor-element.elementor-element-87df6bb .gallery .gallery-item img{
min-height:220px;
aspect-ratio:1.4 / 1;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-489 .elementor-element.elementor-element-87df6bb *,
.elementor-489 .elementor-element.elementor-element-87df6bb *::before,
.elementor-489 .elementor-element.elementor-element-87df6bb *::after{
transition-duration:.01ms!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bbd93a8 *//* ===== AXR HERO HEADING — EDITABLE COLOR + ORIGINAL SIMPLE SHINE ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,600&display=swap');
/* =========================================================
MAIN HEADING
========================================================= */
.axr-hero-heading.elementor-heading-title,
.axr-hero-heading .elementor-heading-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 600;
font-size: clamp(2.4rem, 5vw, 4.2rem);
line-height: 1.18;
letter-spacing: 0.01em;
max-width: 680px;
margin: 0 auto;
/* TEKS BIASA = HITAM */
color: #111111 !important;
/* TANPA SHADOW */
text-shadow: none !important;
animation:
axrHeroFadeUp 0.9s cubic-bezier(0.4,0,0.2,1) both;
}
/* =========================================================
SPAN — WARNA BISA DIGANTI LANGSUNG DARI HEADING
CONTOH:
Why Travelers Trust
Mount Batur ATV
========================================================= */
.axr-hero-heading span {
display: inline-block;
font-style: italic;
font-weight: 700;
/* WARNA DEFAULT */
color: #54925F;
/* =======================================================
SHINE — MODEL YANG SAMA SEPERTI KODE AWAL
Pola:
warna utama
→ sedikit terang
→ kilau terang
→ sedikit terang
→ warna utama
======================================================= */
background: linear-gradient(
100deg,
currentColor 0%,
color-mix(
in srgb,
currentColor 72%,
white 28%
) 30%,
color-mix(
in srgb,
currentColor 18%,
white 82%
) 45%,
color-mix(
in srgb,
currentColor 72%,
white 28%
) 60%,
currentColor 100%
);
/* SAMA SEPERTI KODE KILAU AWAL */
background-size: 250% 100%;
-webkit-background-clip: text;
background-clip: text;
/*
JANGAN PAKAI:
color: transparent;
karena kita masih membutuhkan currentColor
dari style="color:#54925F;"
*/
-webkit-text-fill-color: transparent !important;
text-shadow: none !important;
padding-bottom: 2px;
/* SAMA SEPERTI ANIMASI AWAL */
animation:
axrGoldStyleShine 4s ease-in-out infinite;
}
/* =========================================================
EFEK KILAU
SAMA SEPERTI KODE AWAL:
KIRI → KANAN → KIRI
========================================================= */
@keyframes axrGoldStyleShine {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
/* =========================================================
FALLBACK
========================================================= */
@supports not (-webkit-background-clip: text) {
.axr-hero-heading span {
background: none;
-webkit-text-fill-color: currentColor !important;
}
}
/* =========================================================
ENTRANCE
========================================================= */
@keyframes axrHeroFadeUp {
from {
opacity: 0;
transform: translateY(24px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.axr-hero-heading span {
animation: none;
background-position: 50% 50%;
}
.axr-hero-heading.elementor-heading-title,
.axr-hero-heading .elementor-heading-title {
animation: none;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
.axr-hero-heading.elementor-heading-title,
.axr-hero-heading .elementor-heading-title {
font-size: clamp(1.9rem, 8vw, 2.6rem);
max-width: 92%;
line-height: 1.25;
}
}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-b957ed1 *//* =========================================================
MOUNT BATUR ATV — ACCORDION CLEAN
TITLE SEMUA BERWARNA PUTIH
FONT
Title : Syne
Content : Plus Jakarta Sans
Green : #54925F
Orange : #F8A03B
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1{
width:100%;
}
/* =========================================================
ACCORDION WRAPPER
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion{
border:0;
}
/* =========================================================
ACCORDION ITEM
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item{
position:relative;
overflow:hidden;
margin-bottom:8px;
border:
1px solid rgba(46,92,57,.10) !important;
border-radius:12px;
box-shadow:
0 3px 10px rgba(46,92,57,.03);
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease;
}
/* =========================================================
ITEM HOVER
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover{
transform:translateY(-2px);
border-color:
rgba(84,146,95,.22) !important;
box-shadow:
0 8px 18px rgba(46,92,57,.06);
}
/* =========================================================
TITLE
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
position:relative;
display:flex !important;
align-items:center;
min-height:46px;
padding:
12px 14px !important;
border:
0 !important;
font-family:
"Syne", sans-serif;
color:
#FFFFFF !important;
transition:
background-color .28s ease,
color .28s ease,
box-shadow .28s ease;
}
/* =========================================================
TITLE TEXT — PUTIH
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{
font-family:
"Syne", sans-serif;
color:
#FFFFFF !important;
}
/* =========================================================
TITLE LINK — PUTIH
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title a{
font-family:
"Syne", sans-serif;
color:
#FFFFFF !important;
}
/* =========================================================
TITLE SEMUA STATE TETAP PUTIH
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active:hover{
color:
#FFFFFF !important;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active
.elementor-accordion-title,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover a,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active a{
color:
#FFFFFF !important;
}
/* =========================================================
HAPUS TOTAL ICON + LINGKARAN KIRI
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title::before,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title::after{
content:none !important;
display:none !important;
}
/* =========================================================
ACCORDION +/- ICON KANAN
IKUT PUTIH
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon{
margin-left:auto !important;
color:
#FFFFFF !important;
}
/* Jika icon bawaan Elementor berada di kiri,
paksa ke kanan */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon.elementor-accordion-icon-left{
order:2 !important;
margin-left:auto !important;
margin-right:0 !important;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon i{
color:
#FFFFFF !important;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon svg{
color:
#FFFFFF !important;
fill:
#FFFFFF !important;
}
/* =========================================================
ACTIVE TITLE
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active{
color:
#FFFFFF !important;
box-shadow:
inset 0 -1px 0 rgba(255,255,255,.08);
}
/* =========================================================
CONTENT / ANSWER
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
padding:
0 14px 16px 14px !important;
border:
0 !important;
background:
#FFFFFF;
font-family:
"Plus Jakarta Sans", sans-serif;
line-height:
1.65;
}
/* =========================================================
CONTENT TEXT
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content p,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content span,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content li{
font-family:
"Plus Jakarta Sans", sans-serif;
}
/* =========================================================
ORANGE ACCENT SAAT TERBUKA
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1
.elementor-accordion-item:has(
.elementor-tab-title.elementor-active
)::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:3px;
background:
linear-gradient(
90deg,
#F8A03B 0%,
rgba(248,160,59,.35) 100%
);
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
min-height:44px;
padding:
11px 12px !important;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
padding:
0 12px 15px 12px !important;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item{
margin-bottom:7px;
border-radius:10px;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover{
transform:none;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
min-height:42px;
padding:
10px !important;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
padding:
0 10px 14px 10px !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
transition:none;
}
}
/* =========================================================
FORCE ALL ACCORDION TITLES TO WHITE
========================================================= */
/* Normal */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-accordion-item
.elementor-tab-title
a.elementor-accordion-title{
color:#FFFFFF !important;
-webkit-text-fill-color:#FFFFFF !important;
}
/* Jika title tidak berupa link */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-accordion-item
.elementor-tab-title
.elementor-accordion-title{
color:#FFFFFF !important;
-webkit-text-fill-color:#FFFFFF !important;
}
/* Closed / inactive */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title:not(.elementor-active)
.elementor-accordion-title{
color:#FFFFFF !important;
-webkit-text-fill-color:#FFFFFF !important;
}
/* Active */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title.elementor-active
.elementor-accordion-title{
color:#FFFFFF !important;
-webkit-text-fill-color:#FFFFFF !important;
}
/* Hover */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title:hover
.elementor-accordion-title{
color:#FFFFFF !important;
-webkit-text-fill-color:#FFFFFF !important;
}
/* Link states */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:link,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:visited,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:hover,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:focus,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:active{
color:#FFFFFF !important;
-webkit-text-fill-color:#FFFFFF !important;
}
/* =========================================================
MOUNT BATUR ATV — PREMIUM ACCORDION EFFECTS
Tambahkan di PALING BAWAH CSS accordion yang sekarang
========================================================= */
/* =========================================================
1. ITEM — SMOOTH PREMIUM MOTION
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item{
transition:
transform .32s cubic-bezier(.2,.8,.2,1),
box-shadow .32s ease,
border-color .32s ease,
filter .32s ease !important;
}
/* Hover card */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover{
transform:translateY(-3px);
border-color:
rgba(84,146,95,.28) !important;
box-shadow:
0 12px 28px rgba(31,80,47,.10),
0 3px 8px rgba(31,80,47,.04);
filter:
saturate(1.03);
}
/* =========================================================
2. TITLE — MICRO MOVEMENT
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
overflow:hidden;
transition:
background-color .3s ease,
box-shadow .3s ease,
transform .3s ease !important;
}
/* Text bergerak sedikit saat hover */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{
display:inline-block;
transition:
transform .28s ease,
text-shadow .28s ease !important;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title{
transform:
translateX(4px);
text-shadow:
0 2px 10px rgba(255,255,255,.16);
}
/* =========================================================
3. SEMUA TITLE TETAP PUTIH
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title
.elementor-accordion-title,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title
a.elementor-accordion-title,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active
.elementor-accordion-title{
color:#FFFFFF !important;
-webkit-text-fill-color:
#FFFFFF !important;
}
/* =========================================================
4. ACTIVE ITEM — PREMIUM GREEN GLOW
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1
.elementor-accordion-item:has(
.elementor-tab-title.elementor-active
){
border-color:
rgba(84,146,95,.30) !important;
box-shadow:
0 14px 32px rgba(42,93,57,.10),
0 0 0 1px rgba(84,146,95,.04);
}
/* Active title */
.elementor-489 .elementor-element.elementor-element-b957ed1
.elementor-tab-title.elementor-active{
box-shadow:
inset 0 -1px 0 rgba(255,255,255,.12),
inset 0 8px 18px rgba(255,255,255,.025) !important;
}
/* =========================================================
5. SOFT SHINE SAAT HOVER
Kilau halus bergerak di atas item
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item::before{
content:"";
position:absolute;
top:0;
left:-45%;
width:26%;
height:100%;
z-index:5;
pointer-events:none;
opacity:0;
background:
linear-gradient(
105deg,
transparent 0%,
rgba(255,255,255,0) 25%,
rgba(255,255,255,.10) 50%,
rgba(255,255,255,0) 75%,
transparent 100%
);
transform:
skewX(-16deg);
transition:
left .65s cubic-bezier(.2,.8,.2,1),
opacity .25s ease;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover::before{
left:120%;
opacity:1;
}
/* =========================================================
6. ORANGE ACTIVE LINE
Lebih mewah daripada garis flat
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1
.elementor-accordion-item:has(
.elementor-tab-title.elementor-active
)::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:3px;
border-radius:
0 0 12px 12px;
background:
linear-gradient(
90deg,
rgba(248,160,59,.25) 0%,
#F8A03B 30%,
#FFBB66 50%,
#F8A03B 70%,
rgba(248,160,59,.25) 100%
);
background-size:
200% 100%;
animation:
baturFaqOrangeFlow
3.2s linear infinite;
box-shadow:
0 -2px 8px rgba(248,160,59,.16);
}
@keyframes baturFaqOrangeFlow{
0%{
background-position:
0% 50%;
}
100%{
background-position:
200% 50%;
}
}
/* =========================================================
7. ANSWER OPEN ANIMATION
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
transform-origin:
top center;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content[style*="display: block"],
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content.elementor-active{
animation:
baturFaqReveal
.38s cubic-bezier(.2,.8,.2,1);
}
@keyframes baturFaqReveal{
0%{
opacity:0;
transform:
translateY(-7px);
}
100%{
opacity:1;
transform:
translateY(0);
}
}
/* =========================================================
8. CONTENT — SOFT INNER DEPTH
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
box-shadow:
inset 0 8px 16px rgba(31,80,47,.018);
transition:
box-shadow .3s ease;
}
/* =========================================================
9. RIGHT ACCORDION ICON
========================================================= */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon{
transition:
transform .3s cubic-bezier(.2,.8,.2,1),
opacity .3s ease !important;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-icon{
transform:
scale(1.10);
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active
.elementor-accordion-icon{
transform:
scale(1.08);
opacity:.92;
}
/* =========================================================
10. MOBILE
========================================================= */
@media(max-width:767px){
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover{
transform:none;
box-shadow:
0 6px 18px rgba(31,80,47,.07);
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title{
transform:none;
}
/* Hindari shine berlebihan di mobile */
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item::before{
display:none;
}
}
/* =========================================================
11. REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-title,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
transition:none !important;
animation:none !important;
}
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item::before,
.elementor-489 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item::after{
animation:none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433446a *//* =========================================================
MOUNT BATUR ATV
INNER TOP LINE — FASTER REPEATING FLASH
Green : #54925F
Orange : #F8A03B
PASANG DI:
Container induk yang membungkus
Container Kiri + Container Kanan
========================================================= */
.elementor-489 .elementor-element.elementor-element-433446a{
--line-green:#54925F;
--line-orange:#F8A03B;
/* =====================================================
ATUR JARAK DARI TEPI CONTAINER INDUK
Besarkan angka ini jika container kiri/kanan
lebih masuk ke tengah.
====================================================== */
--line-left-space:7%;
--line-right-space:7%;
position:relative;
overflow:hidden;
isolation:isolate;
}
/* =========================================================
BASE LINE
MULAI DARI AREA CONTAINER KIRI
BERAKHIR DI AREA CONTAINER KANAN
========================================================= */
.elementor-489 .elementor-element.elementor-element-433446a::before{
content:"";
position:absolute;
z-index:20;
top:0;
left:var(--line-left-space);
width:calc(
100%
- var(--line-left-space)
- var(--line-right-space)
);
height:2px;
border-radius:999px;
background:
linear-gradient(
90deg,
transparent 0%,
rgba(84,146,95,.15) 3%,
rgba(84,146,95,.24) 28%,
rgba(248,160,59,.24) 72%,
rgba(248,160,59,.15) 97%,
transparent 100%
);
pointer-events:none;
}
/* =========================================================
MOVING LIGHT
========================================================= */
.elementor-489 .elementor-element.elementor-element-433446a::after{
content:"";
position:absolute;
z-index:21;
top:0;
/*
Area gerak juga mengikuti batas
container kiri + kanan
*/
left:var(--line-left-space);
width:28%;
height:3px;
border-radius:999px;
background:
linear-gradient(
90deg,
transparent 0%,
rgba(84,146,95,0) 5%,
rgba(84,146,95,.30) 13%,
#54925F 27%,
rgba(84,146,95,.95) 38%,
rgba(248,160,59,.95) 60%,
#F8A03B 72%,
rgba(248,160,59,.32) 86%,
rgba(248,160,59,0) 95%,
transparent 100%
);
filter:
drop-shadow(
0 0 4px rgba(84,146,95,.24)
)
drop-shadow(
0 0 5px rgba(248,160,59,.20)
);
transform:
translateX(-115%);
animation:
baturFastRepeatLine 3.2s
linear
infinite;
pointer-events:none;
will-change:
transform,
opacity;
}
/* =========================================================
ANIMATION
Kilatan pertama selesai,
kilatan berikutnya lebih cepat muncul.
Tidak ada jeda panjang.
========================================================= */
@keyframes baturFastRepeatLine{
0%{
transform:
translateX(-115%);
opacity:0;
}
/* langsung muncul */
3%{
opacity:1;
}
/* perjalanan */
88%{
opacity:1;
}
/* keluar kanan */
100%{
transform:
translateX(370%);
opacity:0;
}
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.elementor-489 .elementor-element.elementor-element-433446a{
--line-left-space:5%;
--line-right-space:5%;
}
.elementor-489 .elementor-element.elementor-element-433446a::after{
width:32%;
animation-duration:
3.4s;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-489 .elementor-element.elementor-element-433446a{
--line-left-space:4%;
--line-right-space:4%;
}
.elementor-489 .elementor-element.elementor-element-433446a::before{
height:1.5px;
}
.elementor-489 .elementor-element.elementor-element-433446a::after{
width:40%;
height:2px;
animation-duration:
3.6s;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-489 .elementor-element.elementor-element-433446a::after{
animation:none;
transform:none;
opacity:.65;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f4a9b3f *//* =========================================================
MOUNT BATUR ATV
PURE LUXURY SHIMMER TEXT
HTML TIDAK PERLU DIUBAH:
Ready To Explore
Mount Batur With Us?
HASIL:
- Tulisan orange SELALU terlihat
- Tidak ada fade / menghilang
- Tidak berubah warna dasar
- Hanya cahaya yang melintas
- Tidak mengubah font / ukuran / posisi
========================================================= */
/* =========================================================
BASE TEXT
TETAP ORANGE DAN SELALU TERLIHAT
========================================================= */
.elementor-489 .elementor-element.elementor-element-f4a9b3f .elementor-heading-title span{
position:relative;
display:inline-block;
color:#FF6B2C !important;
-webkit-text-fill-color:#FF6B2C !important;
/* jangan gunakan gradient pada text utama */
background:none !important;
/* glow orange sangat lembut */
text-shadow:
0 0 6px rgba(255,107,44,.06),
0 0 14px rgba(248,160,59,.035);
}
/* =========================================================
LUXURY SHIMMER LAYER
Tulisan kedua hanya sebagai lapisan CAHAYA.
Tulisan asli di bawah tidak pernah hilang.
========================================================= */
.elementor-489 .elementor-element.elementor-element-f4a9b3f .elementor-heading-title span::after{
content:"Mount Batur With Us?";
position:absolute;
z-index:2;
inset:0;
pointer-events:none;
/* =========================================
WAJIB mengikuti typography parent
========================================= */
font:
inherit;
font-size:
inherit;
font-weight:
inherit;
font-family:
inherit;
line-height:
inherit;
letter-spacing:
inherit;
text-align:
inherit;
/* =========================================
SHIMMER GRADIENT
========================================= */
color:transparent;
-webkit-text-fill-color:transparent;
background-image:
linear-gradient(
105deg,
transparent 0%,
transparent 35%,
rgba(255,255,255,0) 39%,
rgba(255,255,255,.08) 42%,
rgba(255,255,255,.28) 45%,
rgba(255,244,218,.62) 47%,
rgba(255,255,255,.95) 49%,
#FFFFFF 50%,
rgba(255,255,255,.96) 51%,
rgba(255,235,193,.70) 53%,
rgba(255,194,118,.42) 56%,
rgba(255,255,255,.15) 59%,
transparent 64%,
transparent 100%
);
background-size:
260% 100%;
background-position:
125% center;
background-repeat:
no-repeat;
-webkit-background-clip:text;
background-clip:text;
/* =========================================
CAHAYA TAMBAHAN
========================================= */
filter:
drop-shadow(
0 0 2px
rgba(255,255,255,.38)
)
drop-shadow(
0 0 5px
rgba(255,222,170,.18)
);
opacity:0;
/* =========================================
ANIMATION
========================================= */
animation:
baturPureLuxuryShimmer
4.5s
cubic-bezier(.42,0,.2,1)
infinite;
will-change:
background-position,
opacity;
}
/* =========================================================
SHIMMER ANIMATION
ALUR:
orange normal
↓
kilau muncul
↓
bergerak cepat
↓
hilang
↓
orange tetap normal
========================================================= */
@keyframes baturPureLuxuryShimmer{
/* =====================================
DIAM
====================================== */
0%,
48%{
background-position:
125% center;
opacity:0;
}
/* =====================================
CAHAYA MULAI MASUK
====================================== */
52%{
background-position:
110% center;
opacity:.20;
}
57%{
background-position:
92% center;
opacity:.55;
}
/* =====================================
CAHAYA BERGERAK
====================================== */
63%{
background-position:
70% center;
opacity:.90;
}
68%{
background-position:
52% center;
opacity:1;
}
/* =====================================
PEAK SHIMMER
====================================== */
72%{
background-position:
38% center;
opacity:1;
}
/* =====================================
MULAI KELUAR
====================================== */
78%{
background-position:
17% center;
opacity:.75;
}
84%{
background-position:
-8% center;
opacity:.30;
}
/* =====================================
HILANG SEPENUHNYA
====================================== */
89%{
background-position:
-25% center;
opacity:0;
}
100%{
background-position:
-25% center;
opacity:0;
}
}
/* =========================================================
SUBTLE BASE GLOW
Hanya glow kecil pada teks orange asli.
Tidak ada perubahan opacity.
========================================================= */
.elementor-489 .elementor-element.elementor-element-f4a9b3f .elementor-heading-title span{
animation:
baturOrangeBaseGlow
3.8s
ease-in-out
infinite alternate;
}
@keyframes baturOrangeBaseGlow{
from{
text-shadow:
0 0 5px
rgba(255,107,44,.04),
0 0 11px
rgba(248,160,59,.025);
}
to{
text-shadow:
0 0 7px
rgba(255,107,44,.10),
0 0 16px
rgba(248,160,59,.05);
}
}
/* =========================================================
RESPONSIVE
Tidak mengubah layout desktop / tablet / mobile
========================================================= */
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-489 .elementor-element.elementor-element-f4a9b3f .elementor-heading-title span{
animation:none;
}
.elementor-489 .elementor-element.elementor-element-f4a9b3f .elementor-heading-title span::after{
animation:none;
display:none;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b92f8b *//* =========================================================
PREMIUM GREEN BUTTON
Main Color: #54925F
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button{
--btn-green:#54925F;
--btn-green-dark:#3F744A;
--btn-green-light:#6FA878;
--btn-white:#FFFFFF;
position:relative;
overflow:hidden;
isolation:isolate;
background:
linear-gradient(
135deg,
var(--btn-green-light) 0%,
var(--btn-green) 48%,
var(--btn-green-dark) 100%
);
background-size:200% 200%;
background-position:0% 50%;
border:none;
border-radius:8px;
padding:14px 32px;
color:var(--btn-white);
font-weight:700;
letter-spacing:.5px;
box-shadow:
0 4px 15px rgba(84,146,95,.30),
inset 0 1px 0 rgba(255,255,255,.14);
transform:translateY(0);
transition:
background-position .45s ease,
transform .35s cubic-bezier(.2,.75,.25,1),
box-shadow .35s ease;
}
/* =========================================================
KEEP CONTENT ABOVE EFFECT
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button-content-wrapper{
position:relative;
z-index:3;
}
/* =========================================================
SHINE EFFECT
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button::before{
content:"";
position:absolute;
z-index:1;
top:-25%;
left:-110%;
width:55%;
height:150%;
background:
linear-gradient(
120deg,
transparent 0%,
rgba(255,255,255,.08) 28%,
rgba(255,255,255,.34) 50%,
rgba(255,255,255,.08) 72%,
transparent 100%
);
transform:skewX(-20deg);
pointer-events:none;
transition:
left .65s cubic-bezier(.22,.61,.36,1);
}
/* =========================================================
SOFT LIGHT OVERLAY
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button::after{
content:"";
position:absolute;
z-index:0;
inset:0;
background:
linear-gradient(
180deg,
rgba(255,255,255,.10) 0%,
rgba(255,255,255,.025) 42%,
rgba(0,0,0,.05) 100%
);
opacity:.75;
pointer-events:none;
transition:opacity .35s ease;
}
/* =========================================================
HOVER
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button:hover{
background-position:100% 50%;
transform:translateY(-4px);
box-shadow:
0 10px 25px rgba(84,146,95,.36),
0 4px 10px rgba(63,116,74,.16),
inset 0 1px 0 rgba(255,255,255,.18);
}
/* shine moves across */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button:hover::before{
left:125%;
}
/* slightly brighter overlay */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button:hover::after{
opacity:1;
}
/* =========================================================
TEXT
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button-text{
position:relative;
z-index:4;
color:#FFFFFF;
text-shadow:
0 1px 2px rgba(0,0,0,.10);
transition:
transform .35s ease,
text-shadow .35s ease;
}
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button:hover .elementor-button-text{
transform:translateY(-1px);
text-shadow:
0 2px 6px rgba(0,0,0,.14);
}
/* =========================================================
ICON
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button-icon{
position:relative;
z-index:4;
color:#FFFFFF;
transition:
transform .35s cubic-bezier(.34,1.56,.64,1);
}
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button:hover .elementor-button-icon{
transform:translateX(3px);
}
/* =========================================================
ACTIVE
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button:active{
transform:translateY(-1px) scale(.985);
box-shadow:
0 4px 12px rgba(84,146,95,.28),
inset 0 1px 0 rgba(255,255,255,.12);
}
/* =========================================================
FOCUS
========================================================= */
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button:focus-visible{
outline:none;
box-shadow:
0 0 0 3px rgba(84,146,95,.20),
0 8px 22px rgba(84,146,95,.30);
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button{
padding:13px 28px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button{
padding:12px 24px;
box-shadow:
0 4px 12px rgba(84,146,95,.24);
}
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button:hover{
transform:translateY(-2px);
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button,
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button::before,
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button::after,
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button-text,
.elementor-489 .elementor-element.elementor-element-9b92f8b .elementor-button-icon{
transition:none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-303be11 *//* =========================================================
MOUNT BATUR ATV — REALISTIC MOVING CLOUDS
BOTTOM CTA ONLY
- Hanya di bagian bawah CTA
- Bergerak kiri → kanan
- Putih transparan
- Soft / cinematic
- Elementor Background Overlay tetap aman
========================================================= */
.elementor-489 .elementor-element.elementor-element-303be11{
/* ==============================
MUDAH DIATUR
============================== */
/* tinggi area awan */
--cloud-height:82px;
/* semakin besar = semakin lambat */
--cloud-speed:24s;
/* opacity keseluruhan */
--cloud-opacity:.72;
/* panjang satu pola awan */
--cloud-pattern:720px;
position:relative;
isolation:isolate;
overflow:hidden;
}
/* =========================================================
PENTING
JANGAN menggunakan .elementor-489 .elementor-element.elementor-element-303be11::before
karena Elementor memakai ::before untuk Background Overlay
========================================================= */
/* =========================================================
CLOUD LAYER
========================================================= */
.elementor-489 .elementor-element.elementor-element-303be11::after{
content:"";
position:absolute;
z-index:20;
/* HANYA DI BAWAH */
top:auto !important;
bottom:-14px;
left:0;
width:100%;
height:var(--cloud-height);
pointer-events:none;
/* =====================================================
CLOUD SHAPES
Gabungan beberapa radial-gradient.
Bentuk dibuat tidak terlalu simetris agar lebih natural.
====================================================== */
background-image:
/* CLOUD GROUP 01 */
radial-gradient(
ellipse 95px 30px at 6% 72%,
rgba(255,255,255,.26) 0%,
rgba(255,255,255,.15) 46%,
transparent 72%
),
radial-gradient(
ellipse 68px 44px at 11% 59%,
rgba(255,255,255,.38) 0%,
rgba(255,255,255,.20) 48%,
transparent 73%
),
radial-gradient(
ellipse 110px 34px at 17% 72%,
rgba(255,255,255,.24) 0%,
rgba(255,255,255,.12) 50%,
transparent 74%
),
/* CLOUD GROUP 02 */
radial-gradient(
ellipse 120px 34px at 34% 75%,
rgba(255,255,255,.22) 0%,
rgba(255,255,255,.11) 50%,
transparent 74%
),
radial-gradient(
ellipse 78px 50px at 39% 60%,
rgba(255,255,255,.36) 0%,
rgba(255,255,255,.18) 50%,
transparent 73%
),
radial-gradient(
ellipse 110px 32px at 45% 74%,
rgba(245,248,245,.23) 0%,
rgba(245,248,245,.11) 50%,
transparent 74%
),
/* CLOUD GROUP 03 */
radial-gradient(
ellipse 92px 28px at 57% 66%,
rgba(255,255,255,.18) 0%,
rgba(255,255,255,.09) 48%,
transparent 73%
),
radial-gradient(
ellipse 66px 43px at 61% 55%,
rgba(255,255,255,.31) 0%,
rgba(255,255,255,.15) 48%,
transparent 72%
),
radial-gradient(
ellipse 105px 30px at 66% 67%,
rgba(255,255,255,.20) 0%,
rgba(255,255,255,.09) 50%,
transparent 74%
),
/* CLOUD GROUP 04 */
radial-gradient(
ellipse 125px 36px at 81% 73%,
rgba(255,255,255,.23) 0%,
rgba(255,255,255,.11) 50%,
transparent 74%
),
radial-gradient(
ellipse 78px 52px at 87% 58%,
rgba(255,255,255,.37) 0%,
rgba(255,255,255,.18) 48%,
transparent 73%
),
radial-gradient(
ellipse 105px 32px at 94% 72%,
rgba(255,255,255,.22) 0%,
rgba(255,255,255,.10) 50%,
transparent 74%
),
/* BOTTOM MIST */
linear-gradient(
180deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.025) 35%,
rgba(255,255,255,.07) 70%,
rgba(255,255,255,.11) 100%
);
/* =====================================================
REPEATING PATTERN
====================================================== */
background-size:
var(--cloud-pattern) 100%;
background-repeat:
repeat-x;
background-position:
calc(var(--cloud-pattern) * -1) 0;
/* =====================================================
SOFT ATMOSPHERIC LOOK
====================================================== */
opacity:
var(--cloud-opacity);
filter:
blur(.7px)
drop-shadow(
0 -3px 8px
rgba(255,255,255,.05)
);
/* fade bagian atas awan */
-webkit-mask-image:
linear-gradient(
180deg,
transparent 0%,
rgba(0,0,0,.20) 14%,
#000 42%,
#000 100%
);
mask-image:
linear-gradient(
180deg,
transparent 0%,
rgba(0,0,0,.20) 14%,
#000 42%,
#000 100%
);
/* =====================================================
ANIMATION
====================================================== */
animation:
baturCloudMoveRight
var(--cloud-speed)
linear
infinite,
baturCloudBreath
7s
ease-in-out
infinite alternate;
will-change:
background-position,
opacity,
filter;
}
/* =========================================================
CLOUD MOVEMENT
seamless kiri → kanan
========================================================= */
@keyframes baturCloudMoveRight{
from{
background-position:
calc(var(--cloud-pattern) * -1) 0;
}
to{
background-position:
0 0;
}
}
/* =========================================================
NATURAL CLOUD BREATHING
Perubahan opacity sangat kecil agar awan
terasa hidup, bukan pattern statis.
========================================================= */
@keyframes baturCloudBreath{
0%{
opacity:
calc(var(--cloud-opacity) - .10);
filter:
blur(.55px);
}
50%{
opacity:
var(--cloud-opacity);
filter:
blur(.85px);
}
100%{
opacity:
calc(var(--cloud-opacity) - .04);
filter:
blur(.68px);
}
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.elementor-489 .elementor-element.elementor-element-303be11{
--cloud-height:72px;
--cloud-speed:27s;
--cloud-pattern:650px;
--cloud-opacity:.68;
}
.elementor-489 .elementor-element.elementor-element-303be11::after{
bottom:-13px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-489 .elementor-element.elementor-element-303be11{
--cloud-height:58px;
--cloud-speed:30s;
--cloud-pattern:520px;
--cloud-opacity:.62;
}
.elementor-489 .elementor-element.elementor-element-303be11::after{
bottom:-11px;
filter:
blur(.55px);
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-489 .elementor-element.elementor-element-303be11::after{
animation:none;
background-position:center;
opacity:.65;
}
}/* End custom CSS */