.elementor-510 .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-510 .elementor-element.elementor-element-5d14efe:not(.elementor-motion-effects-element-type-background), .elementor-510 .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-510 .elementor-element.elementor-element-5d14efe::before, .elementor-510 .elementor-element.elementor-element-5d14efe > .elementor-background-video-container::before, .elementor-510 .elementor-element.elementor-element-5d14efe > .e-con-inner > .elementor-background-video-container::before, .elementor-510 .elementor-element.elementor-element-5d14efe > .elementor-background-slideshow::before, .elementor-510 .elementor-element.elementor-element-5d14efe > .e-con-inner > .elementor-background-slideshow::before, .elementor-510 .elementor-element.elementor-element-5d14efe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-61a01d1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-8641a07.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-510 .elementor-element.elementor-element-22f4e4c{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-510 .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-510 .elementor-element.elementor-element-faec153:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-faec153 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-661210c .elementor-icon-wrapper{text-align:center;}.elementor-510 .elementor-element.elementor-element-661210c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-661210c.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-661210c.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-661210c.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-661210c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-661210c .elementor-icon{font-size:20px;}.elementor-510 .elementor-element.elementor-element-661210c .elementor-icon svg{height:20px;}.elementor-510 .elementor-element.elementor-element-da604af{text-align:start;}.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-92c1d36 .elementor-icon-wrapper{text-align:center;}.elementor-510 .elementor-element.elementor-element-92c1d36.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-92c1d36.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-92c1d36.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-92c1d36.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-92c1d36.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:20px;}.elementor-510 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:20px;}.elementor-510 .elementor-element.elementor-element-347085f{text-align:start;}.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-1f64ee3 .elementor-icon-wrapper{text-align:center;}.elementor-510 .elementor-element.elementor-element-1f64ee3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-1f64ee3.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-1f64ee3.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-1f64ee3.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-1f64ee3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-510 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:20px;}.elementor-510 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:20px;}.elementor-510 .elementor-element.elementor-element-70d5d70{text-align:start;}.elementor-510 .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-510 .elementor-element.elementor-element-d2a9162{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-510 .elementor-element.elementor-element-9db45ff{--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;--border-radius:50px 50px 50px 50px;}.elementor-510 .elementor-element.elementor-element-9db45ff:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-9db45ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-6f59669{--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:50px;--padding-bottom:30px;--padding-left:26px;--padding-right:26px;}.elementor-510 .elementor-element.elementor-element-6f59669.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-510 .elementor-element.elementor-element-ce11386{text-align:start;}.elementor-510 .elementor-element.elementor-element-ce11386 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:24px;font-weight:700;letter-spacing:2px;color:var( --e-global-color-1b7787c );}.elementor-510 .elementor-element.elementor-element-2fefc6f{text-align:start;}.elementor-510 .elementor-element.elementor-element-2fefc6f .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:700;line-height:1em;letter-spacing:-0.8px;color:#173F32;}.elementor-510 .elementor-element.elementor-element-fab3b63.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(0px) brightness(1);}.elementor-510 .elementor-element.elementor-element-fab3b63.eael_liquid_glass_shadow-effect4{border-style:solid;border-width:1px 1px 1px 1px;border-color:#AAAAAA1A;border-radius:24px 24px 24px 24px;box-shadow:0px 9px 21px 0px #00000040;}.elementor-510 .elementor-element.elementor-element-2a9b81c{--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;--justify-content:center;--padding-top:30px;--padding-bottom:30px;--padding-left:16px;--padding-right:16px;}.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-510 .elementor-element.elementor-element-67b4477 .elementor-button{background-color:#F3F8F3;font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:500;fill:#559764;color:#559764;border-radius:20px 20px 20px 20px;}.elementor-510 .elementor-element.elementor-element-67b4477{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-510 .elementor-element.elementor-element-67b4477 .elementor-button-content-wrapper{flex-direction:row;}.elementor-510 .elementor-element.elementor-element-6bf484a{--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;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:#E6DED1;--border-color:#E6DED1;--border-radius:12px 12px 12px 12px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-510 .elementor-element.elementor-element-6bf484a:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-6bf484a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF9;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-510 .elementor-element.elementor-element-23ffe8d{width:var( --container-widget-width, 49.528% );max-width:49.528%;--container-widget-width:49.528%;--container-widget-flex-grow:0;}.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-510 .elementor-element.elementor-element-23ffe8d .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-510 .elementor-element.elementor-element-23ffe8d .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-default .elementor-icon{fill:var( --e-global-color-d07b644 );color:var( --e-global-color-d07b644 );border-color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1b7787c );}.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-default:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-23ffe8d.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1b7787c );color:var( --e-global-color-1b7787c );border-color:var( --e-global-color-1b7787c );}.elementor-510 .elementor-element.elementor-element-23ffe8d .elementor-icon{font-size:24px;}.elementor-510 .elementor-element.elementor-element-23ffe8d .elementor-icon-box-title, .elementor-510 .elementor-element.elementor-element-23ffe8d .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:700;}.elementor-510 .elementor-element.elementor-element-23ffe8d:has(:hover) .elementor-icon-box-title,
.elementor-510 .elementor-element.elementor-element-23ffe8d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-23ffe8d .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;color:#000000;}.elementor-510 .elementor-element.elementor-element-6bee810{--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;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:#E6DED1;--border-color:#E6DED1;--border-radius:12px 12px 12px 12px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-510 .elementor-element.elementor-element-6bee810:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-6bee810 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF9;}.elementor-510 .elementor-element.elementor-element-f626285 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-510 .elementor-element.elementor-element-f626285 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-f626285.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-f626285.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-f626285.elementor-view-default .elementor-icon{fill:var( --e-global-color-d07b644 );color:var( --e-global-color-d07b644 );border-color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-f626285.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-f626285.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1b7787c );}.elementor-510 .elementor-element.elementor-element-f626285.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-f626285.elementor-view-default:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-f626285.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-f626285.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1b7787c );color:var( --e-global-color-1b7787c );border-color:var( --e-global-color-1b7787c );}.elementor-510 .elementor-element.elementor-element-f626285 .elementor-icon{font-size:24px;}.elementor-510 .elementor-element.elementor-element-f626285 .elementor-icon-box-title, .elementor-510 .elementor-element.elementor-element-f626285 .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:700;}.elementor-510 .elementor-element.elementor-element-f626285:has(:hover) .elementor-icon-box-title,
.elementor-510 .elementor-element.elementor-element-f626285:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-f626285 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;color:#000000;}.elementor-510 .elementor-element.elementor-element-00b2061{--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;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:#E6DED1;--border-color:#E6DED1;--border-radius:12px 12px 12px 12px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-510 .elementor-element.elementor-element-00b2061:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-00b2061 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF9;}.elementor-510 .elementor-element.elementor-element-e030266 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-510 .elementor-element.elementor-element-e030266 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-e030266.elementor-view-default .elementor-icon{fill:var( --e-global-color-d07b644 );color:var( --e-global-color-d07b644 );border-color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1b7787c );fill:#FFFFFF;color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-default:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1b7787c );color:var( --e-global-color-1b7787c );border-color:var( --e-global-color-1b7787c );}.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-e030266.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-e030266 .elementor-icon{font-size:24px;}.elementor-510 .elementor-element.elementor-element-e030266 .elementor-icon-box-title, .elementor-510 .elementor-element.elementor-element-e030266 .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:700;}.elementor-510 .elementor-element.elementor-element-e030266:has(:hover) .elementor-icon-box-title,
.elementor-510 .elementor-element.elementor-element-e030266:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-e030266 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;color:#000000;}.elementor-510 .elementor-element.elementor-element-d23d2fe{--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:#E6DED1;--border-color:#E6DED1;--border-radius:12px 12px 12px 12px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-510 .elementor-element.elementor-element-d23d2fe:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-d23d2fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF9;}.elementor-510 .elementor-element.elementor-element-9cd0e7b .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-510 .elementor-element.elementor-element-9cd0e7b .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-default .elementor-icon{fill:var( --e-global-color-d07b644 );color:var( --e-global-color-d07b644 );border-color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1b7787c );}.elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-default:has(:hover) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-510 .elementor-element.elementor-element-9cd0e7b.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1b7787c );color:var( --e-global-color-1b7787c );border-color:var( --e-global-color-1b7787c );}.elementor-510 .elementor-element.elementor-element-9cd0e7b .elementor-icon{font-size:24px;}.elementor-510 .elementor-element.elementor-element-9cd0e7b .elementor-icon-box-title, .elementor-510 .elementor-element.elementor-element-9cd0e7b .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:700;}.elementor-510 .elementor-element.elementor-element-9cd0e7b:has(:hover) .elementor-icon-box-title,
.elementor-510 .elementor-element.elementor-element-9cd0e7b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-d07b644 );}.elementor-510 .elementor-element.elementor-element-9cd0e7b .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;color:#000000;}.elementor-510 .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:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-433446a:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-433446a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-c61ffe1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-510 .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-510 .elementor-element.elementor-element-383c348:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-383c348 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-65055a4 .elementor-icon-wrapper{text-align:center;}.elementor-510 .elementor-element.elementor-element-65055a4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#54925F;}.elementor-510 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-65055a4.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon, .elementor-510 .elementor-element.elementor-element-65055a4.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon{background-color:#54925F;}.elementor-510 .elementor-element.elementor-element-65055a4.elementor-view-stacked .elementor-icon svg{fill:#54925F;}.elementor-510 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:25px;padding:8px;}.elementor-510 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:25px;}.elementor-510 .elementor-element.elementor-element-6d046a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;text-align:start;}.elementor-510 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:24px;font-weight:700;color:#1F2A23;}.elementor-510 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:18%;margin:0 auto;margin-left:0;}.elementor-510 .elementor-element.elementor-element-c9aaf0c .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item{border-width:0px;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{background-color:#54925F;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon, .elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-icon, .elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-title{color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-family:"Syne", Sans-serif;font-size:16px;font-weight:700;}.elementor-510 .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-510 .elementor-element.elementor-element-2d44185{--display:flex;--overlay-opacity:0.5;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-510 .elementor-element.elementor-element-2d44185:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-2d44185 > .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-510 .elementor-element.elementor-element-2d44185::before, .elementor-510 .elementor-element.elementor-element-2d44185 > .elementor-background-video-container::before, .elementor-510 .elementor-element.elementor-element-2d44185 > .e-con-inner > .elementor-background-video-container::before, .elementor-510 .elementor-element.elementor-element-2d44185 > .elementor-background-slideshow::before, .elementor-510 .elementor-element.elementor-element-2d44185 > .e-con-inner > .elementor-background-slideshow::before, .elementor-510 .elementor-element.elementor-element-2d44185 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-510 .elementor-element.elementor-element-35aca28{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-510 .elementor-element.elementor-element-35aca28 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-c590c28{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-510 .elementor-element.elementor-element-d439274{--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-510 .elementor-element.elementor-element-cdc652c .elementor-button{background-color:#54925F;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:bold;fill:#FFFFFF;color:#FFFFFF;}.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-510 .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-510 .elementor-element.elementor-element-faec153{--padding-top:20px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-510 .elementor-element.elementor-element-2aad972{--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-661210c .elementor-icon{font-size:14px;}.elementor-510 .elementor-element.elementor-element-661210c .elementor-icon svg{height:14px;}.elementor-510 .elementor-element.elementor-element-da604af .elementor-heading-title{font-size:10px;}.elementor-510 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:14px;}.elementor-510 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:14px;}.elementor-510 .elementor-element.elementor-element-347085f .elementor-heading-title{font-size:10px;}.elementor-510 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:14px;}.elementor-510 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:14px;}.elementor-510 .elementor-element.elementor-element-70d5d70 .elementor-heading-title{font-size:10px;}.elementor-510 .elementor-element.elementor-element-6f59669{--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-510 .elementor-element.elementor-element-ce11386 .elementor-heading-title{font-size:11px;}.elementor-510 .elementor-element.elementor-element-2fefc6f .elementor-heading-title{font-size:36px;}.elementor-510 .elementor-element.elementor-element-2a9b81c{--padding-top:24px;--padding-bottom:24px;--padding-left:18px;--padding-right:18px;}.elementor-510 .elementor-element.elementor-element-6bf484a{--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-510 .elementor-element.elementor-element-6bee810{--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-510 .elementor-element.elementor-element-00b2061{--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-510 .elementor-element.elementor-element-d23d2fe{--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-510 .elementor-element.elementor-element-433446a{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-c61ffe1{--padding-top:20px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-510 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:11px;}.elementor-510 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:11px;}.elementor-510 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-size:11px;}.elementor-510 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-510 .elementor-element.elementor-element-bbd93a8 .elementor-heading-title{font-size:38px;}.elementor-510 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:22%;}.elementor-510 .elementor-element.elementor-element-62715ab{font-size:13px;}.elementor-510 .elementor-element.elementor-element-78e1db9{--padding-top:16px;--padding-bottom:16px;--padding-left:14px;--padding-right:14px;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-size:13px;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{font-size:12px;}}@media(max-width:767px){.elementor-510 .elementor-element.elementor-element-5d14efe{--justify-content:center;}.elementor-510 .elementor-element.elementor-element-5d14efe:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-5d14efe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-61a01d1 .elementor-heading-title{font-size:38px;}.elementor-510 .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-510 .elementor-element.elementor-element-22f4e4c{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-510 .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-510 .elementor-element.elementor-element-2aad972{--flex-wrap:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-01d6aee{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-510 .elementor-element.elementor-element-661210c .elementor-icon{font-size:14px;}.elementor-510 .elementor-element.elementor-element-661210c .elementor-icon svg{height:14px;}.elementor-510 .elementor-element.elementor-element-da604af{text-align:start;}.elementor-510 .elementor-element.elementor-element-da604af .elementor-heading-title{font-size:11px;}.elementor-510 .elementor-element.elementor-element-f7dd803{--width:100%;}.elementor-510 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:14px;}.elementor-510 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:14px;}.elementor-510 .elementor-element.elementor-element-347085f{text-align:start;}.elementor-510 .elementor-element.elementor-element-347085f .elementor-heading-title{font-size:11px;}.elementor-510 .elementor-element.elementor-element-7160358{--width:100%;}.elementor-510 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:14px;}.elementor-510 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:14px;}.elementor-510 .elementor-element.elementor-element-70d5d70{text-align:start;}.elementor-510 .elementor-element.elementor-element-70d5d70 .elementor-heading-title{font-size:11px;}.elementor-510 .elementor-element.elementor-element-6f59669{--width:100%;--padding-top:20px;--padding-bottom:20px;--padding-left:16px;--padding-right:16px;}.elementor-510 .elementor-element.elementor-element-ce11386 .elementor-heading-title{font-size:10px;}.elementor-510 .elementor-element.elementor-element-2fefc6f .elementor-heading-title{font-size:29px;}.elementor-510 .elementor-element.elementor-element-2a9b81c{--width:100%;--padding-top:0px;--padding-bottom:18px;--padding-left:16px;--padding-right:16px;}.elementor-510 .elementor-element.elementor-element-6bf484a{--justify-content:center;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-510 .elementor-element.elementor-element-23ffe8d .elementor-icon-box-wrapper{text-align:center;}.elementor-510 .elementor-element.elementor-element-6bee810{--justify-content:center;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-510 .elementor-element.elementor-element-00b2061{--justify-content:center;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-510 .elementor-element.elementor-element-d23d2fe{--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-510 .elementor-element.elementor-element-433446a{--padding-top:14px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-510 .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-510 .elementor-element.elementor-element-c61ffe1{--width:100%;--padding-top:18px;--padding-bottom:0px;--padding-left:14px;--padding-right:14px;}.elementor-510 .elementor-element.elementor-element-383c348{--width:78px;}.elementor-510 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:11px;}.elementor-510 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:11px;}.elementor-510 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-size:11px;}.elementor-510 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-510 .elementor-element.elementor-element-bbd93a8 .elementor-heading-title{font-size:31px;}.elementor-510 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:26%;}.elementor-510 .elementor-element.elementor-element-62715ab{font-size:13px;}.elementor-510 .elementor-element.elementor-element-78e1db9{--width:100%;--padding-top:14px;--padding-bottom:14px;--padding-left:12px;--padding-right:12px;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-size:13px;}.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{font-size:12px;}.elementor-510 .elementor-element.elementor-element-35aca28 .elementor-heading-title{font-size:30px;}.elementor-510 .elementor-element.elementor-element-d439274{--justify-content:center;}.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button{font-size:12px;}}@media(min-width:768px){.elementor-510 .elementor-element.elementor-element-b906c88{--width:100%;}.elementor-510 .elementor-element.elementor-element-faec153{--width:100%;}.elementor-510 .elementor-element.elementor-element-2aad972{--width:100%;}.elementor-510 .elementor-element.elementor-element-01d6aee{--width:30%;}.elementor-510 .elementor-element.elementor-element-f7dd803{--width:30%;}.elementor-510 .elementor-element.elementor-element-7160358{--width:30%;}.elementor-510 .elementor-element.elementor-element-9db45ff{--width:100%;}.elementor-510 .elementor-element.elementor-element-6f59669{--width:50%;}.elementor-510 .elementor-element.elementor-element-2a9b81c{--width:50%;}.elementor-510 .elementor-element.elementor-element-6bf484a{--width:100%;}.elementor-510 .elementor-element.elementor-element-6bee810{--width:100%;}.elementor-510 .elementor-element.elementor-element-00b2061{--width:100%;}.elementor-510 .elementor-element.elementor-element-d23d2fe{--width:100%;}.elementor-510 .elementor-element.elementor-element-625e989{--width:100%;}.elementor-510 .elementor-element.elementor-element-c61ffe1{--width:40%;}.elementor-510 .elementor-element.elementor-element-383c348{--width:30%;}.elementor-510 .elementor-element.elementor-element-78e1db9{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-510 .elementor-element.elementor-element-01d6aee{--width:33.333%;}.elementor-510 .elementor-element.elementor-element-f7dd803{--width:33.333%;}.elementor-510 .elementor-element.elementor-element-7160358{--width:33.333%;}.elementor-510 .elementor-element.elementor-element-6f59669{--width:44%;}.elementor-510 .elementor-element.elementor-element-2a9b81c{--width:56%;}.elementor-510 .elementor-element.elementor-element-625e989{--width:94%;}.elementor-510 .elementor-element.elementor-element-c61ffe1{--width:36%;}.elementor-510 .elementor-element.elementor-element-383c348{--width:80px;}.elementor-510 .elementor-element.elementor-element-78e1db9{--width:64%;}}@media(min-width:1025px){.elementor-510 .elementor-element.elementor-element-2d44185:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-2d44185 > .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-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-search-top-row,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-brand-group,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-decor-group,
.elementor-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-search-top-row::before,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-top-row::after,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-brand-group::before,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-brand-group::after,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-decor-group::before,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-decor-group::after,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search::before,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search::after{
content:none !important;
display:none !important;
}
/* ==========================================================
HEADING
========================================================== */
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-title .elementor-heading-title{
font-family:
"Syne", sans-serif;
color:
var(--mb-text);
}
/* ==========================================================
SUBTITLE
========================================================== */
.elementor-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search{
position:relative;
z-index:10;
width:100%;
}
/* ==========================================================
SEARCH FORM
========================================================== */
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form{
width:100%;
border:
0 !important;
}
/* ==========================================================
SEARCH FORM CONTAINER
========================================================== */
.elementor-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container::before,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container::after{
content:none !important;
display:none !important;
}
/* ==========================================================
SEARCH FOCUS
========================================================== */
.elementor-510 .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-510 .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-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit i,
.elementor-510 .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-510 .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-510 .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-510 .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-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-search-feature-item::before,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-feature-item::after{
content:none !important;
display:none !important;
}
/* ==========================================================
FEATURE ICON
========================================================== */
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-feature-icon .elementor-icon{
color:
var(--mb-green);
transition:
transform .3s ease,
filter .3s ease;
}
.elementor-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container{
min-height:
50px;
}
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input{
height:
40px;
padding:
0 14px !important;
font-size:
12px;
}
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input::placeholder{
font-size:
12px;
}
.elementor-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-search-features-row::before,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-features-row::after{
height:
24px !important;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-2aad972{
border-radius:
14px;
}
.elementor-510 .elementor-element.elementor-element-2aad972:hover{
transform:
none;
}
/* SEARCH STACK */
.elementor-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-2aad972 .mb-search-features-row::before,
.elementor-510 .elementor-element.elementor-element-2aad972 .mb-search-features-row::after{
content:none !important;
display:none !important;
}
.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-faec153 > .e-con-inner,
.elementor-510 .elementor-element.elementor-element-faec153 > .e-con,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-top-row,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-brand-group,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-decor-group,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-features-row,
.elementor-510 .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-510 .elementor-element.elementor-element-faec153 .mb-search-top-row::before,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-top-row::after,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-brand-group::before,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-brand-group::after,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-decor-group::before,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-decor-group::after,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-features-row::before,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-features-row::after,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-feature-item::before,
.elementor-510 .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-510 .elementor-element.elementor-element-faec153 .mb-search-top-row.e-con,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-brand-group.e-con,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-decor-group.e-con,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-features-row.e-con,
.elementor-510 .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-510 .elementor-element.elementor-element-faec153 .mb-search-top-row > .e-con-inner,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-brand-group > .e-con-inner,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-decor-group > .e-con-inner,
.elementor-510 .elementor-element.elementor-element-faec153 .mb-search-features-row > .e-con-inner,
.elementor-510 .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-510 .elementor-element.elementor-element-faec153 .mb-atv-native-search{
position:relative;
z-index:10;
width:100%;
border:0 !important;
}
/* =========================================================
SEARCH FORM
========================================================= */
.elementor-510 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form{
width:100%;
border:0 !important;
}
/* =========================================================
SEARCH CONTAINER
========================================================= */
.elementor-510 .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-510 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__container::before,
.elementor-510 .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-510 .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-510 .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-510 .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-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__input{
height:40px;
padding:
0 14px !important;
font-size:12px;
}
.elementor-510 .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-510 .elementor-element.elementor-element-faec153{
border-radius:14px;
}
.elementor-510 .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-510 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__input{
width:100% !important;
min-height:44px;
padding:
0 13px !important;
}
.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-faec153:hover{
animation-duration: 3.8s;
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
.elementor-510 .elementor-element.elementor-element-faec153{
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fefc6f *//* ===== 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 google_maps, class: .elementor-element-fab3b63 */.elementor-510 .elementor-element.elementor-element-fab3b63{
border: 3px solid transparent;
background:
linear-gradient(#ffffff, #ffffff) padding-box,
linear-gradient(
135deg,
#F8A03B,
#FFD18A,
#54925F
) border-box;
box-shadow:
0 16px 34px rgba(30, 77, 58, .10);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-23ffe8d */.elementor-510 .elementor-element.elementor-element-23ffe8d .elementor-icon{
transition:
transform .3s ease,
box-shadow .3s ease;
}
.elementor-510 .elementor-element.elementor-element-23ffe8d:hover .elementor-icon{
transform: scale(1.08);
box-shadow:
0 8px 20px rgba(84, 146, 95, .20);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6bf484a */.elementor-510 .elementor-element.elementor-element-6bf484a{
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
box-shadow:0 4px 14px rgba(23,63,50,.035);
}
.elementor-510 .elementor-element.elementor-element-6bf484a:hover{
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(23,63,50,.07);
border-color:rgba(84,146,95,.24);
}
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-6bf484a:hover{transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6bee810 */.elementor-510 .elementor-element.elementor-element-6bee810{
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
box-shadow:0 4px 14px rgba(23,63,50,.035);
}
.elementor-510 .elementor-element.elementor-element-6bee810:hover{
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(23,63,50,.07);
border-color:rgba(84,146,95,.24);
}
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-6bee810:hover{transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00b2061 */.elementor-510 .elementor-element.elementor-element-00b2061{
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
box-shadow:0 4px 14px rgba(23,63,50,.035);
}
.elementor-510 .elementor-element.elementor-element-00b2061:hover{
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(23,63,50,.07);
border-color:rgba(84,146,95,.24);
}
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-00b2061:hover{transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23d2fe */.elementor-510 .elementor-element.elementor-element-d23d2fe{
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
box-shadow:0 4px 14px rgba(23,63,50,.035);
}
.elementor-510 .elementor-element.elementor-element-d23d2fe:hover{
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(23,63,50,.07);
border-color:rgba(84,146,95,.24);
}
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-d23d2fe:hover{transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a9b81c */.elementor-510 .elementor-element.elementor-element-2a9b81c{
transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;
}
.elementor-510 .elementor-element.elementor-element-2a9b81c:hover{
transform: translateY(-4px);
box-shadow:
0 14px 34px rgba(30, 77, 58, .10);
border-color: rgba(84, 146, 95, .26);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9db45ff *//* =========================================================
MOUNT BATUR ATV — LUXURY CONTACT SECTION V2
CLASS CONTAINER UTAMA:
mb-contact-luxury
CHILD CLASS:
mb-contact-map
mb-contact-card
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff{
/* =========================================
EDIT WARNA DARI SINI
========================================= */
--mc-green:#54925F;
--mc-green-dark:#173F32;
--mc-orange:#F8A03B;
--mc-bg:#FBF8F2;
--mc-card:#FFFDF9;
--mc-border:rgba(84,146,95,.15);
--mc-shadow:rgba(23,63,50,.10);
position:relative;
isolation:isolate;
overflow:hidden;
border-radius:42px;
background:
radial-gradient(
circle at 8% 15%,
rgba(84,146,95,.09),
transparent 25%
),
radial-gradient(
circle at 92% 10%,
rgba(248,160,59,.08),
transparent 26%
),
radial-gradient(
circle at 75% 90%,
rgba(84,146,95,.06),
transparent 28%
),
linear-gradient(
135deg,
#FFFDF9 0%,
var(--mc-bg) 55%,
#F8F4ED 100%
);
border:
1px solid rgba(84,146,95,.10);
box-shadow:
0 26px 70px rgba(23,63,50,.09),
inset 0 1px 0 rgba(255,255,255,.95);
animation:
mcAmbientBackground 12s ease-in-out infinite alternate;
}
/* =========================================================
AMBIENT BACKGROUND MOVEMENT
========================================================= */
@keyframes mcAmbientBackground{
0%{
background-position:
0% 0%,
100% 0%,
70% 100%,
center;
}
100%{
background-position:
4% 3%,
96% 5%,
76% 94%,
center;
}
}
/* =========================================================
CONTENT ALWAYS ABOVE EFFECT
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff > .e-con,
.elementor-510 .elementor-element.elementor-element-9db45ff > .elementor-element,
.elementor-510 .elementor-element.elementor-element-9db45ff > .e-con-inner{
position:relative;
z-index:5;
}
/* =========================================================
TOP LUXURY MOVING LINE
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff::before{
content:"";
position:absolute;
z-index:20;
top:0;
left:-32%;
width:32%;
height:3px;
border-radius:999px;
background:
linear-gradient(
90deg,
transparent,
rgba(84,146,95,.20),
var(--mc-green),
var(--mc-orange),
rgba(248,160,59,.20),
transparent
);
box-shadow:
0 0 8px rgba(84,146,95,.22),
0 0 10px rgba(248,160,59,.18);
animation:
mcTopLine 6.5s
cubic-bezier(.45,0,.25,1)
infinite;
pointer-events:none;
}
@keyframes mcTopLine{
0%{
left:-32%;
opacity:0;
}
8%{
opacity:1;
}
88%{
opacity:1;
}
100%{
left:100%;
opacity:0;
}
}
/* =========================================================
DECORATIVE AMBIENT ORB
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff::after{
content:"";
position:absolute;
z-index:0;
right:-110px;
bottom:-130px;
width:330px;
height:330px;
border-radius:50%;
background:
radial-gradient(
circle,
rgba(84,146,95,.10) 0%,
rgba(84,146,95,.035) 44%,
transparent 72%
);
animation:
mcOrbFloat 9s
ease-in-out
infinite alternate;
pointer-events:none;
}
@keyframes mcOrbFloat{
from{
transform:
translate3d(0,0,0)
scale(1);
}
to{
transform:
translate3d(-20px,-14px,0)
scale(1.08);
}
}
/* =========================================================
CONTACT CARDS
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card{
position:relative;
isolation:isolate;
overflow:hidden;
background:
linear-gradient(
135deg,
rgba(255,255,255,.92),
rgba(255,253,249,.80)
);
border:
1px solid
var(--mc-border);
border-radius:20px;
box-shadow:
0 9px 28px rgba(23,63,50,.055),
inset 0 1px 0 rgba(255,255,255,.98);
backdrop-filter:
blur(10px);
-webkit-backdrop-filter:
blur(10px);
transition:
transform .38s cubic-bezier(.22,.72,.2,1),
box-shadow .38s ease,
border-color .38s ease;
}
/* =========================================================
CARD LEFT ACCENT
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card::before{
content:"";
position:absolute;
top:14%;
bottom:14%;
left:0;
width:3px;
border-radius:
0 999px 999px 0;
background:
linear-gradient(
180deg,
transparent,
var(--mc-green),
var(--mc-orange),
transparent
);
opacity:0;
transform:
scaleY(.25);
transition:
opacity .38s ease,
transform .48s
cubic-bezier(.22,.72,.2,1);
pointer-events:none;
}
/* =========================================================
CARD MOVING REFLECTION
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card::after{
content:"";
position:absolute;
z-index:1;
top:-45%;
left:-65%;
width:28%;
height:190%;
transform:
skewX(-22deg);
background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.05),
rgba(255,255,255,.62),
rgba(255,255,255,.05),
transparent
);
opacity:0;
pointer-events:none;
transition:
left .75s cubic-bezier(.22,.61,.36,1),
opacity .18s ease;
}
/* =========================================================
CONTACT CARD HOVER
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:hover{
transform:
translateY(-6px)
scale(1.008);
border-color:
rgba(84,146,95,.34);
box-shadow:
0 20px 42px rgba(23,63,50,.11),
0 0 0 1px rgba(248,160,59,.035),
inset 0 1px 0 #FFFFFF;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:hover::before{
opacity:1;
transform:
scaleY(1);
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:hover::after{
left:135%;
opacity:1;
}
/* =========================================================
CARD CONTENT ABOVE REFLECTION
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card > .e-con,
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card > .elementor-element{
position:relative;
z-index:3;
}
/* =========================================================
ICON LUXURY EFFECT
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card .elementor-icon{
position:relative;
transition:
transform .42s
cubic-bezier(.34,1.56,.64,1),
box-shadow .35s ease,
filter .35s ease;
animation:
mcIconBreath 4.5s
ease-in-out
infinite;
}
@keyframes mcIconBreath{
0%,
100%{
filter:
drop-shadow(
0 0 0
rgba(84,146,95,0)
);
}
50%{
filter:
drop-shadow(
0 4px 8px
rgba(84,146,95,.18)
);
}
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:hover .elementor-icon{
transform:
translateY(-2px)
scale(1.10)
rotate(-4deg);
filter:
drop-shadow(
0 7px 12px
rgba(84,146,95,.20)
);
}
/* =========================================================
TEXT MICRO MOVEMENT
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card
.elementor-heading-title{
transition:
transform .32s ease,
letter-spacing .32s ease;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:hover
.elementor-heading-title{
transform:
translateX(3px);
}
/* =========================================================
MAP — PREMIUM ANIMATED BORDER
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map{
position:relative;
isolation:isolate;
padding:6px;
overflow:hidden;
border-radius:26px;
background:
linear-gradient(
120deg,
var(--mc-green),
rgba(84,146,95,.16),
var(--mc-orange),
rgba(248,160,59,.15),
var(--mc-green)
);
background-size:
300% 300%;
box-shadow:
0 20px 44px
rgba(23,63,50,.13);
animation:
mcMapBorder 7s
ease
infinite;
}
@keyframes mcMapBorder{
0%{
background-position:
0% 50%;
}
50%{
background-position:
100% 50%;
}
100%{
background-position:
0% 50%;
}
}
/* =========================================================
MAP INNER
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map::before{
content:"";
position:absolute;
inset:6px;
z-index:4;
border:
1px solid
rgba(255,255,255,.65);
border-radius:20px;
box-shadow:
inset 0 0 28px
rgba(255,255,255,.05);
pointer-events:none;
}
/* =========================================================
MAP SOFT BOTTOM SHADOW
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map::after{
content:"";
position:absolute;
z-index:-1;
left:10%;
right:10%;
bottom:-14px;
height:34px;
border-radius:50%;
background:
rgba(23,63,50,.20);
filter:
blur(18px);
pointer-events:none;
}
/* =========================================================
MAP IFRAME
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map iframe{
display:block;
width:100%;
border-radius:20px;
filter:
saturate(.88)
contrast(1.02);
transition:
transform .65s
cubic-bezier(.22,.72,.2,1),
filter .45s ease;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map:hover iframe{
transform:
scale(1.012);
filter:
saturate(1.04)
contrast(1.03);
}
/* =========================================================
CONTACT US HEADING DECORATION
Optional class untuk heading orange:
mb-contact-eyebrow
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-eyebrow{
position:relative;
display:inline-block;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-eyebrow::after{
content:"";
position:absolute;
left:0;
bottom:-8px;
width:48px;
height:2px;
border-radius:999px;
background:
linear-gradient(
90deg,
var(--mc-orange),
var(--mc-green)
);
animation:
mcHeadingLine 3.8s
ease-in-out
infinite alternate;
}
@keyframes mcHeadingLine{
from{
width:34px;
opacity:.65;
}
to{
width:68px;
opacity:1;
}
}
/* =========================================================
STAGGERED CARD MOTION
Sangat kecil agar tetap elegan
========================================================= */
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:nth-child(1){
animation:
mcCardFloat 6s
ease-in-out
infinite alternate;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:nth-child(2){
animation:
mcCardFloat 6.7s
ease-in-out
.5s
infinite alternate;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:nth-child(3){
animation:
mcCardFloat 7.2s
ease-in-out
1s
infinite alternate;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:nth-child(4){
animation:
mcCardFloat 6.4s
ease-in-out
1.4s
infinite alternate;
}
@keyframes mcCardFloat{
from{
translate:0 0;
}
to{
translate:0 -2px;
}
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.elementor-510 .elementor-element.elementor-element-9db45ff{
border-radius:30px;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card{
border-radius:17px;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map{
border-radius:22px;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map iframe{
border-radius:17px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-9db45ff{
border-radius:22px;
}
.elementor-510 .elementor-element.elementor-element-9db45ff::before{
width:42%;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card{
border-radius:15px;
animation:none;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:hover{
transform:none;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card:hover
.elementor-icon{
transform:none;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map{
padding:4px;
border-radius:18px;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map::before{
inset:4px;
border-radius:14px;
}
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map iframe{
border-radius:14px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-510 .elementor-element.elementor-element-9db45ff,
.elementor-510 .elementor-element.elementor-element-9db45ff::before,
.elementor-510 .elementor-element.elementor-element-9db45ff::after,
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card,
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card::before,
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card::after,
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-card
.elementor-icon,
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map,
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-map iframe,
.elementor-510 .elementor-element.elementor-element-9db45ff .mb-contact-eyebrow::after{
animation:none;
transition:none;
}
}/* 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-510 .elementor-element.elementor-element-b957ed1{
width:100%;
}
/* =========================================================
ACCORDION WRAPPER
========================================================= */
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion{
border:0;
}
/* =========================================================
ACCORDION ITEM
========================================================= */
.elementor-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{
font-family:
"Syne", sans-serif;
color:
#FFFFFF !important;
}
/* =========================================================
TITLE LINK — PUTIH
========================================================= */
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title a{
font-family:
"Syne", sans-serif;
color:
#FFFFFF !important;
}
/* =========================================================
TITLE SEMUA STATE TETAP PUTIH
========================================================= */
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active:hover{
color:
#FFFFFF !important;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active
.elementor-accordion-title,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover a,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active a{
color:
#FFFFFF !important;
}
/* =========================================================
HAPUS TOTAL ICON + LINGKARAN KIRI
========================================================= */
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title::before,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title::after{
content:none !important;
display:none !important;
}
/* =========================================================
ACCORDION +/- ICON KANAN
IKUT PUTIH
========================================================= */
.elementor-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon.elementor-accordion-icon-left{
order:2 !important;
margin-left:auto !important;
margin-right:0 !important;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon i{
color:
#FFFFFF !important;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon svg{
color:
#FFFFFF !important;
fill:
#FFFFFF !important;
}
/* =========================================================
ACTIVE TITLE
========================================================= */
.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content p,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content span,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content li{
font-family:
"Plus Jakarta Sans", sans-serif;
}
/* =========================================================
ORANGE ACCENT SAAT TERBUKA
========================================================= */
.elementor-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
min-height:44px;
padding:
11px 12px !important;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
padding:
0 12px 15px 12px !important;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item{
margin-bottom:7px;
border-radius:10px;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover{
transform:none;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
min-height:42px;
padding:
10px !important;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
padding:
0 10px 14px 10px !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
transition:none;
}
}
/* =========================================================
FORCE ALL ACCORDION TITLES TO WHITE
========================================================= */
/* Normal */
.elementor-510 .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-510 .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-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:link,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:visited,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:hover,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:focus,
.elementor-510 .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-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{
display:inline-block;
transition:
transform .28s ease,
text-shadow .28s ease !important;
}
.elementor-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title
.elementor-accordion-title,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title
a.elementor-accordion-title,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title,
.elementor-510 .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-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover::before{
left:120%;
opacity:1;
}
/* =========================================================
6. ORANGE ACTIVE LINE
Lebih mewah daripada garis flat
========================================================= */
.elementor-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
transform-origin:
top center;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content[style*="display: block"],
.elementor-510 .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-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon{
transition:
transform .3s cubic-bezier(.2,.8,.2,1),
opacity .3s ease !important;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-icon{
transform:
scale(1.10);
}
.elementor-510 .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-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover{
transform:none;
box-shadow:
0 6px 18px rgba(31,80,47,.07);
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title{
transform:none;
}
/* Hindari shine berlebihan di mobile */
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item::before{
display:none;
}
}
/* =========================================================
11. REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-title,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon,
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
transition:none !important;
animation:none !important;
}
.elementor-510 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item::before,
.elementor-510 .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-510 .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-510 .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-510 .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-510 .elementor-element.elementor-element-433446a{
--line-left-space:5%;
--line-right-space:5%;
}
.elementor-510 .elementor-element.elementor-element-433446a::after{
width:32%;
animation-duration:
3.4s;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-433446a{
--line-left-space:4%;
--line-right-space:4%;
}
.elementor-510 .elementor-element.elementor-element-433446a::before{
height:1.5px;
}
.elementor-510 .elementor-element.elementor-element-433446a::after{
width:40%;
height:2px;
animation-duration:
3.6s;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-510 .elementor-element.elementor-element-433446a::after{
animation:none;
transform:none;
opacity:.65;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-35aca28 *//* =========================================================
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-510 .elementor-element.elementor-element-35aca28 .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-510 .elementor-element.elementor-element-35aca28 .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-510 .elementor-element.elementor-element-35aca28 .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-510 .elementor-element.elementor-element-35aca28 .elementor-heading-title span{
animation:none;
}
.elementor-510 .elementor-element.elementor-element-35aca28 .elementor-heading-title span::after{
animation:none;
display:none;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cdc652c *//* =========================================================
PREMIUM GREEN BUTTON
Main Color: #54925F
========================================================= */
.elementor-510 .elementor-element.elementor-element-cdc652c .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-510 .elementor-element.elementor-element-cdc652c .elementor-button-content-wrapper{
position:relative;
z-index:3;
}
/* =========================================================
SHINE EFFECT
========================================================= */
.elementor-510 .elementor-element.elementor-element-cdc652c .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-510 .elementor-element.elementor-element-cdc652c .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-510 .elementor-element.elementor-element-cdc652c .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-510 .elementor-element.elementor-element-cdc652c .elementor-button:hover::before{
left:125%;
}
/* slightly brighter overlay */
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button:hover::after{
opacity:1;
}
/* =========================================================
TEXT
========================================================= */
.elementor-510 .elementor-element.elementor-element-cdc652c .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-510 .elementor-element.elementor-element-cdc652c .elementor-button:hover .elementor-button-text{
transform:translateY(-1px);
text-shadow:
0 2px 6px rgba(0,0,0,.14);
}
/* =========================================================
ICON
========================================================= */
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button-icon{
position:relative;
z-index:4;
color:#FFFFFF;
transition:
transform .35s cubic-bezier(.34,1.56,.64,1);
}
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button:hover .elementor-button-icon{
transform:translateX(3px);
}
/* =========================================================
ACTIVE
========================================================= */
.elementor-510 .elementor-element.elementor-element-cdc652c .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-510 .elementor-element.elementor-element-cdc652c .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-510 .elementor-element.elementor-element-cdc652c .elementor-button{
padding:13px 28px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button{
padding:12px 24px;
box-shadow:
0 4px 12px rgba(84,146,95,.24);
}
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button:hover{
transform:translateY(-2px);
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button,
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button::before,
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button::after,
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button-text,
.elementor-510 .elementor-element.elementor-element-cdc652c .elementor-button-icon{
transition:none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d44185 *//* =========================================================
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-510 .elementor-element.elementor-element-2d44185{
/* ==============================
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-510 .elementor-element.elementor-element-2d44185::before
karena Elementor memakai ::before untuk Background Overlay
========================================================= */
/* =========================================================
CLOUD LAYER
========================================================= */
.elementor-510 .elementor-element.elementor-element-2d44185::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-510 .elementor-element.elementor-element-2d44185{
--cloud-height:72px;
--cloud-speed:27s;
--cloud-pattern:650px;
--cloud-opacity:.68;
}
.elementor-510 .elementor-element.elementor-element-2d44185::after{
bottom:-13px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-510 .elementor-element.elementor-element-2d44185{
--cloud-height:58px;
--cloud-speed:30s;
--cloud-pattern:520px;
--cloud-opacity:.62;
}
.elementor-510 .elementor-element.elementor-element-2d44185::after{
bottom:-11px;
filter:
blur(.55px);
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-510 .elementor-element.elementor-element-2d44185::after{
animation:none;
background-position:center;
opacity:.65;
}
}/* End custom CSS */