.elementor-480 .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-480 .elementor-element.elementor-element-5d14efe:not(.elementor-motion-effects-element-type-background), .elementor-480 .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-480 .elementor-element.elementor-element-5d14efe::before, .elementor-480 .elementor-element.elementor-element-5d14efe > .elementor-background-video-container::before, .elementor-480 .elementor-element.elementor-element-5d14efe > .e-con-inner > .elementor-background-video-container::before, .elementor-480 .elementor-element.elementor-element-5d14efe > .elementor-background-slideshow::before, .elementor-480 .elementor-element.elementor-element-5d14efe > .e-con-inner > .elementor-background-slideshow::before, .elementor-480 .elementor-element.elementor-element-5d14efe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-480 .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;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-61a01d1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-8641a07.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-480 .elementor-element.elementor-element-22f4e4c{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-480 .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:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:16px;--padding-left:26px;--padding-right:26px;}.elementor-480 .elementor-element.elementor-element-faec153:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-faec153 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-661210c .elementor-icon-wrapper{text-align:center;}.elementor-480 .elementor-element.elementor-element-661210c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-661210c.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-661210c.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-661210c.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-661210c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-661210c .elementor-icon{font-size:20px;}.elementor-480 .elementor-element.elementor-element-661210c .elementor-icon svg{height:20px;}.elementor-480 .elementor-element.elementor-element-da604af{text-align:start;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-92c1d36 .elementor-icon-wrapper{text-align:center;}.elementor-480 .elementor-element.elementor-element-92c1d36.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-92c1d36.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-92c1d36.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-92c1d36.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-92c1d36.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:20px;}.elementor-480 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:20px;}.elementor-480 .elementor-element.elementor-element-347085f{text-align:start;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-1f64ee3 .elementor-icon-wrapper{text-align:center;}.elementor-480 .elementor-element.elementor-element-1f64ee3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-1f64ee3.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-1f64ee3.elementor-view-default .elementor-icon{color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-1f64ee3.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-1f64ee3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:20px;}.elementor-480 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:20px;}.elementor-480 .elementor-element.elementor-element-70d5d70{text-align:start;}.elementor-480 .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-480 .elementor-element.elementor-element-40641ee{--display:flex;}.elementor-480 .elementor-element.elementor-element-2540788{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-480 .elementor-element.elementor-element-7db1406{--display:flex;}.elementor-480 .elementor-element.elementor-element-7db1406.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-480 .elementor-element.elementor-element-5b41c51{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-480 .elementor-element.elementor-element-5b41c51 img{height:450px;object-fit:cover;object-position:center center;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:20px 20px 20px 20px;}.elementor-480 .elementor-element.elementor-element-c16d757{--e-transform-rotateZ:-5deg;margin:-190px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -130px;}.elementor-480 .elementor-element.elementor-element-c16d757 img{width:60%;height:200px;object-fit:cover;object-position:center center;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-480 .elementor-element.elementor-element-642cc56{--display:flex;}.elementor-480 .elementor-element.elementor-element-642cc56.e-con{--flex-grow:0;--flex-shrink:0;}.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-480 .elementor-element.elementor-element-e2d3a73 .elementor-button{background-color:#FF6B2C;font-family:"Syne", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-7f4c7f0 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:600;color:#000000;}.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-480 .elementor-element.elementor-element-5a9b1ff{--divider-border-style:solid;--divider-color:var( --e-global-color-f78481c );--divider-border-width:2px;margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-480 .elementor-element.elementor-element-5a9b1ff .elementor-divider-separator{width:25%;}.elementor-480 .elementor-element.elementor-element-5a9b1ff .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-480 .elementor-element.elementor-element-30e040e{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-480 .elementor-element.elementor-element-489954c{--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:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-480 .elementor-element.elementor-element-242a695{--display:flex;}.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-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-6fc7a21.elementor-view-stacked .elementor-icon{background-color:#54925F;}.elementor-480 .elementor-element.elementor-element-6fc7a21.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-6fc7a21.elementor-view-default .elementor-icon{fill:#54925F;color:#54925F;border-color:#54925F;}.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon{font-size:40px;}.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-title, .elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:600;}.elementor-480 .elementor-element.elementor-element-6fc7a21:has(:hover) .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-6fc7a21:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-480 .elementor-element.elementor-element-be0569a{--display:flex;}.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-b0136f2 );}.elementor-480 .elementor-element.elementor-element-bfa4e0b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b0136f2 );}.elementor-480 .elementor-element.elementor-element-bfa4e0b.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-bfa4e0b.elementor-view-default .elementor-icon{fill:var( --e-global-color-b0136f2 );color:var( --e-global-color-b0136f2 );border-color:var( --e-global-color-b0136f2 );}.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon{font-size:40px;}.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-title, .elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:600;}.elementor-480 .elementor-element.elementor-element-bfa4e0b:has(:hover) .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-bfa4e0b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-480 .elementor-element.elementor-element-3a3600c{--divider-border-style:solid;--divider-color:var( --e-global-color-f78481c );--divider-border-width:1.5px;margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-480 .elementor-element.elementor-element-3a3600c .elementor-divider-separator{width:90%;}.elementor-480 .elementor-element.elementor-element-3a3600c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;border-radius:20px 20px 20px 20px;}.elementor-480 .elementor-element.elementor-element-e2dc904{--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:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:nowrap;--border-radius:30px 30px 30px 30px;--padding-top:44px;--padding-bottom:44px;--padding-left:44px;--padding-right:44px;}.elementor-480 .elementor-element.elementor-element-e2dc904:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-e2dc904 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-51f1274{--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;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-480 .elementor-element.elementor-element-76cfcb1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-480 .elementor-element.elementor-element-6a93786{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-480 .elementor-element.elementor-element-6a93786 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:24px;font-weight:700;line-height:1.08em;color:#FF6B2C;}.elementor-480 .elementor-element.elementor-element-803d6ae{--divider-border-style:solid;--divider-color:#FF6B2C;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;}.elementor-480 .elementor-element.elementor-element-803d6ae .elementor-divider-separator{width:55%;margin:0 auto;margin-left:0;}.elementor-480 .elementor-element.elementor-element-803d6ae .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-480 .elementor-element.elementor-element-e4a09d9{text-align:start;}.elementor-480 .elementor-element.elementor-element-e4a09d9 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-b79361e{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.55em;color:#000000;}.elementor-480 .elementor-element.elementor-element-979ea96{--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;}.elementor-480 .elementor-element.elementor-element-cb4538a{text-align:center;}.elementor-480 .elementor-element.elementor-element-cb4538a img{width:100%;height:520px;object-fit:cover;object-position:center center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-480 .elementor-element.elementor-element-68efed2{--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;--gap:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-480 .elementor-element.elementor-element-2d37c96{--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:flex-start;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:0px;--margin-bottom:-35px;--margin-left:0px;--margin-right:0px;}.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-480 .elementor-element.elementor-element-1a38ad1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-1a38ad1.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-1a38ad1.elementor-view-default .elementor-icon{fill:var( --e-global-color-f78481c );color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-title, .elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:24px;font-weight:600;}.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-title{color:#000000;}.elementor-480 .elementor-element.elementor-element-1a38ad1:has(:hover) .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-1a38ad1:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-480 .elementor-element.elementor-element-a750b45{--divider-border-style:solid;--divider-color:#DCDCDC;--divider-border-width:1px;}.elementor-480 .elementor-element.elementor-element-a750b45 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-480 .elementor-element.elementor-element-a750b45 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-480 .elementor-element.elementor-element-2222a34{--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:flex-start;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:-20px;--margin-bottom:-35px;--margin-left:0px;--margin-right:0px;}.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-480 .elementor-element.elementor-element-c7eb4b6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b0136f2 );}.elementor-480 .elementor-element.elementor-element-c7eb4b6.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-c7eb4b6.elementor-view-default .elementor-icon{fill:var( --e-global-color-b0136f2 );color:var( --e-global-color-b0136f2 );border-color:var( --e-global-color-b0136f2 );}.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-title, .elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:24px;font-weight:600;}.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-title{color:#000000;}.elementor-480 .elementor-element.elementor-element-c7eb4b6:has(:hover) .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-c7eb4b6:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-480 .elementor-element.elementor-element-015b2d2{--divider-border-style:solid;--divider-color:#DCDCDC;--divider-border-width:1px;}.elementor-480 .elementor-element.elementor-element-015b2d2 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-480 .elementor-element.elementor-element-015b2d2 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-480 .elementor-element.elementor-element-8b04d49{--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:flex-start;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-480 .elementor-element.elementor-element-172b682.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-172b682.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-172b682.elementor-view-default .elementor-icon{fill:var( --e-global-color-f78481c );color:var( --e-global-color-f78481c );border-color:var( --e-global-color-f78481c );}.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-title, .elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-title a{font-family:"Syne", Sans-serif;font-size:24px;font-weight:600;}.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-title{color:#000000;}.elementor-480 .elementor-element.elementor-element-172b682:has(:hover) .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-172b682:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-480 .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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-480 .elementor-element.elementor-element-433446a:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-433446a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-c61ffe1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-480 .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-480 .elementor-element.elementor-element-383c348:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-383c348 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-65055a4 .elementor-icon-wrapper{text-align:center;}.elementor-480 .elementor-element.elementor-element-65055a4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#54925F;}.elementor-480 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-65055a4.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon, .elementor-480 .elementor-element.elementor-element-65055a4.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-65055a4.elementor-view-framed .elementor-icon{background-color:#54925F;}.elementor-480 .elementor-element.elementor-element-65055a4.elementor-view-stacked .elementor-icon svg{fill:#54925F;}.elementor-480 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:25px;padding:8px;}.elementor-480 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:25px;}.elementor-480 .elementor-element.elementor-element-6d046a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;text-align:start;}.elementor-480 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:24px;font-weight:700;color:#1F2A23;}.elementor-480 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:18%;margin:0 auto;margin-left:0;}.elementor-480 .elementor-element.elementor-element-c9aaf0c .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item{border-width:0px;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{background-color:#54925F;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon, .elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-icon, .elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-title{color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-family:"Syne", Sans-serif;font-size:16px;font-weight:700;}.elementor-480 .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-480 .elementor-element.elementor-element-b7d14f9{--display:flex;--overlay-opacity:0.5;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-480 .elementor-element.elementor-element-b7d14f9:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-b7d14f9 > .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-480 .elementor-element.elementor-element-b7d14f9::before, .elementor-480 .elementor-element.elementor-element-b7d14f9 > .elementor-background-video-container::before, .elementor-480 .elementor-element.elementor-element-b7d14f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-480 .elementor-element.elementor-element-b7d14f9 > .elementor-background-slideshow::before, .elementor-480 .elementor-element.elementor-element-b7d14f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-480 .elementor-element.elementor-element-b7d14f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-480 .elementor-element.elementor-element-bdf6951{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-480 .elementor-element.elementor-element-bdf6951 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-b96761a{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-480 .elementor-element.elementor-element-76e551c{--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-480 .elementor-element.elementor-element-0e157da .elementor-button{background-color:#54925F;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:bold;fill:#FFFFFF;color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-480 .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-480 .elementor-element.elementor-element-faec153{--padding-top:20px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-480 .elementor-element.elementor-element-2aad972{--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-480 .elementor-element.elementor-element-661210c .elementor-icon{font-size:14px;}.elementor-480 .elementor-element.elementor-element-661210c .elementor-icon svg{height:14px;}.elementor-480 .elementor-element.elementor-element-da604af .elementor-heading-title{font-size:10px;}.elementor-480 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:14px;}.elementor-480 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:14px;}.elementor-480 .elementor-element.elementor-element-347085f .elementor-heading-title{font-size:10px;}.elementor-480 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:14px;}.elementor-480 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:14px;}.elementor-480 .elementor-element.elementor-element-70d5d70 .elementor-heading-title{font-size:10px;}.elementor-480 .elementor-element.elementor-element-c16d757{margin:-190px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -110px;}.elementor-480 .elementor-element.elementor-element-e2dc904{--flex-wrap:wrap;--padding-top:32px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-480 .elementor-element.elementor-element-6a93786{text-align:center;}.elementor-480 .elementor-element.elementor-element-6a93786 .elementor-heading-title{font-size:13px;}.elementor-480 .elementor-element.elementor-element-803d6ae .elementor-divider{text-align:left;}.elementor-480 .elementor-element.elementor-element-803d6ae .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-480 .elementor-element.elementor-element-e4a09d9{text-align:start;}.elementor-480 .elementor-element.elementor-element-e4a09d9 .elementor-heading-title{font-size:38px;}.elementor-480 .elementor-element.elementor-element-b79361e{text-align:start;font-size:14px;}.elementor-480 .elementor-element.elementor-element-cb4538a img{height:430px;}.elementor-480 .elementor-element.elementor-element-433446a{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-480 .elementor-element.elementor-element-c61ffe1{--padding-top:20px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-480 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:11px;}.elementor-480 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:11px;}.elementor-480 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-size:11px;}.elementor-480 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-480 .elementor-element.elementor-element-bbd93a8 .elementor-heading-title{font-size:38px;}.elementor-480 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:22%;}.elementor-480 .elementor-element.elementor-element-62715ab{font-size:13px;}.elementor-480 .elementor-element.elementor-element-78e1db9{--padding-top:16px;--padding-bottom:16px;--padding-left:14px;--padding-right:14px;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-size:13px;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{font-size:12px;}}@media(max-width:767px){.elementor-480 .elementor-element.elementor-element-5d14efe{--justify-content:center;}.elementor-480 .elementor-element.elementor-element-5d14efe:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-5d14efe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-61a01d1 .elementor-heading-title{font-size:38px;}.elementor-480 .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-480 .elementor-element.elementor-element-22f4e4c{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-480 .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-480 .elementor-element.elementor-element-2aad972{--flex-wrap:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-480 .elementor-element.elementor-element-01d6aee{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-480 .elementor-element.elementor-element-661210c .elementor-icon{font-size:14px;}.elementor-480 .elementor-element.elementor-element-661210c .elementor-icon svg{height:14px;}.elementor-480 .elementor-element.elementor-element-da604af{text-align:start;}.elementor-480 .elementor-element.elementor-element-da604af .elementor-heading-title{font-size:11px;}.elementor-480 .elementor-element.elementor-element-f7dd803{--width:100%;}.elementor-480 .elementor-element.elementor-element-92c1d36 .elementor-icon{font-size:14px;}.elementor-480 .elementor-element.elementor-element-92c1d36 .elementor-icon svg{height:14px;}.elementor-480 .elementor-element.elementor-element-347085f{text-align:start;}.elementor-480 .elementor-element.elementor-element-347085f .elementor-heading-title{font-size:11px;}.elementor-480 .elementor-element.elementor-element-7160358{--width:100%;}.elementor-480 .elementor-element.elementor-element-1f64ee3 .elementor-icon{font-size:14px;}.elementor-480 .elementor-element.elementor-element-1f64ee3 .elementor-icon svg{height:14px;}.elementor-480 .elementor-element.elementor-element-70d5d70{text-align:start;}.elementor-480 .elementor-element.elementor-element-70d5d70 .elementor-heading-title{font-size:11px;}.elementor-480 .elementor-element.elementor-element-c16d757{margin:-190px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -75px;}.elementor-480 .elementor-element.elementor-element-e2dc904{--flex-wrap:wrap;--padding-top:26px;--padding-bottom:26px;--padding-left:16px;--padding-right:16px;}.elementor-480 .elementor-element.elementor-element-51f1274{--width:100%;}.elementor-480 .elementor-element.elementor-element-6a93786{text-align:start;}.elementor-480 .elementor-element.elementor-element-6a93786 .elementor-heading-title{font-size:12px;}.elementor-480 .elementor-element.elementor-element-e4a09d9{text-align:start;}.elementor-480 .elementor-element.elementor-element-e4a09d9 .elementor-heading-title{font-size:31px;}.elementor-480 .elementor-element.elementor-element-b79361e{text-align:start;font-size:14px;}.elementor-480 .elementor-element.elementor-element-979ea96{--width:100%;}.elementor-480 .elementor-element.elementor-element-cb4538a img{height:360px;}.elementor-480 .elementor-element.elementor-element-68efed2{--width:100%;}.elementor-480 .elementor-element.elementor-element-433446a{--padding-top:14px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-480 .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-480 .elementor-element.elementor-element-c61ffe1{--width:100%;--padding-top:18px;--padding-bottom:0px;--padding-left:14px;--padding-right:14px;}.elementor-480 .elementor-element.elementor-element-383c348{--width:78px;}.elementor-480 .elementor-element.elementor-element-65055a4 .elementor-icon{font-size:11px;}.elementor-480 .elementor-element.elementor-element-65055a4 .elementor-icon svg{height:11px;}.elementor-480 .elementor-element.elementor-element-6d046a0 .elementor-heading-title{font-size:11px;}.elementor-480 .elementor-element.elementor-element-bbd93a8{text-align:start;}.elementor-480 .elementor-element.elementor-element-bbd93a8 .elementor-heading-title{font-size:31px;}.elementor-480 .elementor-element.elementor-element-c9aaf0c .elementor-divider-separator{width:26%;}.elementor-480 .elementor-element.elementor-element-62715ab{font-size:13px;}.elementor-480 .elementor-element.elementor-element-78e1db9{--width:100%;--padding-top:14px;--padding-bottom:14px;--padding-left:12px;--padding-right:12px;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{font-size:13px;}.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{font-size:12px;}.elementor-480 .elementor-element.elementor-element-bdf6951 .elementor-heading-title{font-size:30px;}.elementor-480 .elementor-element.elementor-element-76e551c{--justify-content:center;}.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button{font-size:12px;}}@media(min-width:768px){.elementor-480 .elementor-element.elementor-element-b906c88{--width:100%;}.elementor-480 .elementor-element.elementor-element-faec153{--width:100%;}.elementor-480 .elementor-element.elementor-element-2aad972{--width:100%;}.elementor-480 .elementor-element.elementor-element-01d6aee{--width:30%;}.elementor-480 .elementor-element.elementor-element-f7dd803{--width:30%;}.elementor-480 .elementor-element.elementor-element-7160358{--width:30%;}.elementor-480 .elementor-element.elementor-element-7db1406{--width:45%;}.elementor-480 .elementor-element.elementor-element-642cc56{--width:55%;}.elementor-480 .elementor-element.elementor-element-242a695{--width:50%;}.elementor-480 .elementor-element.elementor-element-be0569a{--width:60%;}.elementor-480 .elementor-element.elementor-element-e2dc904{--width:100%;}.elementor-480 .elementor-element.elementor-element-51f1274{--width:35%;}.elementor-480 .elementor-element.elementor-element-979ea96{--width:34%;}.elementor-480 .elementor-element.elementor-element-68efed2{--width:34%;}.elementor-480 .elementor-element.elementor-element-625e989{--width:100%;}.elementor-480 .elementor-element.elementor-element-c61ffe1{--width:40%;}.elementor-480 .elementor-element.elementor-element-383c348{--width:30%;}.elementor-480 .elementor-element.elementor-element-78e1db9{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-480 .elementor-element.elementor-element-01d6aee{--width:33.333%;}.elementor-480 .elementor-element.elementor-element-f7dd803{--width:33.333%;}.elementor-480 .elementor-element.elementor-element-7160358{--width:33.333%;}.elementor-480 .elementor-element.elementor-element-51f1274{--width:100%;}.elementor-480 .elementor-element.elementor-element-979ea96{--width:100%;}.elementor-480 .elementor-element.elementor-element-68efed2{--width:100%;}.elementor-480 .elementor-element.elementor-element-625e989{--width:94%;}.elementor-480 .elementor-element.elementor-element-c61ffe1{--width:36%;}.elementor-480 .elementor-element.elementor-element-383c348{--width:80px;}.elementor-480 .elementor-element.elementor-element-78e1db9{--width:64%;}}@media(min-width:1025px){.elementor-480 .elementor-element.elementor-element-b7d14f9:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-b7d14f9 > .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-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-search-top-row,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-brand-group,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-decor-group,
.elementor-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-search-top-row::before,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-top-row::after,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-brand-group::before,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-brand-group::after,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-decor-group::before,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-decor-group::after,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search::before,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search::after{
content:none !important;
display:none !important;
}
/* ==========================================================
HEADING
========================================================== */
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-title .elementor-heading-title{
font-family:
"Syne", sans-serif;
color:
var(--mb-text);
}
/* ==========================================================
SUBTITLE
========================================================== */
.elementor-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search{
position:relative;
z-index:10;
width:100%;
}
/* ==========================================================
SEARCH FORM
========================================================== */
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form{
width:100%;
border:
0 !important;
}
/* ==========================================================
SEARCH FORM CONTAINER
========================================================== */
.elementor-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container::before,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container::after{
content:none !important;
display:none !important;
}
/* ==========================================================
SEARCH FOCUS
========================================================== */
.elementor-480 .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-480 .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-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__submit i,
.elementor-480 .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-480 .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-480 .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-480 .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-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-search-feature-item::before,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-feature-item::after{
content:none !important;
display:none !important;
}
/* ==========================================================
FEATURE ICON
========================================================== */
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-feature-icon .elementor-icon{
color:
var(--mb-green);
transition:
transform .3s ease,
filter .3s ease;
}
.elementor-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__container{
min-height:
50px;
}
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input{
height:
40px;
padding:
0 14px !important;
font-size:
12px;
}
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-atv-native-search
.elementor-search-form__input::placeholder{
font-size:
12px;
}
.elementor-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-search-features-row::before,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-features-row::after{
height:
24px !important;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media(max-width:767px){
.elementor-480 .elementor-element.elementor-element-2aad972{
border-radius:
14px;
}
.elementor-480 .elementor-element.elementor-element-2aad972:hover{
transform:
none;
}
/* SEARCH STACK */
.elementor-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-2aad972 .mb-search-features-row::before,
.elementor-480 .elementor-element.elementor-element-2aad972 .mb-search-features-row::after{
content:none !important;
display:none !important;
}
.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-faec153 > .e-con-inner,
.elementor-480 .elementor-element.elementor-element-faec153 > .e-con,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-top-row,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-brand-group,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-decor-group,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-features-row,
.elementor-480 .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-480 .elementor-element.elementor-element-faec153 .mb-search-top-row::before,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-top-row::after,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-brand-group::before,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-brand-group::after,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-decor-group::before,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-decor-group::after,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-features-row::before,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-features-row::after,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-feature-item::before,
.elementor-480 .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-480 .elementor-element.elementor-element-faec153 .mb-search-top-row.e-con,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-brand-group.e-con,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-decor-group.e-con,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-features-row.e-con,
.elementor-480 .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-480 .elementor-element.elementor-element-faec153 .mb-search-top-row > .e-con-inner,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-brand-group > .e-con-inner,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-decor-group > .e-con-inner,
.elementor-480 .elementor-element.elementor-element-faec153 .mb-search-features-row > .e-con-inner,
.elementor-480 .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-480 .elementor-element.elementor-element-faec153 .mb-atv-native-search{
position:relative;
z-index:10;
width:100%;
border:0 !important;
}
/* =========================================================
SEARCH FORM
========================================================= */
.elementor-480 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form{
width:100%;
border:0 !important;
}
/* =========================================================
SEARCH CONTAINER
========================================================= */
.elementor-480 .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-480 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__container::before,
.elementor-480 .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-480 .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-480 .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-480 .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-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__input{
height:40px;
padding:
0 14px !important;
font-size:12px;
}
.elementor-480 .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-480 .elementor-element.elementor-element-faec153{
border-radius:14px;
}
.elementor-480 .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-480 .elementor-element.elementor-element-faec153 .mb-atv-native-search
.elementor-search-form__input{
width:100% !important;
min-height:44px;
padding:
0 13px !important;
}
.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-faec153:hover{
animation-duration: 3.8s;
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
.elementor-480 .elementor-element.elementor-element-faec153{
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6fc7a21 *//* ==========================================================
ICON BOX GREEN
Desktop + Tablet + Mobile
========================================================== */
.elementor-480 .elementor-element.elementor-element-6fc7a21 {
--accent: #54925F;
--accent-rgb: 84, 146, 95;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 210px;
padding: 22px 24px;
background: #ffffff;
border: 1px solid rgba(var(--accent-rgb), 0.20);
border-radius: 22px;
box-shadow:
0 10px 30px rgba(25, 50, 30, 0.06);
transition:
transform 0.35s ease,
box-shadow 0.35s ease,
border-color 0.35s ease;
}
/* =========================
GARIS ATAS
========================= */
.elementor-480 .elementor-element.elementor-element-6fc7a21::before {
content: "";
position: absolute;
top: 0;
left: 32px;
width: 84px;
height: 5px;
background: var(--accent);
border-radius: 0 0 8px 8px;
z-index: 2;
}
/* =========================
DEKORASI BAWAH
========================= */
.elementor-480 .elementor-element.elementor-element-6fc7a21::after {
content: "";
position: absolute;
width: 110px;
height: 110px;
right: -48px;
bottom: -50px;
border-radius: 50%;
background:
rgba(var(--accent-rgb), 0.06);
pointer-events: none;
}
/* ==========================================================
DESKTOP - ICON KIRI / TEXT KANAN
========================================================== */
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
68px minmax(0, 1fr);
align-items: center;
gap: 18px;
width: 100%;
height: 100%;
}
/* AREA ICON */
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-icon {
width: 68px !important;
margin: 0 !important;
position: relative;
z-index: 3;
}
/* ICON */
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
padding: 0 !important;
border-radius: 16px;
background:
rgba(var(--accent-rgb), 0.07);
border:
1px solid rgba(var(--accent-rgb), 0.55);
color:
var(--accent) !important;
box-shadow:
0 7px 18px rgba(var(--accent-rgb), 0.08);
transition:
transform 0.35s ease,
background 0.35s ease,
color 0.35s ease,
box-shadow 0.35s ease;
}
/* FONT AWESOME */
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon i::before {
color:
var(--accent) !important;
}
/* SVG */
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon svg {
fill:
var(--accent) !important;
}
/* =========================
CONTENT
========================= */
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-content {
min-width: 0;
width: 100%;
position: relative;
z-index: 3;
}
/* TITLE */
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-title {
margin-top: 0;
margin-bottom: 8px;
max-width: 100%;
white-space: normal;
}
/* DESCRIPTION */
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-description {
margin: 0;
max-width: 100%;
white-space: normal;
}
/* ==========================================================
HOVER
========================================================== */
.elementor-480 .elementor-element.elementor-element-6fc7a21:hover {
transform:
translateY(-5px);
border-color:
rgba(var(--accent-rgb), 0.38);
box-shadow:
0 16px 35px rgba(25, 50, 30, 0.10);
}
.elementor-480 .elementor-element.elementor-element-6fc7a21:hover .elementor-icon {
transform:
translateY(-2px);
background:
var(--accent);
color:
#ffffff !important;
box-shadow:
0 10px 22px rgba(var(--accent-rgb), 0.22);
}
.elementor-480 .elementor-element.elementor-element-6fc7a21:hover .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-6fc7a21:hover .elementor-icon i::before {
color:
#ffffff !important;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21:hover .elementor-icon svg {
fill:
#ffffff !important;
}
/* ==========================================================
TABLET ONLY
768px - 1024px
ICON DI ATAS
TEXT DI BAWAH
========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-480 .elementor-element.elementor-element-6fc7a21 {
height: auto;
min-height: 220px;
padding: 22px 20px;
border-radius: 20px;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 14px !important;
width: 100% !important;
height: 100% !important;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-icon {
flex: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon {
width: 58px;
height: 58px;
border-radius: 15px;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-content {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-title {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 7px !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-description {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21::before {
left: 28px;
width: 80px;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21::after {
width: 100px;
height: 100px;
right: -45px;
bottom: -45px;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21:hover {
transform:
translateY(-3px);
}
}
/* ==========================================================
MOBILE
0px - 767px
========================================================== */
@media (max-width: 767px) {
.elementor-480 .elementor-element.elementor-element-6fc7a21 {
height: auto;
min-height: 170px;
padding: 20px 18px;
border-radius: 18px;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
58px minmax(0, 1fr);
align-items: center;
gap: 14px;
width: 100%;
height: 100%;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-icon {
width: 58px !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon {
width: 58px;
height: 58px;
border-radius: 14px;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-content {
width: 100%;
min-width: 0;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-6fc7a21 .elementor-icon-box-description {
max-width: 100%;
white-space: normal;
}
.elementor-480 .elementor-element.elementor-element-6fc7a21::before {
left: 24px;
width: 70px;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bfa4e0b *//* ==========================================================
ICON BOX ORANGE
Desktop + Tablet + Mobile
========================================================== */
.elementor-480 .elementor-element.elementor-element-bfa4e0b {
--accent: #FF6B2C;
--accent-rgb: 255, 107, 44;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 210px;
padding: 22px 24px;
background: #ffffff;
border: 1px solid rgba(var(--accent-rgb), 0.20);
border-radius: 22px;
box-shadow:
0 10px 30px rgba(40, 30, 20, 0.06);
transition:
transform 0.35s ease,
box-shadow 0.35s ease,
border-color 0.35s ease;
}
/* =========================
GARIS ATAS
========================= */
.elementor-480 .elementor-element.elementor-element-bfa4e0b::before {
content: "";
position: absolute;
top: 0;
left: 32px;
width: 84px;
height: 5px;
background: var(--accent);
border-radius: 0 0 8px 8px;
z-index: 2;
}
/* =========================
DEKORASI BAWAH
========================= */
.elementor-480 .elementor-element.elementor-element-bfa4e0b::after {
content: "";
position: absolute;
width: 110px;
height: 110px;
right: -48px;
bottom: -50px;
border-radius: 50%;
background:
rgba(var(--accent-rgb), 0.06);
pointer-events: none;
}
/* ==========================================================
DESKTOP - ICON KIRI / TEXT KANAN
========================================================== */
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
68px minmax(0, 1fr);
align-items: center;
gap: 18px;
width: 100%;
height: 100%;
}
/* AREA ICON */
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-icon {
width: 68px !important;
margin: 0 !important;
position: relative;
z-index: 3;
}
/* ICON */
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
padding: 0 !important;
border-radius: 16px;
background:
rgba(var(--accent-rgb), 0.07);
border:
1px solid rgba(var(--accent-rgb), 0.55);
color:
var(--accent) !important;
box-shadow:
0 7px 18px rgba(var(--accent-rgb), 0.08);
transition:
transform 0.35s ease,
background 0.35s ease,
color 0.35s ease,
box-shadow 0.35s ease;
}
/* FONT AWESOME */
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon i::before {
color:
var(--accent) !important;
}
/* SVG */
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon svg {
fill:
var(--accent) !important;
}
/* =========================
CONTENT
========================= */
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-content {
min-width: 0;
width: 100%;
position: relative;
z-index: 3;
}
/* TITLE */
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-title {
margin-top: 0;
margin-bottom: 8px;
max-width: 100%;
white-space: normal;
}
/* DESCRIPTION */
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-description {
margin: 0;
max-width: 100%;
white-space: normal;
}
/* ==========================================================
HOVER
========================================================== */
.elementor-480 .elementor-element.elementor-element-bfa4e0b:hover {
transform:
translateY(-5px);
border-color:
rgba(var(--accent-rgb), 0.38);
box-shadow:
0 16px 35px rgba(40, 30, 20, 0.10);
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b:hover .elementor-icon {
transform:
translateY(-2px);
background:
var(--accent);
color:
#ffffff !important;
box-shadow:
0 10px 22px rgba(var(--accent-rgb), 0.22);
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b:hover .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-bfa4e0b:hover .elementor-icon i::before {
color:
#ffffff !important;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b:hover .elementor-icon svg {
fill:
#ffffff !important;
}
/* ==========================================================
TABLET ONLY
768px - 1024px
ICON DI ATAS
TEXT DI BAWAH
========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-480 .elementor-element.elementor-element-bfa4e0b {
height: auto;
min-height: 220px;
padding: 22px 20px;
border-radius: 20px;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 14px !important;
width: 100% !important;
height: 100% !important;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-icon {
flex: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon {
width: 58px;
height: 58px;
border-radius: 15px;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-content {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-title {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 7px !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-description {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b::before {
left: 28px;
width: 80px;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b::after {
width: 100px;
height: 100px;
right: -45px;
bottom: -45px;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b:hover {
transform:
translateY(-3px);
}
}
/* ==========================================================
MOBILE
0px - 767px
========================================================== */
@media (max-width: 767px) {
.elementor-480 .elementor-element.elementor-element-bfa4e0b {
height: auto;
min-height: 170px;
padding: 20px 18px;
border-radius: 18px;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
58px minmax(0, 1fr);
align-items: center;
gap: 14px;
width: 100%;
height: 100%;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-icon {
width: 58px !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon {
width: 58px;
height: 58px;
border-radius: 14px;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-content {
width: 100%;
min-width: 0;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-bfa4e0b .elementor-icon-box-description {
max-width: 100%;
white-space: normal;
}
.elementor-480 .elementor-element.elementor-element-bfa4e0b::before {
left: 24px;
width: 70px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-46ca917 *//* =========================================================
MOUNT BATUR — CLEAN VIDEO BUTTON V6
REVERSED ANIMATION
Default = GREEN
Hover = WHITE
USE ONLY THIS CLASS:
batur-video-btn-clean
========================================================= */
/* ---------- BUTTON ---------- */
.batur-video-btn-clean .elementor-button,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button{
--bv-green:#54925F;
--bv-green-dark:#3F7048;
--bv-white:#FFFFFF;
--bv-text:#161C18;
position:relative!important;
isolation:isolate!important;
overflow:hidden!important;
display:inline-flex!important;
align-items:center!important;
min-height:42px!important;
padding:5px 5px 5px 18px!important;
/* DEFAULT = GREEN */
background:var(--bv-green)!important;
color:var(--bv-white)!important;
border:1px solid var(--bv-green)!important;
border-radius:999px!important;
box-shadow:
0 5px 14px rgba(84,146,95,.18)!important;
transition:
color .30s ease,
border-color .30s ease,
box-shadow .30s ease,
transform .30s cubic-bezier(.22,.72,.2,1)!important;
}
/* =========================================================
WHITE CIRCLE / FILL
Default starts as a small WHITE circle behind the icon.
On hover it expands and fills the whole button.
========================================================= */
.batur-video-btn-clean .elementor-button::before,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button::before{
content:""!important;
position:absolute!important;
z-index:0!important;
top:50%!important;
right:5px!important;
width:31px!important;
height:31px!important;
border-radius:999px!important;
background:
var(--bv-white)!important;
transform:
translateY(-50%)!important;
box-shadow:
0 2px 8px rgba(0,0,0,.10)!important;
transition:
width .46s cubic-bezier(.22,.72,.2,1),
height .46s cubic-bezier(.22,.72,.2,1),
right .46s cubic-bezier(.22,.72,.2,1),
box-shadow .30s ease!important;
}
/* ---------- CONTENT WRAPPER ---------- */
.batur-video-btn-clean .elementor-button-content-wrapper,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button-content-wrapper{
position:relative!important;
z-index:3!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:10px!important;
width:auto!important;
}
/* ---------- TEXT ---------- */
.batur-video-btn-clean .elementor-button-text,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button-text{
order:1!important;
position:relative!important;
z-index:3!important;
white-space:nowrap!important;
/* DEFAULT TEXT = WHITE */
color:var(--bv-white)!important;
transition:
color .28s ease,
transform .32s cubic-bezier(.22,.72,.2,1)!important;
}
/* ---------- ICON ---------- */
.batur-video-btn-clean .elementor-button-icon,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button-icon{
order:2!important;
position:relative!important;
z-index:4!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 31px!important;
width:31px!important;
height:31px!important;
margin:0!important;
border-radius:50%!important;
/* WHITE CIRCLE IS FROM ::before */
background:transparent!important;
/* DEFAULT ARROW = GREEN */
color:var(--bv-green-dark)!important;
transform:none!important;
transition:
background .28s ease,
color .28s ease,
box-shadow .28s ease,
transform .34s cubic-bezier(.34,1.56,.64,1)!important;
}
/* remove Elementor icon margins */
.batur-video-btn-clean .elementor-align-icon-left,
.batur-video-btn-clean .elementor-align-icon-right,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-align-icon-left,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-align-icon-right{
margin:0!important;
}
/* icon glyph */
.batur-video-btn-clean .elementor-button-icon i,
.batur-video-btn-clean .elementor-button-icon svg,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button-icon i,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button-icon svg{
color:currentColor!important;
fill:currentColor!important;
font-size:12px!important;
transition:
transform .34s cubic-bezier(.34,1.56,.64,1)!important;
}
/* ---------- SHINE ---------- */
.batur-video-btn-clean .elementor-button::after,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button::after{
content:""!important;
position:absolute!important;
z-index:1!important;
top:-35%!important;
left:-88%!important;
width:38%!important;
height:170%!important;
pointer-events:none!important;
transform:
skewX(-24deg)!important;
background:
linear-gradient(
90deg,
transparent,
rgba(84,146,95,.02),
rgba(84,146,95,.18),
rgba(84,146,95,.02),
transparent
)!important;
opacity:0!important;
transition:
left .72s cubic-bezier(.22,.61,.36,1),
opacity .16s ease!important;
}
/* =========================================================
HOVER
WHITE FILL EXPANDS ACROSS BUTTON
========================================================= */
.batur-video-btn-clean .elementor-button:hover,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:hover{
color:var(--bv-green-dark)!important;
border-color:var(--bv-green)!important;
transform:
translateY(-1px)!important;
box-shadow:
0 10px 22px rgba(84,146,95,.16)!important;
}
/* white circle expands across pill */
.batur-video-btn-clean .elementor-button:hover::before,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:hover::before{
width:
calc(100% + 4px)!important;
height:
calc(100% + 4px)!important;
right:
-2px!important;
box-shadow:
0 4px 12px rgba(0,0,0,.07)!important;
}
/* text becomes GREEN/DARK */
.batur-video-btn-clean .elementor-button:hover .elementor-button-text,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:hover .elementor-button-text{
color:
var(--bv-green-dark)!important;
}
/* icon remains right, now becomes green circle */
.batur-video-btn-clean .elementor-button:hover .elementor-button-icon,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:hover .elementor-button-icon{
background:
var(--bv-green)!important;
color:
var(--bv-white)!important;
box-shadow:
0 2px 8px rgba(84,146,95,.20)!important;
transform:
scale(1.03)!important;
}
/* arrow moves subtly right */
.batur-video-btn-clean .elementor-button:hover .elementor-button-icon i,
.batur-video-btn-clean .elementor-button:hover .elementor-button-icon svg,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:hover .elementor-button-icon i,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:hover .elementor-button-icon svg{
transform:
translateX(1.5px)!important;
}
/* shine after white fill */
.batur-video-btn-clean .elementor-button:hover::after,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:hover::after{
left:
135%!important;
opacity:
1!important;
}
/* ---------- CLICK ---------- */
.batur-video-btn-clean .elementor-button:active,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:active{
transform:
scale(.985)!important;
}
/* ---------- MOBILE ---------- */
@media(max-width:767px){
.batur-video-btn-clean .elementor-button:hover,
.elementor-480 .elementor-element.elementor-element-46ca917 .elementor-button:hover{
transform:none!important;
}
}
/* ---------- REDUCED MOTION ---------- */
@media(prefers-reduced-motion:reduce){
.batur-video-btn-clean *,
.batur-video-btn-clean *::before,
.batur-video-btn-clean *::after,
.elementor-480 .elementor-element.elementor-element-46ca917 *,
.elementor-480 .elementor-element.elementor-element-46ca917 *::before,
.elementor-480 .elementor-element.elementor-element-46ca917 *::after{
transition-duration:.01ms!important;
animation-duration:.01ms!important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e4a09d9 *//* ===== 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 icon-box, class: .elementor-element-1a38ad1 *//* ==========================================================
ICON BOX GREEN
Desktop + Tablet + Mobile
========================================================== */
.elementor-480 .elementor-element.elementor-element-1a38ad1 {
--accent: #54925F;
--accent-rgb: 84, 146, 95;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 210px;
padding: 22px 24px;
background: #ffffff;
border: 1px solid rgba(var(--accent-rgb), 0.20);
border-radius: 22px;
box-shadow:
0 10px 30px rgba(25, 50, 30, 0.06);
transition:
transform 0.35s ease,
box-shadow 0.35s ease,
border-color 0.35s ease;
}
/* =========================
GARIS ATAS
========================= */
.elementor-480 .elementor-element.elementor-element-1a38ad1::before {
content: "";
position: absolute;
top: 0;
left: 32px;
width: 84px;
height: 5px;
background: var(--accent);
border-radius: 0 0 8px 8px;
z-index: 2;
}
/* =========================
DEKORASI BAWAH
========================= */
.elementor-480 .elementor-element.elementor-element-1a38ad1::after {
content: "";
position: absolute;
width: 110px;
height: 110px;
right: -48px;
bottom: -50px;
border-radius: 50%;
background:
rgba(var(--accent-rgb), 0.06);
pointer-events: none;
}
/* ==========================================================
DESKTOP - ICON KIRI / TEXT KANAN
========================================================== */
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
68px minmax(0, 1fr);
align-items: center;
gap: 18px;
width: 100%;
height: 100%;
}
/* AREA ICON */
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-icon {
width: 68px !important;
margin: 0 !important;
position: relative;
z-index: 3;
}
/* ICON */
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
padding: 0 !important;
border-radius: 16px;
background:
rgba(var(--accent-rgb), 0.07);
border:
1px solid rgba(var(--accent-rgb), 0.55);
color:
var(--accent) !important;
box-shadow:
0 7px 18px rgba(var(--accent-rgb), 0.08);
transition:
transform 0.35s ease,
background 0.35s ease,
color 0.35s ease,
box-shadow 0.35s ease;
}
/* FONT AWESOME */
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon i::before {
color:
var(--accent) !important;
}
/* SVG */
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon svg {
fill:
var(--accent) !important;
}
/* =========================
CONTENT
========================= */
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-content {
min-width: 0;
width: 100%;
position: relative;
z-index: 3;
}
/* TITLE */
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-title {
margin-top: 0;
margin-bottom: 8px;
max-width: 100%;
white-space: normal;
}
/* DESCRIPTION */
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-description {
margin: 0;
max-width: 100%;
white-space: normal;
}
/* ==========================================================
HOVER
========================================================== */
.elementor-480 .elementor-element.elementor-element-1a38ad1:hover {
transform:
translateY(-5px);
border-color:
rgba(var(--accent-rgb), 0.38);
box-shadow:
0 16px 35px rgba(25, 50, 30, 0.10);
}
.elementor-480 .elementor-element.elementor-element-1a38ad1:hover .elementor-icon {
transform:
translateY(-2px);
background:
var(--accent);
color:
#ffffff !important;
box-shadow:
0 10px 22px rgba(var(--accent-rgb), 0.22);
}
.elementor-480 .elementor-element.elementor-element-1a38ad1:hover .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-1a38ad1:hover .elementor-icon i::before {
color:
#ffffff !important;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1:hover .elementor-icon svg {
fill:
#ffffff !important;
}
/* ==========================================================
TABLET ONLY
768px - 1024px
ICON DI ATAS
TEXT DI BAWAH
========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-480 .elementor-element.elementor-element-1a38ad1 {
height: auto;
min-height: 220px;
padding: 22px 20px;
border-radius: 20px;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 14px !important;
width: 100% !important;
height: 100% !important;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-icon {
flex: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon {
width: 58px;
height: 58px;
border-radius: 15px;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-content {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-title {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 7px !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-description {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1::before {
left: 28px;
width: 80px;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1::after {
width: 100px;
height: 100px;
right: -45px;
bottom: -45px;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1:hover {
transform:
translateY(-3px);
}
}
/* ==========================================================
MOBILE
0px - 767px
========================================================== */
@media (max-width: 767px) {
.elementor-480 .elementor-element.elementor-element-1a38ad1 {
height: auto;
min-height: 170px;
padding: 20px 18px;
border-radius: 18px;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
58px minmax(0, 1fr);
align-items: center;
gap: 14px;
width: 100%;
height: 100%;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-icon {
width: 58px !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon {
width: 58px;
height: 58px;
border-radius: 14px;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-content {
width: 100%;
min-width: 0;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-1a38ad1 .elementor-icon-box-description {
max-width: 100%;
white-space: normal;
}
.elementor-480 .elementor-element.elementor-element-1a38ad1::before {
left: 24px;
width: 70px;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c7eb4b6 *//* ==========================================================
ICON BOX ORANGE
Desktop + Tablet + Mobile
========================================================== */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 {
--accent: #FF6B2C;
--accent-rgb: 255, 107, 44;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 210px;
padding: 22px 24px;
background: #ffffff;
border: 1px solid rgba(var(--accent-rgb), 0.20);
border-radius: 22px;
box-shadow:
0 10px 30px rgba(40, 30, 20, 0.06);
transition:
transform 0.35s ease,
box-shadow 0.35s ease,
border-color 0.35s ease;
}
/* =========================
GARIS ATAS
========================= */
.elementor-480 .elementor-element.elementor-element-c7eb4b6::before {
content: "";
position: absolute;
top: 0;
left: 32px;
width: 84px;
height: 5px;
background: var(--accent);
border-radius: 0 0 8px 8px;
z-index: 2;
}
/* =========================
DEKORASI BAWAH
========================= */
.elementor-480 .elementor-element.elementor-element-c7eb4b6::after {
content: "";
position: absolute;
width: 110px;
height: 110px;
right: -48px;
bottom: -50px;
border-radius: 50%;
background:
rgba(var(--accent-rgb), 0.06);
pointer-events: none;
}
/* ==========================================================
DESKTOP - ICON KIRI / TEXT KANAN
========================================================== */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
68px minmax(0, 1fr);
align-items: center;
gap: 18px;
width: 100%;
height: 100%;
}
/* AREA ICON */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-icon {
width: 68px !important;
margin: 0 !important;
position: relative;
z-index: 3;
}
/* ICON */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
padding: 0 !important;
border-radius: 16px;
background:
rgba(var(--accent-rgb), 0.07);
border:
1px solid rgba(var(--accent-rgb), 0.55);
color:
var(--accent) !important;
box-shadow:
0 7px 18px rgba(var(--accent-rgb), 0.08);
transition:
transform 0.35s ease,
background 0.35s ease,
color 0.35s ease,
box-shadow 0.35s ease;
}
/* FONT AWESOME */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon i::before {
color:
var(--accent) !important;
}
/* SVG */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon svg {
fill:
var(--accent) !important;
}
/* =========================
CONTENT
========================= */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-content {
min-width: 0;
width: 100%;
position: relative;
z-index: 3;
}
/* TITLE */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-title {
margin-top: 0;
margin-bottom: 8px;
max-width: 100%;
white-space: normal;
}
/* DESCRIPTION */
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-description {
margin: 0;
max-width: 100%;
white-space: normal;
}
/* ==========================================================
HOVER
========================================================== */
.elementor-480 .elementor-element.elementor-element-c7eb4b6:hover {
transform:
translateY(-5px);
border-color:
rgba(var(--accent-rgb), 0.38);
box-shadow:
0 16px 35px rgba(40, 30, 20, 0.10);
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6:hover .elementor-icon {
transform:
translateY(-2px);
background:
var(--accent);
color:
#ffffff !important;
box-shadow:
0 10px 22px rgba(var(--accent-rgb), 0.22);
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6:hover .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-c7eb4b6:hover .elementor-icon i::before {
color:
#ffffff !important;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6:hover .elementor-icon svg {
fill:
#ffffff !important;
}
/* ==========================================================
TABLET ONLY
768px - 1024px
ICON DI ATAS
TEXT DI BAWAH
========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-480 .elementor-element.elementor-element-c7eb4b6 {
height: auto;
min-height: 220px;
padding: 22px 20px;
border-radius: 20px;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 14px !important;
width: 100% !important;
height: 100% !important;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-icon {
flex: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon {
width: 58px;
height: 58px;
border-radius: 15px;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-content {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-title {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 7px !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-description {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6::before {
left: 28px;
width: 80px;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6::after {
width: 100px;
height: 100px;
right: -45px;
bottom: -45px;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6:hover {
transform:
translateY(-3px);
}
}
/* ==========================================================
MOBILE
0px - 767px
========================================================== */
@media (max-width: 767px) {
.elementor-480 .elementor-element.elementor-element-c7eb4b6 {
height: auto;
min-height: 170px;
padding: 20px 18px;
border-radius: 18px;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
58px minmax(0, 1fr);
align-items: center;
gap: 14px;
width: 100%;
height: 100%;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-icon {
width: 58px !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon {
width: 58px;
height: 58px;
border-radius: 14px;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-content {
width: 100%;
min-width: 0;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-c7eb4b6 .elementor-icon-box-description {
max-width: 100%;
white-space: normal;
}
.elementor-480 .elementor-element.elementor-element-c7eb4b6::before {
left: 24px;
width: 70px;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-172b682 *//* ==========================================================
ICON BOX GREEN
Desktop + Tablet + Mobile
========================================================== */
.elementor-480 .elementor-element.elementor-element-172b682 {
--accent: #54925F;
--accent-rgb: 84, 146, 95;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 210px;
padding: 22px 24px;
background: #ffffff;
border: 1px solid rgba(var(--accent-rgb), 0.20);
border-radius: 22px;
box-shadow:
0 10px 30px rgba(25, 50, 30, 0.06);
transition:
transform 0.35s ease,
box-shadow 0.35s ease,
border-color 0.35s ease;
}
/* =========================
GARIS ATAS
========================= */
.elementor-480 .elementor-element.elementor-element-172b682::before {
content: "";
position: absolute;
top: 0;
left: 32px;
width: 84px;
height: 5px;
background: var(--accent);
border-radius: 0 0 8px 8px;
z-index: 2;
}
/* =========================
DEKORASI BAWAH
========================= */
.elementor-480 .elementor-element.elementor-element-172b682::after {
content: "";
position: absolute;
width: 110px;
height: 110px;
right: -48px;
bottom: -50px;
border-radius: 50%;
background:
rgba(var(--accent-rgb), 0.06);
pointer-events: none;
}
/* ==========================================================
DESKTOP - ICON KIRI / TEXT KANAN
========================================================== */
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
68px minmax(0, 1fr);
align-items: center;
gap: 18px;
width: 100%;
height: 100%;
}
/* AREA ICON */
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-icon {
width: 68px !important;
margin: 0 !important;
position: relative;
z-index: 3;
}
/* ICON */
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
padding: 0 !important;
border-radius: 16px;
background:
rgba(var(--accent-rgb), 0.07);
border:
1px solid rgba(var(--accent-rgb), 0.55);
color:
var(--accent) !important;
box-shadow:
0 7px 18px rgba(var(--accent-rgb), 0.08);
transition:
transform 0.35s ease,
background 0.35s ease,
color 0.35s ease,
box-shadow 0.35s ease;
}
/* FONT AWESOME */
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon i::before {
color:
var(--accent) !important;
}
/* SVG */
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon svg {
fill:
var(--accent) !important;
}
/* =========================
CONTENT
========================= */
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-content {
min-width: 0;
width: 100%;
position: relative;
z-index: 3;
}
/* TITLE */
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-title {
margin-top: 0;
margin-bottom: 8px;
max-width: 100%;
white-space: normal;
}
/* DESCRIPTION */
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-description {
margin: 0;
max-width: 100%;
white-space: normal;
}
/* ==========================================================
HOVER
========================================================== */
.elementor-480 .elementor-element.elementor-element-172b682:hover {
transform:
translateY(-5px);
border-color:
rgba(var(--accent-rgb), 0.38);
box-shadow:
0 16px 35px rgba(25, 50, 30, 0.10);
}
.elementor-480 .elementor-element.elementor-element-172b682:hover .elementor-icon {
transform:
translateY(-2px);
background:
var(--accent);
color:
#ffffff !important;
box-shadow:
0 10px 22px rgba(var(--accent-rgb), 0.22);
}
.elementor-480 .elementor-element.elementor-element-172b682:hover .elementor-icon i,
.elementor-480 .elementor-element.elementor-element-172b682:hover .elementor-icon i::before {
color:
#ffffff !important;
}
.elementor-480 .elementor-element.elementor-element-172b682:hover .elementor-icon svg {
fill:
#ffffff !important;
}
/* ==========================================================
TABLET ONLY
768px - 1024px
ICON DI ATAS
TEXT DI BAWAH
========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-480 .elementor-element.elementor-element-172b682 {
height: auto;
min-height: 220px;
padding: 22px 20px;
border-radius: 20px;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 14px !important;
width: 100% !important;
height: 100% !important;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-icon {
flex: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon {
width: 58px;
height: 58px;
border-radius: 15px;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-content {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-title {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 7px !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-description {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-480 .elementor-element.elementor-element-172b682::before {
left: 28px;
width: 80px;
}
.elementor-480 .elementor-element.elementor-element-172b682::after {
width: 100px;
height: 100px;
right: -45px;
bottom: -45px;
}
.elementor-480 .elementor-element.elementor-element-172b682:hover {
transform:
translateY(-3px);
}
}
/* ==========================================================
MOBILE
0px - 767px
========================================================== */
@media (max-width: 767px) {
.elementor-480 .elementor-element.elementor-element-172b682 {
height: auto;
min-height: 170px;
padding: 20px 18px;
border-radius: 18px;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-wrapper {
display: grid !important;
grid-template-columns:
58px minmax(0, 1fr);
align-items: center;
gap: 14px;
width: 100%;
height: 100%;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-icon {
width: 58px !important;
margin: 0 !important;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon {
width: 58px;
height: 58px;
border-radius: 14px;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-content {
width: 100%;
min-width: 0;
}
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-title,
.elementor-480 .elementor-element.elementor-element-172b682 .elementor-icon-box-description {
max-width: 100%;
white-space: normal;
}
.elementor-480 .elementor-element.elementor-element-172b682::before {
left: 24px;
width: 70px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2dc904 */.elementor-480 .elementor-element.elementor-element-e2dc904{
position:relative;
isolation:isolate;
overflow:hidden;
}
/* CSS hanya untuk finishing visual.
Font, icon, size, color, width, height, padding, margin, dan gap
tetap dikontrol dari widget/container Elementor. */
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-booking-card{
box-shadow:0 12px 30px rgba(24,35,29,.08);
transition:transform .28s ease, box-shadow .28s ease;
}
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-booking-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 38px rgba(24,35,29,.12);
}
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-center-image .elementor-widget-container{
overflow:hidden;
border-radius:inherit;
box-shadow:0 16px 38px rgba(24,35,29,.12);
}
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-center-image img{
transition:transform .45s ease;
}
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-center-image:hover img{
transform:scale(1.035);
}
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-feature{
transition:transform .28s ease;
}
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-feature:hover{
transform:translateX(4px);
}
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-feature-icon-wrap{
box-shadow:0 8px 20px rgba(255,107,44,.10);
}
@media(max-width:1024px){
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-center,
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-right{
margin-top:8px;
}
}
@media(max-width:767px){
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-center-image .elementor-widget-container{
box-shadow:0 12px 28px rgba(24,35,29,.10);
}
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-feature:hover{
transform:none;
}
}
@media(prefers-reduced-motion:reduce){
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-booking-card,
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-center-image img,
.elementor-480 .elementor-element.elementor-element-e2dc904 .pt-feature{
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-480 .elementor-element.elementor-element-b957ed1{
width:100%;
}
/* =========================================================
ACCORDION WRAPPER
========================================================= */
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion{
border:0;
}
/* =========================================================
ACCORDION ITEM
========================================================= */
.elementor-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{
font-family:
"Syne", sans-serif;
color:
#FFFFFF !important;
}
/* =========================================================
TITLE LINK — PUTIH
========================================================= */
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title a{
font-family:
"Syne", sans-serif;
color:
#FFFFFF !important;
}
/* =========================================================
TITLE SEMUA STATE TETAP PUTIH
========================================================= */
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active:hover{
color:
#FFFFFF !important;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active
.elementor-accordion-title,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover a,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title.elementor-active a{
color:
#FFFFFF !important;
}
/* =========================================================
HAPUS TOTAL ICON + LINGKARAN KIRI
========================================================= */
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title::before,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title::after{
content:none !important;
display:none !important;
}
/* =========================================================
ACCORDION +/- ICON KANAN
IKUT PUTIH
========================================================= */
.elementor-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon.elementor-accordion-icon-left{
order:2 !important;
margin-left:auto !important;
margin-right:0 !important;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon i{
color:
#FFFFFF !important;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon svg{
color:
#FFFFFF !important;
fill:
#FFFFFF !important;
}
/* =========================================================
ACTIVE TITLE
========================================================= */
.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content p,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content span,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content li{
font-family:
"Plus Jakarta Sans", sans-serif;
}
/* =========================================================
ORANGE ACCENT SAAT TERBUKA
========================================================= */
.elementor-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
min-height:44px;
padding:
11px 12px !important;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
padding:
0 12px 15px 12px !important;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item{
margin-bottom:7px;
border-radius:10px;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover{
transform:none;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
min-height:42px;
padding:
10px !important;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
padding:
0 10px 14px 10px !important;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title{
transition:none;
}
}
/* =========================================================
FORCE ALL ACCORDION TITLES TO WHITE
========================================================= */
/* Normal */
.elementor-480 .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-480 .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-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:link,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:visited,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:hover,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion
.elementor-tab-title
a.elementor-accordion-title:focus,
.elementor-480 .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-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title{
display:inline-block;
transition:
transform .28s ease,
text-shadow .28s ease !important;
}
.elementor-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title
.elementor-accordion-title,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title
a.elementor-accordion-title,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title,
.elementor-480 .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-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover::before{
left:120%;
opacity:1;
}
/* =========================================================
6. ORANGE ACTIVE LINE
Lebih mewah daripada garis flat
========================================================= */
.elementor-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
transform-origin:
top center;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content[style*="display: block"],
.elementor-480 .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-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon{
transition:
transform .3s cubic-bezier(.2,.8,.2,1),
opacity .3s ease !important;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-icon{
transform:
scale(1.10);
}
.elementor-480 .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-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item:hover{
transform:none;
box-shadow:
0 6px 18px rgba(31,80,47,.07);
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title:hover
.elementor-accordion-title{
transform:none;
}
/* Hindari shine berlebihan di mobile */
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item::before{
display:none;
}
}
/* =========================================================
11. REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-title,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-title,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-icon,
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-tab-content{
transition:none !important;
animation:none !important;
}
.elementor-480 .elementor-element.elementor-element-b957ed1 .elementor-accordion-item::before,
.elementor-480 .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-480 .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-480 .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-480 .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-480 .elementor-element.elementor-element-433446a{
--line-left-space:5%;
--line-right-space:5%;
}
.elementor-480 .elementor-element.elementor-element-433446a::after{
width:32%;
animation-duration:
3.4s;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-480 .elementor-element.elementor-element-433446a{
--line-left-space:4%;
--line-right-space:4%;
}
.elementor-480 .elementor-element.elementor-element-433446a::before{
height:1.5px;
}
.elementor-480 .elementor-element.elementor-element-433446a::after{
width:40%;
height:2px;
animation-duration:
3.6s;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-480 .elementor-element.elementor-element-433446a::after{
animation:none;
transform:none;
opacity:.65;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bdf6951 *//* =========================================================
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-480 .elementor-element.elementor-element-bdf6951 .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-480 .elementor-element.elementor-element-bdf6951 .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-480 .elementor-element.elementor-element-bdf6951 .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-480 .elementor-element.elementor-element-bdf6951 .elementor-heading-title span{
animation:none;
}
.elementor-480 .elementor-element.elementor-element-bdf6951 .elementor-heading-title span::after{
animation:none;
display:none;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e157da *//* =========================================================
PREMIUM GREEN BUTTON
Main Color: #54925F
========================================================= */
.elementor-480 .elementor-element.elementor-element-0e157da .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-480 .elementor-element.elementor-element-0e157da .elementor-button-content-wrapper{
position:relative;
z-index:3;
}
/* =========================================================
SHINE EFFECT
========================================================= */
.elementor-480 .elementor-element.elementor-element-0e157da .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-480 .elementor-element.elementor-element-0e157da .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-480 .elementor-element.elementor-element-0e157da .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-480 .elementor-element.elementor-element-0e157da .elementor-button:hover::before{
left:125%;
}
/* slightly brighter overlay */
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button:hover::after{
opacity:1;
}
/* =========================================================
TEXT
========================================================= */
.elementor-480 .elementor-element.elementor-element-0e157da .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-480 .elementor-element.elementor-element-0e157da .elementor-button:hover .elementor-button-text{
transform:translateY(-1px);
text-shadow:
0 2px 6px rgba(0,0,0,.14);
}
/* =========================================================
ICON
========================================================= */
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button-icon{
position:relative;
z-index:4;
color:#FFFFFF;
transition:
transform .35s cubic-bezier(.34,1.56,.64,1);
}
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button:hover .elementor-button-icon{
transform:translateX(3px);
}
/* =========================================================
ACTIVE
========================================================= */
.elementor-480 .elementor-element.elementor-element-0e157da .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-480 .elementor-element.elementor-element-0e157da .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-480 .elementor-element.elementor-element-0e157da .elementor-button{
padding:13px 28px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button{
padding:12px 24px;
box-shadow:
0 4px 12px rgba(84,146,95,.24);
}
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button:hover{
transform:translateY(-2px);
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button,
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button::before,
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button::after,
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button-text,
.elementor-480 .elementor-element.elementor-element-0e157da .elementor-button-icon{
transition:none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d14f9 *//* =========================================================
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-480 .elementor-element.elementor-element-b7d14f9{
/* ==============================
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-480 .elementor-element.elementor-element-b7d14f9::before
karena Elementor memakai ::before untuk Background Overlay
========================================================= */
/* =========================================================
CLOUD LAYER
========================================================= */
.elementor-480 .elementor-element.elementor-element-b7d14f9::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-480 .elementor-element.elementor-element-b7d14f9{
--cloud-height:72px;
--cloud-speed:27s;
--cloud-pattern:650px;
--cloud-opacity:.68;
}
.elementor-480 .elementor-element.elementor-element-b7d14f9::after{
bottom:-13px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.elementor-480 .elementor-element.elementor-element-b7d14f9{
--cloud-height:58px;
--cloud-speed:30s;
--cloud-pattern:520px;
--cloud-opacity:.62;
}
.elementor-480 .elementor-element.elementor-element-b7d14f9::after{
bottom:-11px;
filter:
blur(.55px);
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.elementor-480 .elementor-element.elementor-element-b7d14f9::after{
animation:none;
background-position:center;
opacity:.65;
}
}/* End custom CSS */