.elementor-1394 .elementor-element.elementor-element-5e766895{--display:flex;--min-height:780px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:56px;--padding-left:28px;--padding-right:28px;}.elementor-1394 .elementor-element.elementor-element-5e766895:not(.elementor-motion-effects-element-type-background), .elementor-1394 .elementor-element.elementor-element-5e766895 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mountbaturcamping.net/wp-content/uploads/2026/08/content-16.webp");background-position:center center;background-size:cover;}.elementor-1394 .elementor-element.elementor-element-2b830678{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-1394 .elementor-element.elementor-element-35fbc2ae{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-1394 .elementor-element.elementor-element-268401df{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-1394 .elementor-element.elementor-element-44f7b3a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.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-1394 .elementor-element.elementor-element-2ef2272d{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#A9BFAE;}.elementor-1394 .elementor-element.elementor-element-795d3f87{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:86px;--padding-bottom:92px;--padding-left:24px;--padding-right:24px;}.elementor-1394 .elementor-element.elementor-element-c4a5a8e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-1282297e{--display:flex;--justify-content:space-between;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-23f3b61b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-51c0b17d{text-align:start;}.elementor-1394 .elementor-element.elementor-element-51c0b17d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-1394 .elementor-element.elementor-element-31aeca66{text-align:start;}.elementor-1394 .elementor-element.elementor-element-31aeca66 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:48px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-2c94d102{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-15ffbd62{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-1394 .elementor-element.elementor-element-4f9b0dfd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1394 .elementor-element.elementor-element-48fd42cf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:92px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-1394 .elementor-element.elementor-element-4b7b69f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:44px 44px;--row-gap:44px;--column-gap:44px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-4ee44033{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1394 .elementor-element.elementor-element-7fdb16b6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:9px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-236e6174 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:52px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-4a8f51a7{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#2E3A44;}.elementor-1394 .elementor-element.elementor-element-6a6663e1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-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-1394 .elementor-element.elementor-element-371ab61a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--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-1394 .elementor-element.elementor-element-30b25675 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:25px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-b58fa5c .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:11px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-b73b608{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-a7798a0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:9px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-15ef5138 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:35px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-5379cd9a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-73dddb23{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.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-1394 .elementor-element.elementor-element-54b0ee1f .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-4e43dadc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-1394 .elementor-element.elementor-element-f747ced .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:21px;font-weight:500;color:#FFFFFF;}.elementor-1394 .elementor-element.elementor-element-1055113d{text-align:start;font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:500;color:#FFFFFF;}.elementor-1394 .elementor-element.elementor-element-34c55540{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1394 .elementor-element.elementor-element-659d13f8 .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-20700742{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-1394 .elementor-element.elementor-element-21d234a6 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:21px;font-weight:500;color:#FFFFFF;}.elementor-1394 .elementor-element.elementor-element-5dc10bdd{text-align:start;font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:500;color:#FFFFFF;}.elementor-1394 .elementor-element.elementor-element-69ad6cc7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1394 .elementor-element.elementor-element-4410bab6 .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-276a632a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-1394 .elementor-element.elementor-element-44fdcd0a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:21px;font-weight:500;color:#FFFFFF;}.elementor-1394 .elementor-element.elementor-element-5f5bcdfd{text-align:start;font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:500;color:#FFFFFF;}.elementor-1394 .elementor-element.elementor-element-508f6216{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:104px;--padding-bottom:110px;--padding-left:24px;--padding-right:24px;}.elementor-1394 .elementor-element.elementor-element-68f37005{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:82px 82px;--row-gap:82px;--column-gap:82px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-550510bb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-25484d6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:8.5px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-1a971774{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-696eac9c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:9px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-481c0e7f .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:54px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-7fdccbd7{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-5601cc3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-708e8870{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--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-1394 .elementor-element.elementor-element-7044290d .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-41a96653 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:10px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-3ddd46ec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--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-1394 .elementor-element.elementor-element-2ea92cbc .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-31138d62 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:10px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-3bac5377{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--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-1394 .elementor-element.elementor-element-5d8bee59 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-2875c59d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:10px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-280259de{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-71d97bcd .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-7c88d6fb{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-4210e290{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:104px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-1394 .elementor-element.elementor-element-4210e290:not(.elementor-motion-effects-element-type-background), .elementor-1394 .elementor-element.elementor-element-4210e290 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5EF;}.elementor-1394 .elementor-element.elementor-element-4fb17b0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-4112170b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:58px 58px;--row-gap:58px;--column-gap:58px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-29ef9cc7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-5b8e600e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-1ef3561b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:62px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-2d7adf90{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-55b940a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--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-1394 .elementor-element.elementor-element-3b518679 .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-69dbcb74{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-1394 .elementor-element.elementor-element-782bfec .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;}.elementor-1394 .elementor-element.elementor-element-26470362 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-79a1046a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-7adbb1ac{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--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-1394 .elementor-element.elementor-element-67124857 .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-41c5689c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-1394 .elementor-element.elementor-element-a7bd832 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-601915c7 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-16861cc8{text-align:end;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-52f606d6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--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-1394 .elementor-element.elementor-element-6c731373 .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-47bad37e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-1394 .elementor-element.elementor-element-6ede4909 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-1fd113c0 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-2e353b5a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-4f81dcb8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--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-1394 .elementor-element.elementor-element-6eb7c5 .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-1a8875b1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--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-1394 .elementor-element.elementor-element-16d3f378 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-508b8241 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:24px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-702ca684{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-4194a8f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-3f40b470{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;color:#394B5B;}.elementor-1394 .elementor-element.elementor-element-5d58613e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:92px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-1394 .elementor-element.elementor-element-707b84d2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-44920528{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-7b312f87 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:9px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-7668ca6d .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:44px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-44a6ec06{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-44114e7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--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-1394 .elementor-element.elementor-element-3ffc2e29 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:25px;font-weight:500;}.elementor-1394 .elementor-element.elementor-element-762e2255{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-94aac81{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1394 .elementor-element.elementor-element-b9be0be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-1394 .elementor-element.elementor-element-b9be0be .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:38px;font-weight:bold;font-style:italic;color:#18231D;}.elementor-1394 .elementor-element.elementor-element-7b99d73c{--display:flex;}.elementor-1394 .elementor-element.elementor-element-71d2d34e{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-73c98148{--display:flex;}.elementor-1394 .elementor-element.elementor-element-29155ea8{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-7f6d4398{--display:flex;}.elementor-1394 .elementor-element.elementor-element-1c6a7ac9{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-1735e5a6{--display:flex;}.elementor-1394 .elementor-element.elementor-element-2ca6718d{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-773fa406{--display:flex;}.elementor-1394 .elementor-element.elementor-element-6ccb40b0{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-43cc42a1{--display:flex;}.elementor-1394 .elementor-element.elementor-element-18260e5{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-1869d926{--display:flex;}.elementor-1394 .elementor-element.elementor-element-3240ddae{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1394 .elementor-element.elementor-element-1abe5e82{--n-accordion-title-font-size:18px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-1394 .elementor-element.elementor-element-22397cdf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-6bdd62bb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-652a9d3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-2ac734fd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1394 .elementor-element.elementor-element-55dc550f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap: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-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-1394 .elementor-element.elementor-element-524a46ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-1391648f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;--flex-wrap:nowrap;}.elementor-1394 .elementor-element.elementor-element-aa35008 .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-7ddab5d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;--flex-wrap:nowrap;}.elementor-1394 .elementor-element.elementor-element-6bf1ce9b .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-1346a0db{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;--flex-wrap:nowrap;}.elementor-1394 .elementor-element.elementor-element-5a81820e .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-61daf8c6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-289b4ba6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--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-1394 .elementor-element.elementor-element-61b66e78 .elementor-icon-wrapper{text-align:center;}.elementor-1394 .elementor-element.elementor-element-94817dd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:nowrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1394 .elementor-element.elementor-element-5e766895{--min-height:700px;--padding-top:110px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-1394 .elementor-element.elementor-element-2b830678{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-1394 .elementor-element.elementor-element-31aeca66 .elementor-heading-title{font-size:42px;}.elementor-1394 .elementor-element.elementor-element-2c94d102{font-size:14px;}.elementor-1394 .elementor-element.elementor-element-236e6174 .elementor-heading-title{font-size:45px;}.elementor-1394 .elementor-element.elementor-element-15ef5138 .elementor-heading-title{font-size:31px;}.elementor-1394 .elementor-element.elementor-element-481c0e7f .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-1394 .elementor-element.elementor-element-5e766895{--min-height:740px;--padding-top:96px;--padding-bottom:26px;--padding-left:18px;--padding-right:18px;}.elementor-1394 .elementor-element.elementor-element-2b830678{--justify-content:flex-end;}.elementor-1394 .elementor-element.elementor-element-35fbc2ae{--width:100%;}.elementor-1394 .elementor-element.elementor-element-31aeca66 .elementor-heading-title{font-size:36px;}.elementor-1394 .elementor-element.elementor-element-2c94d102{font-size:14px;}.elementor-1394 .elementor-element.elementor-element-236e6174 .elementor-heading-title{font-size:39px;}.elementor-1394 .elementor-element.elementor-element-15ef5138 .elementor-heading-title{font-size:30px;}.elementor-1394 .elementor-element.elementor-element-481c0e7f .elementor-heading-title{font-size:38px;}}@media(min-width:768px){.elementor-1394 .elementor-element.elementor-element-35fbc2ae{--width:58%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1394 .elementor-element.elementor-element-35fbc2ae{--width:72%;}}/* Start custom CSS for container, class: .elementor-element-5e766895 *//* ========================================================= MOUNT BATUR CAMPING — PREMIUM HERO V3 SAFE ELEMENTOR VERSION Paste: Hero Outer > Advanced > Custom CSS ========================================================= */ /* ========================================================= LOCAL GLOBAL PALETTE FALLBACK Same values as MBC Global CSS Contract ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895{ --mbc-forest-950:#0F2D24; --mbc-forest-800:#1E4D3A; --mbc-forest-600:#3F735A; --mbc-sage:#A9BFAE; --mbc-mist:#EAF1EB; --mbc-cream:#F7F5EF; --mbc-white:#FFFFFF; --mbc-ink:#18231D; --mbc-muted:#66756D; --mbc-line:rgba(15,45,36,.14); --mbc-shadow:0 18px 60px rgba(15,45,36,.12); --mbc-radius-sm:12px; --mbc-radius-md:20px; --mbc-radius-lg:30px; --mbc-container:1240px; position:relative; isolation:isolate; width:100%; min-height:500px; overflow:hidden; background-color:var(--mbc-forest-950); } /* ========================================================= CINEMATIC IMAGE OVERLAY ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background: linear-gradient( 90deg, rgba(15,45,36,.92) 0%, rgba(15,45,36,.78) 27%, rgba(15,45,36,.48) 48%, rgba(15,45,36,.14) 72%, rgba(15,45,36,.04) 100% ), linear-gradient( 180deg, rgba(15,45,36,.04) 0%, rgba(15,45,36,.04) 55%, rgba(15,45,36,.65) 100% ); } /* ========================================================= SUBTLE SAGE GLOW ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895::after{ content:""; position:absolute; z-index:0; pointer-events:none; width:560px; height:560px; left:-250px; bottom:-240px; border-radius:50%; background: radial-gradient( circle, rgba(169,191,174,.20) 0%, rgba(63,115,90,.10) 38%, transparent 70% ); filter:blur(20px); } /* ========================================================= KEEP CONTENT ABOVE BACKGROUND ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__inner{ position:relative; z-index:2; width:100%; max-width:var(--mbc-container); margin-inline:auto; } /* ========================================================= LEFT CONTENT ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__content{ position:relative; z-index:3; max-width:690px; padding-left:28px; } /* elegant vertical rule */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__content::before{ content:""; position:absolute; left:0; top:7px; width:1px; height:calc(100% - 14px); background: linear-gradient( 180deg, transparent, var(--mbc-sage) 18%, rgba(169,191,174,.34) 70%, transparent ); } /* tiny accent on rule */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__content::after{ content:""; position:absolute; left:-2px; top:27%; width:5px; height:42px; border-radius:12px; background:var(--mbc-sage); box-shadow: 0 0 24px rgba(169,191,174,.25); } /* ========================================================= EYEBROW ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__eyebrow{ display:flex; align-items:center; gap:12px; margin:0 0 20px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__eyebrow::before{ content:""; width:34px; height:1px; flex:0 0 34px; background:var(--mbc-sage); } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__eyebrow .elementor-heading-title{ margin:0 !important; font-family:"Montserrat",sans-serif !important; font-size:12px !important; font-weight:600 !important; line-height:1.4 !important; letter-spacing:.15em !important; text-transform:uppercase !important; color:var(--mbc-sage) !important; } /* ========================================================= HERO TITLE ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__title{ width:100%; max-width:660px; margin:0 0 22px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__title .elementor-heading-title{ margin:0 !important; font-family:"Cormorant Garamond",serif !important; font-size:58px !important; font-weight:700 !important; line-height:1.02 !important; letter-spacing:-.02em !important; color:var(--mbc-white) !important; text-shadow: 0 4px 30px rgba(15,45,36,.28); } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__description{ width:100%; max-width:590px; margin:0 0 30px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__description, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__description p{ font-family:"Montserrat",sans-serif !important; font-size:16px !important; font-weight:400 !important; line-height:1.75 !important; color:rgba(255,255,255,.82) !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__description p{ margin:0 !important; } /* ========================================================= CTA ROW ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__actions{ margin:0 0 20px !important; } /* ========================================================= PRIMARY BUTTON ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__btn-primary .elementor-button{ min-height:52px; padding:15px 27px !important; border:1px solid var(--mbc-forest-800) !important; border-radius:var(--mbc-radius-sm) !important; background:var(--mbc-forest-800) !important; color:var(--mbc-white) !important; font-family:"Montserrat",sans-serif !important; font-size:14px !important; font-weight:600 !important; font-style:normal !important; line-height:1.2 !important; letter-spacing:.03em !important; box-shadow: 0 12px 32px rgba(15,45,36,.22); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__btn-primary .elementor-button:hover{ transform:translateY(-2px); background:var(--mbc-forest-950) !important; box-shadow: 0 18px 42px rgba(15,45,36,.32); } /* ========================================================= SECONDARY BUTTON ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__btn-secondary .elementor-button{ min-height:52px; padding:15px 27px !important; border: 1px solid rgba(169,191,174,.65) !important; border-radius: var(--mbc-radius-sm) !important; background: rgba(15,45,36,.28) !important; color: var(--mbc-white) !important; font-family:"Montserrat",sans-serif !important; font-size:14px !important; font-weight:600 !important; font-style:normal !important; line-height:1.2 !important; letter-spacing:.03em !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition: transform .25s ease, background .25s ease; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__btn-secondary .elementor-button:hover{ transform:translateY(-2px); background: rgba(30,77,58,.72) !important; } /* ========================================================= TRUST LINE ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__trust{ position:relative; padding-left:17px; margin:0 !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__trust::before{ content:""; position:absolute; left:0; top:50%; width:5px; height:5px; transform:translateY(-50%); border-radius:50%; background:var(--mbc-sage); } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__trust, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__trust p{ margin:0 !important; font-family:"Montserrat",sans-serif !important; font-size:13px !important; font-weight:500 !important; line-height:1.6 !important; color:rgba(255,255,255,.68) !important; } /* ========================================================= EXPERIENCE PANEL ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info{ position:relative; width:100%; max-width:510px; overflow:hidden; padding:0 !important; border: 1px solid rgba(169,191,174,.32) !important; border-radius: var(--mbc-radius-md) !important; background: rgba(15,45,36,.72) !important; box-shadow: 0 22px 55px rgba(15,45,36,.30); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } /* subtle line on top */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info::before{ content:""; position:absolute; z-index:5; top:0; left:28px; right:28px; height:1px; background: linear-gradient( 90deg, transparent, var(--mbc-sage), transparent ); opacity:.75; } /* ========================================================= INFO ITEM ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-item{ position:relative; flex:1 1 0 !important; min-width:0 !important; padding: 19px 17px !important; background: transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } /* divider */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-item:not(:last-child)::after{ content:""; position:absolute; right:0; top:22%; width:1px; height:56%; background: rgba(169,191,174,.26); } /* ========================================================= INFO LABEL ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label p{ margin:0 !important; font-family:"Montserrat",sans-serif !important; font-size:9px !important; font-weight:600 !important; line-height:1.4 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--mbc-sage) !important; } /* ========================================================= INFO VALUE ========================================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-value, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-value .elementor-heading-title{ margin:0 !important; font-family:"Montserrat",sans-serif !important; font-size:13px !important; font-weight:600 !important; line-height:1.4 !important; color:var(--mbc-white) !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width:1024px){ .elementor-1394 .elementor-element.elementor-element-5e766895{ min-height:740px; } .elementor-1394 .elementor-element.elementor-element-5e766895::before{ background: linear-gradient( 90deg, rgba(15,45,36,.91) 0%, rgba(15,45,36,.68) 54%, rgba(15,45,36,.12) 100% ), linear-gradient( 180deg, rgba(15,45,36,.05) 0%, rgba(15,45,36,.15) 55%, rgba(15,45,36,.78) 100% ); } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__content{ width:74% !important; padding-left:24px; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__title .elementor-heading-title{ font-size:46px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__visual{ width:100% !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:767px){ .elementor-1394 .elementor-element.elementor-element-5e766895{ min-height:760px; background-position: 66% center !important; } .elementor-1394 .elementor-element.elementor-element-5e766895::before{ background: linear-gradient( 180deg, rgba(15,45,36,.08) 0%, rgba(15,45,36,.25) 28%, rgba(15,45,36,.78) 60%, rgba(15,45,36,.96) 100% ); } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__content{ width:100% !important; max-width:none; padding-left:18px; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__content::after{ height:32px; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__title{ max-width:100%; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__title .elementor-heading-title{ font-size:38px !important; line-height:1.04 !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__description, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__description p{ font-size:15px !important; line-height:1.7 !important; } /* full width buttons */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__actions{ width:100% !important; flex-direction:column !important; gap:10px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__actions > .elementor-element, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__btn-primary, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__btn-secondary{ width:100% !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__btn-primary .elementor-button, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__btn-secondary .elementor-button{ width:100% !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__trust, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__trust p{ font-size:12px !important; } /* info panel */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__visual{ width:100% !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info{ width:100%; max-width:none; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-item{ padding: 14px 9px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label p{ font-size:7px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-value, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-value .elementor-heading-title{ font-size:10px !important; } } /* ============================================= FIX — HERO EXPERIENCE PANEL ============================================= */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info{ width:520px !important; max-width:100% !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:stretch !important; justify-content:space-between !important; gap:0 !important; padding:0 !important; overflow:hidden !important; background:rgba(15,45,36,.78) !important; border:1px solid rgba(169,191,174,.32) !important; border-radius:var(--mbc-radius-md) !important; box-shadow: 0 22px 60px rgba(15,45,36,.28) !important; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } /* EACH COLUMN */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-item{ position:relative !important; flex:1 1 0 !important; width:auto !important; min-width:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:flex-start !important; gap:5px !important; padding:20px 18px !important; margin:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } /* DIVIDER */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-item:not(:last-child)::after{ content:""; position:absolute; top:22%; right:0; width:1px; height:56%; background:rgba(169,191,174,.26); } /* LABEL */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label{ width:auto !important; margin:0 !important; padding:0 !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label p{ margin:0 !important; font-family:"Montserrat",sans-serif !important; font-size:9px !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:.13em !important; text-transform:uppercase !important; text-align:left !important; color:var(--mbc-sage) !important; } /* VALUE */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-value{ width:auto !important; margin:0 !important; padding:0 !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-value .elementor-heading-title{ margin:0 !important; font-family:"Montserrat",sans-serif !important; font-size:14px !important; font-weight:600 !important; line-height:1.35 !important; text-align:left !important; color:var(--mbc-white) !important; white-space:normal !important; } /* EXPERIENCE COLUMN SLIGHTLY WIDER */ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-item:last-child{ flex-grow:1.25 !important; } /* MOBILE */ @media(max-width:767px){ .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info{ width:100% !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-item{ padding:14px 9px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label, .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-label p{ font-size:7px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__info-value .elementor-heading-title{ font-size:10px !important; } } /* ========================================================= RESPONSIVE HERO HEIGHT FIX Parent mengikuti tinggi content ========================================================= */ /* ========================= DESKTOP ========================= */ @media (min-width:1025px){ .elementor-1394 .elementor-element.elementor-element-5e766895{ height:auto !important; min-height:500px !important; } } /* ========================= TABLET ========================= */ @media (min-width:768px) and (max-width:1024px){ .elementor-1394 .elementor-element.elementor-element-5e766895{ height:auto !important; min-height:0 !important; padding-top:90px !important; padding-bottom:90px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__inner{ height:auto !important; min-height:0 !important; } } /* ========================= MOBILE ========================= */ @media (max-width:767px){ .elementor-1394 .elementor-element.elementor-element-5e766895{ height:auto !important; min-height:0 !important; padding-top:72px !important; padding-bottom:60px !important; } .elementor-1394 .elementor-element.elementor-element-5e766895 .mbc-hero__inner{ height:auto !important; min-height:0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-795d3f87 *//* ========================================================= MOUNT BATUR CAMPING — SECTION 03 TRIPADVISOR REVIEWS — RESPONSIVE FIX Fonts: Cormorant Garamond + Montserrat ONLY FINAL ALL-IN-ONE CSS ========================================================= */ .mbc-reviews{ --forest-950:#0F2D24; --forest-800:#1E4D3A; --forest-600:#3F735A; --sage:#A9BFAE; --mist:#EAF1EB; --cream:#F7F5EF; --white:#FFFFFF; --ink:#18231D; --muted:#66756D; --heading:"Cormorant Garamond",serif; --body:"Montserrat",sans-serif; position:relative!important; isolation:isolate!important; width:100%!important; max-width:100%!important; margin:0!important; padding:86px 24px 92px!important; overflow:hidden!important; background: radial-gradient(circle at 8% 18%,rgba(169,191,174,.18),transparent 28%), linear-gradient(180deg,var(--cream) 0%,#FBFAF6 100%)!important; } .mbc-reviews, .mbc-reviews *, .mbc-reviews *::before, .mbc-reviews *::after{ box-sizing:border-box!important; } .mbc-reviews::before{ content:""!important; position:absolute!important; right:-120px!important; top:-135px!important; width:330px!important; height:330px!important; border:1px solid rgba(63,115,90,.08)!important; border-radius:50%!important; box-shadow: 0 0 0 42px rgba(63,115,90,.035), 0 0 0 84px rgba(63,115,90,.022)!important; pointer-events:none!important; } .mbc-reviews__inner{ position:relative!important; z-index:2!important; width:100%!important; max-width:1280px!important; min-width:0!important; margin:0 auto!important; padding:0!important; } .mbc-reviews__header{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)!important; align-items:end!important; width:100%!important; min-width:0!important; margin:0 0 34px!important; padding:0!important; gap:40px!important; } .mbc-reviews__heading-group{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } .mbc-reviews__eyebrow{ position:relative!important; width:auto!important; margin:0 0 10px!important; padding-left:38px!important; } .mbc-reviews__eyebrow::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:26px!important; height:1px!important; background:var(--forest-600)!important; transform:translateY(-50%)!important; } .mbc-reviews__eyebrow .elementor-heading-title{ margin:0!important; color:var(--forest-600)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:2px!important; text-transform:uppercase!important; } .mbc-reviews__title{ width:100%!important; max-width:680px!important; margin:0!important; } .mbc-reviews__title .elementor-heading-title{ margin:0!important; color:var(--forest-950)!important; font-weight:600!important; line-height:.98!important; letter-spacing:-.8px!important; } .mbc-reviews__title .elementor-heading-title span{ color:var(--forest-600)!important; font-style:italic!important; font-weight:500!important; } .mbc-reviews__intro{ width:100%!important; max-width:430px!important; min-width:0!important; margin:0!important; padding:0 0 4px!important; justify-self:end!important; } .mbc-reviews__intro, .mbc-reviews__intro p{ margin:0!important; color:var(--muted)!important; font-weight:400!important; line-height:1.75!important; } .mbc-reviews__panel{ position:relative!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:18px!important; border:1px solid rgba(169,191,174,.58)!important; border-radius:24px!important; background:rgba(255,255,255,.74)!important; box-shadow:0 22px 60px rgba(15,45,36,.09)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; overflow:hidden!important; } .mbc-reviews__panel::before{ content:""!important; position:absolute!important; left:28px!important; top:0!important; width:86px!important; height:3px!important; border-radius:0 0 999px 999px!important; background:linear-gradient(90deg,var(--forest-800),var(--forest-600),var(--sage))!important; z-index:3!important; } .mbc-reviews__shortcode{ position:relative!important; z-index:2!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } .mbc-reviews__shortcode > .elementor-widget-container{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } /* RESET COMMON TRIPADVISOR / TRUSTINDEX WRAPPERS */ .mbc-reviews__shortcode .ti-widget, .mbc-reviews__shortcode .ti-widget-container, .mbc-reviews__shortcode .ti-widget-container-wrapper, .mbc-reviews__shortcode .ti-reviews-container, .mbc-reviews__shortcode .ti-reviews-container-wrapper, .mbc-reviews__shortcode .ti-reviews-container-wrapper > div, .mbc-reviews__shortcode .trustindex-widget, .mbc-reviews__shortcode [class*="tripadvisor"], .mbc-reviews__shortcode [class*="reviews-container"]{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .mbc-reviews__shortcode img, .mbc-reviews__shortcode svg{ max-width:100%!important; } .mbc-reviews__shortcode iframe{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; border:0!important; border-radius:16px!important; background:transparent!important; } /* TABLET */ @media(max-width:1024px){ .mbc-reviews{ padding:72px 24px 76px!important; } .mbc-reviews__header{ grid-template-columns:1fr!important; align-items:start!important; gap:16px!important; margin-bottom:28px!important; } .mbc-reviews__intro{ justify-self:start!important; max-width:620px!important; padding:0!important; } .mbc-reviews__panel{ padding:14px!important; border-radius:21px!important; } } /* MOBILE */ @media(max-width:767px){ .mbc-reviews{ padding:54px 14px 58px!important; } .mbc-reviews__header{ margin-bottom:20px!important; gap:12px!important; } .mbc-reviews__eyebrow{ margin-bottom:8px!important; padding-left:32px!important; } .mbc-reviews__eyebrow::before{ width:22px!important; } .mbc-reviews__eyebrow .elementor-heading-title{ letter-spacing:1.7px!important; } .mbc-reviews__title .elementor-heading-title{ line-height:1!important; } .mbc-reviews__intro, .mbc-reviews__intro p{ line-height:1.7!important; } .mbc-reviews__panel{ width:100%!important; max-width:100%!important; min-width:0!important; padding:8px!important; border-radius:16px!important; box-shadow:0 12px 30px rgba(15,45,36,.07)!important; overflow:hidden!important; } .mbc-reviews__panel::before{ left:16px!important; width:58px!important; } .mbc-reviews__shortcode, .mbc-reviews__shortcode > .elementor-widget-container{ width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } .mbc-reviews__shortcode .ti-widget, .mbc-reviews__shortcode .ti-widget-container, .mbc-reviews__shortcode .ti-widget-container-wrapper, .mbc-reviews__shortcode .ti-reviews-container, .mbc-reviews__shortcode .ti-reviews-container-wrapper, .mbc-reviews__shortcode .trustindex-widget{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; } .mbc-reviews__shortcode .ti-review-item, .mbc-reviews__shortcode [class*="review-item"], .mbc-reviews__shortcode [class*="review-card"]{ width:100%!important; max-width:100%!important; min-width:0!important; flex:0 0 100%!important; margin-left:0!important; margin-right:0!important; } .mbc-reviews__shortcode .ti-inner, .mbc-reviews__shortcode [class*="inner"]{ max-width:100%!important; min-width:0!important; } .mbc-reviews__shortcode .ti-rating-text, .mbc-reviews__shortcode .ti-rating, .mbc-reviews__shortcode [class*="rating"]{ max-width:100%!important; } .mbc-reviews__shortcode iframe{ width:100%!important; max-width:100%!important; min-width:0!important; border-radius:10px!important; } } /* SMALL MOBILE */ @media(max-width:390px){ .mbc-reviews{ padding-left:12px!important; padding-right:12px!important; } .mbc-reviews__panel{ padding:6px!important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-48fd42cf *//* ========================================================= MEET YOUR LOCAL GUIDE — ORIGINAL DESIGN FINAL TYPOGRAPHY SYSTEM Typography is now controlled by this CSS: - Headings: Cormorant Garamond - Body / UI: Montserrat - Desktop / Tablet / Mobile sizes included - Layout, grid, image, panel, spacing, colors and effects unchanged ========================================================= */ /* ========================================================= MOUNT BATUR CAMPING MEET YOUR LOCAL GUIDE — GREEN BRAND VERSION Concept: CENTRAL PORTRAIT EDITORIAL Native Elementor Containers + Heading + Text + Image + Icon + Button Fonts: Cormorant Garamond + Montserrat ONLY FINAL ALL-IN-ONE CSS ========================================================= */ .mbc-guide-v3{ --forest-950:#0F2D24; --forest-800:#1E4D3A; --forest-600:#3F735A; --sage:#A9BFAE; --mist:#EAF1EB; --cream:#F7F5EF; --white:#FFFFFF; --ink:#18231D; --muted:#66756D; --heading:"Cormorant Garamond",serif; --body:"Montserrat",sans-serif; position:relative!important; isolation:isolate!important; width:100%!important; margin:0!important; padding:86px 24px 90px!important; overflow:hidden!important; background: radial-gradient(circle at 14% 16%,rgba(169,191,174,.30),transparent 26%), radial-gradient(circle at 86% 88%,rgba(63,115,90,.11),transparent 25%), linear-gradient(180deg,#F3F7F3 0%,var(--mist) 100%)!important; color:var(--ink)!important; } .mbc-guide-v3, .mbc-guide-v3 *, .mbc-guide-v3 *::before, .mbc-guide-v3 *::after{ box-sizing:border-box!important; } /* subtle oversized editorial word */ .mbc-guide-v3::before{ content:"GUIDE"!important; position:absolute!important; left:-14px!important; bottom:12px!important; z-index:0!important; color:rgba(15,45,36,.035)!important; font-weight:600!important; line-height:.78!important; letter-spacing:-.06em!important; pointer-events:none!important; } /* contour decoration */ .mbc-guide-v3::after{ content:""!important; position:absolute!important; right:-135px!important; top:-145px!important; z-index:0!important; width:330px!important; height:330px!important; border:1px solid rgba(30,77,58,.08)!important; border-radius:50%!important; box-shadow: 0 0 0 42px rgba(30,77,58,.028), 0 0 0 84px rgba(30,77,58,.016)!important; pointer-events:none!important; } /* ========================================================= INNER — 3 COLUMN ========================================================= */ .mbc-guide-v3__inner{ position:relative!important; z-index:2!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(320px,.78fr) minmax(0,.92fr)!important; align-items:center!important; width:100%!important; max-width:1280px!important; margin:0 auto!important; padding:0!important; gap:44px!important; } /* ========================================================= LEFT INTRO ========================================================= */ .mbc-guide-v3__intro{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; min-width:0!important; margin:0!important; padding:16px 8px 16px 0!important; } .mbc-guide-v3__eyebrow{ position:relative!important; width:auto!important; margin:0 0 13px!important; padding-left:40px!important; } .mbc-guide-v3__eyebrow::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:28px!important; height:1px!important; background:var(--forest-800)!important; transform:translateY(-50%)!important; } .mbc-guide-v3__eyebrow .elementor-heading-title{ margin:0!important; color:var(--forest-800)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:2px!important; text-transform:uppercase!important; } .mbc-guide-v3__title{ width:100%!important; max-width:520px!important; margin:0 0 20px!important; } .mbc-guide-v3__title .elementor-heading-title{ margin:0!important; color:var(--ink)!important; font-weight:600!important; line-height:.97!important; letter-spacing:-.8px!important; } .mbc-guide-v3__title .elementor-heading-title span{ color:var(--forest-800)!important; font-style:italic!important; font-weight:500!important; } .mbc-guide-v3__body{ width:100%!important; max-width:465px!important; margin:0 0 26px!important; } .mbc-guide-v3__body, .mbc-guide-v3__body p{ margin:0!important; color:var(--muted)!important; font-weight:400!important; line-height:1.78!important; } .mbc-guide-v3__body p + p{ margin-top:12px!important; } /* ========================================================= CTA ROW ========================================================= */ .mbc-guide-v3__cta{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; margin:0!important; padding:0!important; gap:16px!important; flex-wrap:wrap!important; } .mbc-guide-v3__button{ margin:0!important; padding:0!important; } .mbc-guide-v3__button .elementor-button{ position:relative!important; overflow:hidden!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:48px!important; padding:13px 23px!important; border:1px solid var(--forest-800)!important; border-radius:999px!important; background:var(--forest-800)!important; color:var(--white)!important; box-shadow: 0 12px 28px rgba(15,45,36,.14), inset 0 1px 0 rgba(255,255,255,.08)!important; font-weight:700!important; line-height:1!important; letter-spacing:1px!important; text-transform:uppercase!important; transition: background-color .28s ease, border-color .28s ease, transform .28s ease, box-shadow .28s ease!important; } .mbc-guide-v3__button .elementor-button-content-wrapper, .mbc-guide-v3__button .elementor-button-text{ display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; line-height:1!important; } @media(hover:hover) and (pointer:fine){ .mbc-guide-v3__button .elementor-button:hover{ background:var(--forest-600)!important; border-color:var(--forest-600)!important; transform:translateY(-2px)!important; box-shadow: 0 16px 34px rgba(15,45,36,.18), 0 0 24px rgba(63,115,90,.10)!important; } } .mbc-guide-v3__link{ position:relative!important; width:auto!important; margin:0!important; } .mbc-guide-v3__link, .mbc-guide-v3__link a{ color:var(--forest-800)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:.9px!important; text-transform:uppercase!important; text-decoration:none!important; } .mbc-guide-v3__link a{ position:relative!important; display:inline-block!important; padding:6px 0!important; } .mbc-guide-v3__link a::after{ content:""!important; position:absolute!important; left:0!important; bottom:1px!important; width:100%!important; height:1px!important; background:var(--forest-600)!important; transform:scaleX(.35)!important; transform-origin:left center!important; transition:transform .28s ease!important; } @media(hover:hover) and (pointer:fine){ .mbc-guide-v3__link a:hover::after{ transform:scaleX(1)!important; } } /* ========================================================= CENTER PORTRAIT ========================================================= */ .mbc-guide-v3__portrait{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; margin:0!important; padding:20px 0 42px!important; } /* sage rotated backdrop */ .mbc-guide-v3__portrait::before{ content:""!important; position:absolute!important; left:50%!important; top:35px!important; z-index:0!important; width:88%!important; height:500px!important; border-radius:210px 210px 30px 30px!important; background: linear-gradient(145deg,rgba(63,115,90,.24),rgba(169,191,174,.72))!important; transform:translateX(-50%) rotate(-3deg)!important; box-shadow:0 20px 48px rgba(15,45,36,.10)!important; pointer-events:none!important; } /* vertical label */ .mbc-guide-v3__portrait::after{ content:"MOUNT BATUR"!important; position:absolute!important; right:-15px!important; top:50%!important; z-index:3!important; color:var(--forest-600)!important; font-weight:700!important; line-height:1!important; letter-spacing:2.3px!important; text-transform:uppercase!important; opacity:.48!important; transform:translateY(-50%) rotate(90deg)!important; pointer-events:none!important; } .mbc-guide-v3__image{ position:relative!important; z-index:2!important; width:100%!important; max-width:360px!important; margin:0!important; } .mbc-guide-v3__image .elementor-widget-container{ position:relative!important; overflow:hidden!important; width:100%!important; height:540px!important; border:1px solid rgba(30,77,58,.16)!important; border-radius:210px 210px 30px 30px!important; background:var(--sage)!important; box-shadow: 0 28px 62px rgba(15,45,36,.18), inset 0 1px 0 rgba(255,255,255,.20)!important; } .mbc-guide-v3__image img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center center!important; transition:transform .7s cubic-bezier(.2,.75,.25,1)!important; } @media(hover:hover) and (pointer:fine){ .mbc-guide-v3__portrait:hover .mbc-guide-v3__image img{ transform:scale(1.035)!important; } } /* ========================================================= NAME CARD ========================================================= */ .mbc-guide-v3__namecard{ position:absolute!important; left:50%!important; bottom:0!important; z-index:5!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; width:78%!important; max-width:285px!important; margin:0!important; padding:17px 22px 15px!important; border:1px solid rgba(30,77,58,.18)!important; border-radius:16px!important; background:rgba(255,255,255,.94)!important; box-shadow: 0 16px 40px rgba(15,45,36,.14), inset 0 1px 0 rgba(255,255,255,.90)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; transform:translateX(-50%)!important; } .mbc-guide-v3__name{ width:100%!important; margin:0 0 3px!important; } .mbc-guide-v3__name .elementor-heading-title{ margin:0!important; color:var(--forest-950)!important; font-weight:600!important; line-height:1!important; text-align:center!important; } .mbc-guide-v3__role{ width:100%!important; margin:0!important; } .mbc-guide-v3__role, .mbc-guide-v3__role p{ margin:0!important; color:var(--forest-600)!important; font-weight:700!important; line-height:1.35!important; letter-spacing:1.4px!important; text-transform:uppercase!important; text-align:center!important; } /* ========================================================= RIGHT SUPPORT PANEL — MAIN GREEN BLOCK ========================================================= */ .mbc-guide-v3__support{ position:relative!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; min-width:0!important; margin:0!important; padding:38px 34px 34px!important; border:1px solid rgba(169,191,174,.18)!important; border-radius:26px 26px 70px 26px!important; background: radial-gradient(circle at 84% 10%,rgba(169,191,174,.12),transparent 30%), linear-gradient(145deg,#0B241D 0%,var(--forest-950) 64%,#173C30 100%)!important; box-shadow: 0 26px 62px rgba(15,45,36,.17), inset 0 1px 0 rgba(255,255,255,.05)!important; } /* panel decorative contour */ .mbc-guide-v3__support::before{ content:""!important; position:absolute!important; right:-72px!important; top:-76px!important; width:210px!important; height:210px!important; border:1px solid rgba(169,191,174,.10)!important; border-radius:50%!important; box-shadow: 0 0 0 28px rgba(169,191,174,.023), 0 0 0 56px rgba(169,191,174,.013)!important; pointer-events:none!important; } /* small bottom accent */ .mbc-guide-v3__support::after{ content:""!important; position:absolute!important; left:34px!important; bottom:0!important; width:72px!important; height:3px!important; border-radius:999px 999px 0 0!important; background:linear-gradient(90deg,var(--sage),var(--forest-600))!important; pointer-events:none!important; } .mbc-guide-v3__support-label{ position:relative!important; width:auto!important; margin:0 0 12px!important; padding-left:36px!important; } .mbc-guide-v3__support-label::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:24px!important; height:1px!important; background:var(--sage)!important; transform:translateY(-50%)!important; } .mbc-guide-v3__support-label .elementor-heading-title{ margin:0!important; color:var(--sage)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:1.8px!important; text-transform:uppercase!important; } .mbc-guide-v3__support-title{ width:100%!important; max-width:380px!important; margin:0 0 26px!important; } .mbc-guide-v3__support-title .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-weight:600!important; line-height:1!important; letter-spacing:-.45px!important; } /* ========================================================= TRUST LIST ========================================================= */ .mbc-guide-v3__trust-list{ display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; margin:0!important; padding:0!important; gap:0!important; } .mbc-guide-v3__trust{ position:relative!important; display:grid!important; grid-template-columns:42px minmax(0,1fr)!important; align-items:start!important; width:100%!important; margin:0!important; padding:16px 0!important; gap:14px!important; border-top:1px solid rgba(169,191,174,.14)!important; } .mbc-guide-v3__trust:last-child{ border-bottom:1px solid rgba(169,191,174,.14)!important; } .mbc-guide-v3__trust-icon{ display:flex!important; align-items:center!important; justify-content:center!important; width:38px!important; height:38px!important; margin:0!important; padding:0!important; border:1px solid rgba(169,191,174,.20)!important; border-radius:50%!important; background:rgba(169,191,174,.09)!important; color:var(--sage)!important; transition: background-color .28s ease, color .28s ease, transform .28s ease, border-color .28s ease!important; } .mbc-guide-v3__trust-icon .elementor-icon{ color:currentColor!important; } .mbc-guide-v3__trust-icon svg{ width:14px!important; height:14px!important; fill:currentColor!important; } .mbc-guide-v3__trust-copy{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; width:100%!important; margin:0!important; padding:0!important; gap:4px!important; } .mbc-guide-v3__trust-title{ width:100%!important; margin:0!important; } .mbc-guide-v3__trust-title .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-weight:600!important; line-height:1.05!important; } .mbc-guide-v3__trust-text{ width:100%!important; margin:0!important; } .mbc-guide-v3__trust-text, .mbc-guide-v3__trust-text p{ margin:0!important; color:rgba(255,255,255,.64)!important; font-weight:400!important; line-height:1.58!important; } @media(hover:hover) and (pointer:fine){ .mbc-guide-v3__trust:hover .mbc-guide-v3__trust-icon{ background:var(--sage)!important; border-color:var(--sage)!important; color:var(--forest-950)!important; transform:translateY(-2px)!important; } .mbc-guide-v3__trust:hover .mbc-guide-v3__trust-title .elementor-heading-title{ color:var(--sage)!important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .mbc-guide-v3{ padding:72px 24px 76px!important; } .mbc-guide-v3__inner{ grid-template-columns:minmax(0,1fr) minmax(300px,.86fr)!important; align-items:start!important; gap:36px!important; } .mbc-guide-v3__intro{ grid-column:1!important; grid-row:1!important; padding:8px 0!important; } .mbc-guide-v3__portrait{ grid-column:2!important; grid-row:1 / span 2!important; padding-top:10px!important; } .mbc-guide-v3__support{ grid-column:1!important; grid-row:2!important; margin-top:4px!important; } .mbc-guide-v3__title .elementor-heading-title{ } .mbc-guide-v3__body, .mbc-guide-v3__body p{ } .mbc-guide-v3__image{ max-width:330px!important; } .mbc-guide-v3__image .elementor-widget-container{ height:500px!important; } .mbc-guide-v3__portrait::before{ height:462px!important; } .mbc-guide-v3__support{ padding:30px 27px 28px!important; } .mbc-guide-v3__support::after{ left:27px!important; } .mbc-guide-v3__support-title .elementor-heading-title{ } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .mbc-guide-v3{ padding:58px 16px 64px!important; } .mbc-guide-v3::before{ left:-6px!important; bottom:8px!important; } .mbc-guide-v3__inner{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:34px!important; } .mbc-guide-v3__intro{ width:100%!important; padding:0!important; } .mbc-guide-v3__eyebrow{ margin-bottom:10px!important; padding-left:34px!important; } .mbc-guide-v3__eyebrow::before{ width:24px!important; } .mbc-guide-v3__eyebrow .elementor-heading-title{ letter-spacing:1.7px!important; } .mbc-guide-v3__title{ margin-bottom:16px!important; } .mbc-guide-v3__title .elementor-heading-title{ line-height:.98!important; } .mbc-guide-v3__body{ max-width:none!important; margin-bottom:22px!important; } .mbc-guide-v3__body, .mbc-guide-v3__body p{ line-height:1.7!important; } .mbc-guide-v3__cta{ gap:13px!important; } .mbc-guide-v3__portrait{ width:100%!important; padding:12px 0 42px!important; } .mbc-guide-v3__portrait::before{ top:25px!important; width:82%!important; height:450px!important; border-radius:190px 190px 26px 26px!important; } .mbc-guide-v3__portrait::after{ right:0!important; } .mbc-guide-v3__image{ max-width:320px!important; } .mbc-guide-v3__image .elementor-widget-container{ height:480px!important; border-radius:190px 190px 26px 26px!important; } .mbc-guide-v3__namecard{ width:74%!important; max-width:260px!important; padding:15px 18px 14px!important; } .mbc-guide-v3__name .elementor-heading-title{ } .mbc-guide-v3__support{ width:100%!important; padding:30px 24px 27px!important; border-radius:22px 22px 54px 22px!important; } .mbc-guide-v3__support::after{ left:24px!important; } .mbc-guide-v3__support-title{ margin-bottom:20px!important; } .mbc-guide-v3__support-title .elementor-heading-title{ } .mbc-guide-v3__trust{ grid-template-columns:40px minmax(0,1fr)!important; padding:14px 0!important; gap:12px!important; } .mbc-guide-v3__trust-icon{ width:36px!important; height:36px!important; } .mbc-guide-v3__trust-title .elementor-heading-title{ } .mbc-guide-v3__trust-text, .mbc-guide-v3__trust-text p{ } } /* ========================================================= SMALL MOBILE ========================================================= */ @media(max-width:390px){ .mbc-guide-v3{ padding-left:14px!important; padding-right:14px!important; } .mbc-guide-v3__title .elementor-heading-title{ } .mbc-guide-v3__image{ max-width:295px!important; } .mbc-guide-v3__image .elementor-widget-container{ height:445px!important; } .mbc-guide-v3__portrait::before{ width:80%!important; height:420px!important; } .mbc-guide-v3__support-title .elementor-heading-title{ } } @media(prefers-reduced-motion:reduce){ .mbc-guide-v3__button .elementor-button, .mbc-guide-v3__link a::after, .mbc-guide-v3__image img, .mbc-guide-v3__trust-icon{ transition:none!important; } } /* ROLE SUPPORT — Text Editor OR Heading Widget */ .mbc-guide-v3__role .elementor-heading-title{ margin:0!important; color:var(--forest-600)!important; font-weight:700!important; line-height:1.35!important; letter-spacing:1.4px!important; text-transform:uppercase!important; text-align:center!important; } /* ========================================================= DECORATIVE / ICON ONLY These are not normal Elementor text widgets. ========================================================= */ .mbc-guide-v3::before{ font-family:"Cormorant Garamond",serif!important; font-size:clamp(120px,17vw,260px)!important; } .mbc-guide-v3__portrait::after{ font-family:"Montserrat",sans-serif!important; font-size:8px!important; } .mbc-guide-v3__trust-icon .elementor-icon{ font-size:14px!important; } @media(max-width:767px){ .mbc-guide-v3::before{ font-size:100px!important; } .mbc-guide-v3__portrait::after{ font-size:7.2px!important; } } /* ========================================================= FINAL TYPOGRAPHY SYSTEM HEADINGS = Cormorant Garamond BODY / UI = Montserrat ========================================================= */ /* ---------- DESKTOP ---------- */ /* Eyebrow */ .mbc-guide-v3__eyebrow .elementor-heading-title{ font-family:"Montserrat",sans-serif!important; font-size:9px!important; } /* Main heading */ .mbc-guide-v3__title .elementor-heading-title{ font-family:"Cormorant Garamond",serif!important; font-size:52px!important; } /* Main heading accent stays same family */ .mbc-guide-v3__title .elementor-heading-title span{ font-family:"Cormorant Garamond",serif!important; } /* Body copy */ .mbc-guide-v3__body, .mbc-guide-v3__body p{ font-family:"Montserrat",sans-serif!important; font-size:11.5px!important; } /* CTA */ .mbc-guide-v3__button .elementor-button, .mbc-guide-v3__button .elementor-button-text{ font-family:"Montserrat",sans-serif!important; font-size:9px!important; } /* Secondary link */ .mbc-guide-v3__link, .mbc-guide-v3__link a{ font-family:"Montserrat",sans-serif!important; font-size:9px!important; } /* Guide name */ .mbc-guide-v3__name .elementor-heading-title{ font-family:"Cormorant Garamond",serif!important; font-size:25px!important; } /* Guide role */ .mbc-guide-v3__role, .mbc-guide-v3__role p, .mbc-guide-v3__role .elementor-heading-title{ font-family:"Montserrat",sans-serif!important; font-size:7.5px!important; } /* Right panel eyebrow */ .mbc-guide-v3__support-label .elementor-heading-title{ font-family:"Montserrat",sans-serif!important; font-size:8px!important; } /* Right panel heading */ .mbc-guide-v3__support-title .elementor-heading-title{ font-family:"Cormorant Garamond",serif!important; font-size:35px!important; } /* Trust titles */ .mbc-guide-v3__trust-title .elementor-heading-title{ font-family:"Cormorant Garamond",serif!important; font-size:21px!important; } /* Trust descriptions */ .mbc-guide-v3__trust-text, .mbc-guide-v3__trust-text p{ font-family:"Montserrat",sans-serif!important; font-size:9px!important; } /* Decorative word GUIDE */ .mbc-guide-v3::before{ font-family:"Cormorant Garamond",serif!important; font-size:clamp(120px,17vw,260px)!important; } /* Vertical MOUNT BATUR */ .mbc-guide-v3__portrait::after{ font-family:"Montserrat",sans-serif!important; font-size:8px!important; } /* ---------- TABLET ---------- */ @media(max-width:1024px){ .mbc-guide-v3__title .elementor-heading-title{ font-size:45px!important; } .mbc-guide-v3__body, .mbc-guide-v3__body p{ font-size:10.8px!important; } .mbc-guide-v3__support-title .elementor-heading-title{ font-size:31px!important; } } /* ---------- MOBILE ---------- */ @media(max-width:767px){ .mbc-guide-v3__eyebrow .elementor-heading-title{ font-size:8.4px!important; } .mbc-guide-v3__title .elementor-heading-title{ font-size:39px!important; } .mbc-guide-v3__body, .mbc-guide-v3__body p{ font-size:10.6px!important; } .mbc-guide-v3__name .elementor-heading-title{ font-size:23px!important; } .mbc-guide-v3__support-title .elementor-heading-title{ font-size:30px!important; } .mbc-guide-v3__trust-title .elementor-heading-title{ font-size:20px!important; } .mbc-guide-v3__trust-text, .mbc-guide-v3__trust-text p{ font-size:8.8px!important; } .mbc-guide-v3::before{ font-size:100px!important; } .mbc-guide-v3__portrait::after{ font-size:7.2px!important; } } /* ---------- SMALL MOBILE ---------- */ @media(max-width:390px){ .mbc-guide-v3__title .elementor-heading-title{ font-size:36px!important; } .mbc-guide-v3__support-title .elementor-heading-title{ font-size:28px!important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-508f6216 *//* ========================================================= MOUNT BATUR CAMPING — ABOUT THE EXPERIENCE Premium Editorial 2-Column Section Native Elementor Containers + Image + Heading + Text + Button Fonts: Cormorant Garamond + Montserrat ONLY FINAL ALL-IN-ONE CSS ========================================================= */ .mbc-exp{ --forest-950:#0F2D24; --forest-800:#1E4D3A; --forest-600:#3F735A; --sage:#A9BFAE; --mist:#EAF1EB; --cream:#F7F5EF; --white:#FFFFFF; --ink:#18231D; --muted:#66756D; --heading:"Cormorant Garamond",serif; --body:"Montserrat",sans-serif; /* ======================================================= FONT FAMILY + FONT SIZE = ELEMENTOR CONTROL CSS ini TIDAK mengunci: - Font Family - Font Size Atur sendiri pada masing-masing widget: Elementor > Style > Typography Semua visual lain tetap dikontrol CSS: warna, font-weight, line-height, letter-spacing, spacing, layout, image, hover, stats, responsive, border, radius, shadow, dll. ======================================================= */ position:relative!important; isolation:isolate!important; width:100%!important; margin:0!important; padding:104px 24px 110px!important; overflow:hidden!important; background: radial-gradient(circle at 92% 12%,rgba(63,115,90,.16),transparent 28%), radial-gradient(circle at 8% 88%,rgba(169,191,174,.24),transparent 26%), linear-gradient(180deg,#F3F7F3 0%,var(--mist) 100%)!important; } .mbc-exp, .mbc-exp *, .mbc-exp *::before, .mbc-exp *::after{ box-sizing:border-box!important; } .mbc-exp::before{ content:""!important; position:absolute!important; left:-130px!important; bottom:-145px!important; width:340px!important; height:340px!important; border:1px solid rgba(30,77,58,.10)!important; border-radius:50%!important; box-shadow: 0 0 0 46px rgba(30,77,58,.032), 0 0 0 92px rgba(30,77,58,.018)!important; pointer-events:none!important; } .mbc-exp__inner{ position:relative!important; z-index:2!important; display:grid!important; grid-template-columns:minmax(420px,.98fr) minmax(0,1.02fr)!important; align-items:center!important; width:100%!important; max-width:1240px!important; margin:0 auto!important; padding:0!important; gap:82px!important; } /* ========================================================= VISUAL ========================================================= */ .mbc-exp__visual{ position:relative!important; width:100%!important; min-width:0!important; margin:0!important; padding:28px 30px 30px 0!important; } .mbc-exp__visual::before{ content:""!important; position:absolute!important; right:0!important; top:0!important; width:78%!important; height:76%!important; z-index:0!important; border:1px solid rgba(30,77,58,.20)!important; border-radius:30px 30px 130px 30px!important; background: linear-gradient(145deg,rgba(63,115,90,.22),rgba(169,191,174,.72))!important; } .mbc-exp__image{ position:relative!important; z-index:2!important; width:100%!important; margin:0!important; padding:0!important; } .mbc-exp__image img{ display:block!important; width:100%!important; height:610px!important; object-fit:cover!important; object-position:center center!important; border-radius:30px 30px 150px 30px!important; box-shadow: 0 26px 64px rgba(15,45,36,.18), 0 0 0 1px rgba(30,77,58,.06)!important; } .mbc-exp__visual-line{ position:absolute!important; left:18px!important; bottom:8px!important; z-index:3!important; width:auto!important; margin:0!important; padding:9px 13px!important; border:1px solid rgba(30,77,58,.65)!important; border-radius:999px!important; background:rgba(30,77,58,.94)!important; box-shadow:0 12px 30px rgba(15,45,36,.09)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } .mbc-exp__visual-line .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-weight:700!important; line-height:1.2!important; letter-spacing:1.6px!important; text-transform:uppercase!important; } /* ========================================================= CONTENT ========================================================= */ .mbc-exp__content{ position:relative!important; width:100%!important; min-width:0!important; margin:0!important; padding:8px 0 0!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; } .mbc-exp__eyebrow{ position:relative!important; width:auto!important; margin:0 0 13px!important; padding-left:40px!important; } .mbc-exp__eyebrow::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:28px!important; height:1px!important; background:var(--forest-600)!important; transform:translateY(-50%)!important; } .mbc-exp__eyebrow .elementor-heading-title{ margin:0!important; color:var(--forest-600)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:2px!important; text-transform:uppercase!important; } .mbc-exp__title{ width:100%!important; max-width:650px!important; margin:0 0 22px!important; } .mbc-exp__title .elementor-heading-title{ margin:0!important; color:var(--forest-950)!important; font-weight:600!important; line-height:.96!important; letter-spacing:-1px!important; } .mbc-exp__body{ width:100%!important; max-width:620px!important; margin:0 0 28px!important; } .mbc-exp__body, .mbc-exp__body p{ margin:0!important; color:var(--muted)!important; font-weight:400!important; line-height:1.82!important; } .mbc-exp__body p + p{ margin-top:12px!important; } /* ========================================================= STATS — INTEGRATED, NOT CARDS ========================================================= */ .mbc-exp__stats{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; width:100%!important; margin:0 0 28px!important; padding:18px 0!important; gap:0!important; border-top:1px solid rgba(169,191,174,.48)!important; border-bottom:1px solid rgba(169,191,174,.48)!important; } .mbc-exp__stat{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; min-width:0!important; margin:0!important; padding:0 20px!important; gap:3px!important; } .mbc-exp__stat:first-child{ padding-left:0!important; } .mbc-exp__stat + .mbc-exp__stat{ border-left:1px solid rgba(169,191,174,.34)!important; } .mbc-exp__stat-value{ margin:0!important; } .mbc-exp__stat-value .elementor-heading-title{ margin:0!important; color:var(--forest-950)!important; font-weight:600!important; line-height:1!important; } .mbc-exp__stat-label{ margin:0!important; } .mbc-exp__stat-label .elementor-heading-title{ margin:0!important; color:var(--muted)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:1.05px!important; text-transform:uppercase!important; } /* ========================================================= FOOTNOTE / OPTIONAL HOT SPRING ========================================================= */ .mbc-exp__note{ display:flex!important; align-items:flex-start!important; width:100%!important; max-width:610px!important; margin:0!important; padding:0!important; gap:10px!important; } .mbc-exp__note-icon{ flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:center!important; width:30px!important; height:30px!important; margin:0!important; padding:0!important; border-radius:9px!important; background:var(--forest-800)!important; color:var(--white)!important; } .mbc-exp__note-icon .elementor-icon{ color:currentColor!important; } .mbc-exp__note-icon svg{ width:13px!important; height:13px!important; fill:currentColor!important; } .mbc-exp__note-text{ margin:0!important; } .mbc-exp__note-text, .mbc-exp__note-text p{ margin:0!important; color:var(--muted)!important; font-weight:500!important; line-height:1.55!important; } /* ========================================================= GREEN BRAND ENHANCEMENT Keeps the original layout — color/effect only ========================================================= */ /* slightly richer green title accent on hover-capable devices */ @media(hover:hover) and (pointer:fine){ .mbc-exp__image img{ transition:transform .65s cubic-bezier(.2,.75,.25,1), filter .45s ease!important; } .mbc-exp__visual:hover .mbc-exp__image img{ transform:scale(1.018)!important; filter:saturate(1.04) contrast(1.01)!important; } .mbc-exp__stat{ transition:transform .28s ease!important; } .mbc-exp__stat:hover{ transform:translateY(-2px)!important; } .mbc-exp__stat:hover .mbc-exp__stat-value .elementor-heading-title{ color:var(--forest-600)!important; } .mbc-exp__note-icon{ transition: transform .28s ease, background-color .28s ease!important; } .mbc-exp__note:hover .mbc-exp__note-icon{ background:var(--forest-600)!important; transform:translateY(-2px)!important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .mbc-exp{ padding:82px 24px 88px!important; } .mbc-exp__inner{ grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)!important; gap:48px!important; } .mbc-exp__visual{ padding:22px 24px 26px 0!important; } .mbc-exp__image img{ height:520px!important; border-radius:26px 26px 120px 26px!important; } .mbc-exp__visual::before{ border-radius:26px 26px 105px 26px!important; } .mbc-exp__title .elementor-heading-title{ } .mbc-exp__body, .mbc-exp__body p{ } .mbc-exp__stat{ padding:0 14px!important; } .mbc-exp__stat:first-child{ padding-left:0!important; } .mbc-exp__stat-value .elementor-heading-title{ } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .mbc-exp{ padding:64px 16px 70px!important; } .mbc-exp__inner{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:36px!important; } .mbc-exp__visual{ max-width:520px!important; margin:0 auto!important; padding:18px 18px 24px 0!important; } .mbc-exp__image img{ height:470px!important; border-radius:24px 24px 100px 24px!important; } .mbc-exp__visual::before{ width:82%!important; height:74%!important; border-radius:24px 24px 90px 24px!important; } .mbc-exp__visual-line{ left:12px!important; bottom:2px!important; } .mbc-exp__eyebrow{ margin-bottom:10px!important; padding-left:34px!important; } .mbc-exp__eyebrow::before{ width:24px!important; } .mbc-exp__title{ margin-bottom:18px!important; } .mbc-exp__title .elementor-heading-title{ line-height:.98!important; } .mbc-exp__body{ margin-bottom:24px!important; } .mbc-exp__body, .mbc-exp__body p{ line-height:1.74!important; } .mbc-exp__stats{ margin-bottom:24px!important; padding:16px 0!important; } .mbc-exp__stat{ padding:0 10px!important; } .mbc-exp__stat:first-child{ padding-left:0!important; } .mbc-exp__stat-value .elementor-heading-title{ } .mbc-exp__stat-label .elementor-heading-title{ letter-spacing:.8px!important; } } @media(max-width:480px){ .mbc-exp__stats{ grid-template-columns:1fr!important; padding:8px 0!important; } .mbc-exp__stat{ padding:12px 0!important; } .mbc-exp__stat + .mbc-exp__stat{ border-left:0!important; border-top:1px solid rgba(169,191,174,.30)!important; } } @media(max-width:390px){ .mbc-exp{ padding-left:14px!important; padding-right:14px!important; } .mbc-exp__image img{ height:430px!important; } .mbc-exp__title .elementor-heading-title{ } } /* ========================================================= MOUNT BATUR CAMPING — ABOUT EXPERIENCE MOBILE FINAL OVERRIDE Stats tetap 3 kolom horizontal ========================================================= */ @media (max-width:767px){ /* SECTION */ .mbc-exp{ padding: 60px 16px 66px!important; } /* MAIN LAYOUT */ .mbc-exp__inner{ display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; gap:32px!important; } /* ========================= IMAGE ========================= */ .mbc-exp__visual{ width:100%!important; max-width:520px!important; margin:0 auto!important; padding: 16px 16px 22px 0!important; } .mbc-exp__image img{ width:100%!important; height:440px!important; object-fit:cover!important; border-radius: 24px 24px 90px 24px!important; } .mbc-exp__visual::before{ width:82%!important; height:74%!important; border-radius: 24px 24px 82px 24px!important; } .mbc-exp__visual-line{ left:10px!important; bottom:0!important; padding: 8px 11px!important; } .mbc-exp__visual-line .elementor-heading-title{ letter-spacing:1.3px!important; } /* ========================= CONTENT ========================= */ .mbc-exp__content{ width:100%!important; padding:0!important; } .mbc-exp__eyebrow{ margin-bottom:9px!important; padding-left:32px!important; } .mbc-exp__eyebrow::before{ width:22px!important; } .mbc-exp__eyebrow .elementor-heading-title{ letter-spacing:1.7px!important; } .mbc-exp__title{ width:100%!important; margin-bottom:17px!important; } .mbc-exp__title .elementor-heading-title{ line-height:.98!important; letter-spacing:-.5px!important; } .mbc-exp__body{ width:100%!important; margin-bottom:22px!important; } .mbc-exp__body, .mbc-exp__body p{ line-height:1.72!important; } .mbc-exp__body p + p{ margin-top:10px!important; } /* ===================================================== STATS — KEEP 3 COLUMNS ===================================================== */ .mbc-exp__stats{ display:grid!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; align-items:stretch!important; width:100%!important; margin: 0 0 22px!important; padding: 16px 0!important; gap:0!important; border-top: 1px solid rgba(169,191,174,.48)!important; border-bottom: 1px solid rgba(169,191,174,.48)!important; } .mbc-exp__stat{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; min-width:0!important; padding: 0 10px!important; gap:3px!important; border-top:0!important; } .mbc-exp__stat:first-child{ padding-left:0!important; } .mbc-exp__stat + .mbc-exp__stat{ border-top:0!important; border-left: 1px solid rgba(169,191,174,.34)!important; } .mbc-exp__stat-value{ margin:0!important; } .mbc-exp__stat-value .elementor-heading-title{ margin:0!important; "Cormorant Garamond", serif!important; font-weight:600!important; line-height:1!important; color:#0F2D24!important; white-space:nowrap!important; } .mbc-exp__stat-label{ margin:0!important; } .mbc-exp__stat-label .elementor-heading-title{ margin:0!important; "Montserrat", sans-serif!important; font-weight:700!important; line-height:1.25!important; letter-spacing:.7px!important; color:#66756D!important; text-transform:uppercase!important; white-space:nowrap!important; } /* ========================= OPTIONAL NOTE ========================= */ .mbc-exp__note{ display:grid!important; grid-template-columns: 30px minmax(0,1fr)!important; align-items:start!important; width:100%!important; gap:9px!important; } .mbc-exp__note-icon{ width:30px!important; height:30px!important; border-radius:9px!important; } .mbc-exp__note-text, .mbc-exp__note-text p{ line-height:1.5!important; } } /* ========================================================= SMALL MOBILE Override rule lama ≤480px yang membuat stats vertikal ========================================================= */ @media (max-width:480px){ .mbc-exp__stats{ display:grid!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; padding: 15px 0!important; } .mbc-exp__stat{ padding: 0 8px!important; border-top:0!important; } .mbc-exp__stat:first-child{ padding-left:0!important; } .mbc-exp__stat + .mbc-exp__stat{ border-top:0!important; border-left: 1px solid rgba(169,191,174,.34)!important; } .mbc-exp__stat-value .elementor-heading-title{ } .mbc-exp__stat-label .elementor-heading-title{ letter-spacing:.5px!important; } } /* ========================================================= EXTRA SMALL ========================================================= */ @media (max-width:390px){ .mbc-exp{ padding: 56px 14px 62px!important; } .mbc-exp__image img{ height:410px!important; } .mbc-exp__title .elementor-heading-title{ } .mbc-exp__stats{ padding: 14px 0!important; } .mbc-exp__stat{ padding: 0 6px!important; } .mbc-exp__stat-value .elementor-heading-title{ } .mbc-exp__stat-label .elementor-heading-title{ letter-spacing:.4px!important; } } /* ========================================================= ICON SIZE ONLY Ini bukan typography text, jadi tetap dikontrol CSS. ========================================================= */ .mbc-exp__note-icon .elementor-icon{ font-size:13px!important; } .mbc-exp__note-icon svg{ width:13px!important; height:13px!important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4210e290 */* ========================================================= MOUNT BATUR CAMPING — SECTION 07 WHY CHOOSE THIS EXPERIENCE Concept: THE MOUNTAIN REASONS TRAIL Native Elementor Containers + Heading + Text + Icon + Button Fonts: Cormorant Garamond + Montserrat ONLY FINAL ALL-IN-ONE CSS ========================================================= */ .mbc-whyexp{ --forest-950:#0F2D24; --forest-800:#1E4D3A; --forest-600:#3F735A; --sage:#A9BFAE; --mist:#EAF1EB; --cream:#F7F5EF; --white:#FFFFFF; --ink:#18231D; --muted:#66756D; --heading:"Cormorant Garamond",serif; --body:"Montserrat",sans-serif; /* ======================================================= FONT FAMILY + FONT SIZE = ELEMENTOR CONTROL CSS ini tidak mengunci Family maupun Size pada widget. Atur sendiri: Widget > Style > Typography • Family • Size • Desktop / Tablet / Mobile Semua visual lain tetap diatur CSS: warna, weight, line-height, letter-spacing, layout, spacing, hover, icon, border, shadow, responsive, dll. ======================================================= */ position:relative!important; isolation:isolate!important; width:100%!important; margin:0!important; padding:72px 24px 66px!important; overflow:hidden!important; background: radial-gradient(circle at 12% 12%,rgba(169,191,174,.10),transparent 24%), radial-gradient(circle at 88% 84%,rgba(63,115,90,.18),transparent 28%), linear-gradient(145deg,#0B241D 0%,var(--forest-950) 52%,#14382D 100%)!important; color:var(--white)!important; } .mbc-whyexp, .mbc-whyexp *, .mbc-whyexp *::before, .mbc-whyexp *::after{ box-sizing:border-box!important; } /* large editorial word */ .mbc-whyexp::before{ content:"WHY"!important; position:absolute!important; left:-16px!important; top:24px!important; z-index:0!important; color:rgba(255,255,255,.025)!important; font-weight:600!important; line-height:.8!important; letter-spacing:-.07em!important; pointer-events:none!important; } /* contour rings */ .mbc-whyexp::after{ content:""!important; position:absolute!important; right:-120px!important; top:-130px!important; z-index:0!important; width:330px!important; height:330px!important; border:1px solid rgba(169,191,174,.10)!important; border-radius:50%!important; box-shadow: 0 0 0 44px rgba(169,191,174,.035), 0 0 0 88px rgba(169,191,174,.020)!important; pointer-events:none!important; } .mbc-whyexp__inner{ position:relative!important; z-index:2!important; width:100%!important; max-width:1240px!important; margin:0 auto!important; padding:0!important; } /* ========================================================= HEADER ========================================================= */ .mbc-whyexp__head{ display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important; align-items:end!important; width:100%!important; margin:0 0 36px!important; padding:0 0 22px!important; gap:58px!important; border-bottom:1px solid rgba(169,191,174,.20)!important; } .mbc-whyexp__heading-wrap{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } .mbc-whyexp__eyebrow{ position:relative!important; width:auto!important; margin:0 0 12px!important; padding-left:40px!important; } .mbc-whyexp__eyebrow::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:28px!important; height:1px!important; background:var(--sage)!important; transform:translateY(-50%)!important; } .mbc-whyexp__eyebrow .elementor-heading-title{ margin:0!important; color:var(--sage)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:2.1px!important; text-transform:uppercase!important; } .mbc-whyexp__title{ width:100%!important; max-width:720px!important; margin:0!important; } .mbc-whyexp__title .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-weight:600!important; line-height:.96!important; letter-spacing:-1px!important; } .mbc-whyexp__title .elementor-heading-title span{ color:var(--sage)!important; font-style:italic!important; font-weight:500!important; } .mbc-whyexp__intro{ width:100%!important; max-width:430px!important; margin:0!important; padding:0 0 4px!important; justify-self:end!important; } .mbc-whyexp__intro, .mbc-whyexp__intro p{ margin:0!important; color:rgba(234,241,235,.68)!important; font-weight:400!important; line-height:1.8!important; } /* ========================================================= TRAIL ========================================================= */ .mbc-whyexp__trail{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; margin:0!important; padding:2px 0!important; gap:0!important; } /* central trail line */ .mbc-whyexp__trail::before{ content:""!important; position:absolute!important; left:50%!important; top:0!important; bottom:0!important; width:1px!important; background:linear-gradient( 180deg, transparent 0%, rgba(169,191,174,.32) 8%, rgba(169,191,174,.32) 92%, transparent 100% )!important; transform:translateX(-50%)!important; pointer-events:none!important; } /* ========================================================= REASON ROW ========================================================= */ .mbc-whyexp__reason{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)!important; align-items:center!important; width:100%!important; min-height:124px!important; margin:0!important; padding:12px 0!important; gap:28px!important; } /* copy left on odd */ .mbc-whyexp__reason:nth-child(odd) .mbc-whyexp__copy{ grid-column:1!important; grid-row:1!important; justify-self:end!important; align-items:flex-end!important; max-width:430px!important; text-align:right!important; } /* node always center */ .mbc-whyexp__reason .mbc-whyexp__node{ grid-column:2!important; grid-row:1!important; } /* copy right on even */ .mbc-whyexp__reason:nth-child(even) .mbc-whyexp__copy{ grid-column:3!important; grid-row:1!important; justify-self:start!important; align-items:flex-start!important; max-width:430px!important; text-align:left!important; } /* short horizontal connector */ .mbc-whyexp__reason::before{ content:""!important; position:absolute!important; top:50%!important; width:46px!important; height:1px!important; background:rgba(169,191,174,.26)!important; transform:translateY(-50%)!important; } .mbc-whyexp__reason:nth-child(odd)::before{ left:calc(50% - 82px)!important; } .mbc-whyexp__reason:nth-child(even)::before{ left:calc(50% + 36px)!important; } /* ========================================================= NODE / ICON — EMERALD MOUNTAIN SEAL V3 Cleaner, more luxurious, less gimmicky ========================================================= */ .mbc-whyexp__node{ --node-deep:#0B2A21; --node-mid:#1E4D3A; --node-soft:#A9BFAE; --node-light:#DCE8DE; position:relative!important; z-index:3!important; display:flex!important; align-items:center!important; justify-content:center!important; width:58px!important; height:58px!important; margin:0 auto!important; padding:0!important; border:1px solid rgba(220,232,222,.38)!important; border-radius:50%!important; background: radial-gradient(circle at 32% 24%,rgba(255,255,255,.13),transparent 26%), linear-gradient(145deg,#235642 0%,var(--node-mid) 46%,var(--node-deep) 100%)!important; color:var(--node-light)!important; box-shadow: 0 0 0 6px rgba(15,45,36,.94), 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.11), inset 0 -10px 20px rgba(0,0,0,.08)!important; overflow:visible!important; transition: transform .36s cubic-bezier(.2,.75,.25,1), border-color .36s ease, box-shadow .36s ease, background .36s ease, color .36s ease!important; } /* refined broken orbit ring */ .mbc-whyexp__node::before{ content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:74px!important; height:74px!important; border-radius:50%!important; background: conic-gradient( from 20deg, rgba(220,232,222,.62) 0deg 34deg, transparent 34deg 94deg, rgba(169,191,174,.34) 94deg 128deg, transparent 128deg 208deg, rgba(220,232,222,.46) 208deg 240deg, transparent 240deg 320deg, rgba(169,191,174,.28) 320deg 344deg, transparent 344deg 360deg )!important; -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px))!important; mask: radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px))!important; transform:translate(-50%,-50%) rotate(0deg)!important; opacity:.74!important; filter:drop-shadow(0 0 5px rgba(169,191,174,.05))!important; transition: transform .48s cubic-bezier(.2,.75,.25,1), opacity .36s ease, filter .36s ease!important; pointer-events:none!important; } /* luxury highlight sheen */ .mbc-whyexp__node::after{ content:""!important; position:absolute!important; left:10px!important; top:8px!important; width:36px!important; height:16px!important; border-radius:50%!important; background: linear-gradient( 115deg, transparent 5%, rgba(255,255,255,.18) 48%, rgba(255,255,255,.04) 70%, transparent 92% )!important; transform:rotate(-18deg)!important; opacity:.58!important; transition: transform .42s cubic-bezier(.2,.75,.25,1), opacity .36s ease!important; pointer-events:none!important; } /* inner medallion */ .mbc-whyexp__node .elementor-icon{ position:relative!important; z-index:2!important; display:flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:36px!important; border:1px solid rgba(255,255,255,.10)!important; border-radius:50%!important; background: radial-gradient(circle at 35% 28%,rgba(255,255,255,.10),transparent 42%), rgba(255,255,255,.035)!important; color:currentColor!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 6px 14px rgba(0,0,0,.11)!important; backdrop-filter:blur(3px)!important; -webkit-backdrop-filter:blur(3px)!important; transition: transform .36s cubic-bezier(.2,.75,.25,1), background .36s ease, box-shadow .36s ease!important; } .mbc-whyexp__node svg{ width:17px!important; height:17px!important; fill:currentColor!important; } /* subtle tone variation only — same green family */ .mbc-whyexp__reason:nth-child(2) .mbc-whyexp__node{ --node-mid:#245C46; } .mbc-whyexp__reason:nth-child(3) .mbc-whyexp__node{ --node-mid:#2E664F; } .mbc-whyexp__reason:nth-child(4) .mbc-whyexp__node{ --node-mid:#1A4737; } /* ========================================================= COPY ========================================================= */ .mbc-whyexp__copy{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; gap:6px!important; } .mbc-whyexp__number{ width:auto!important; margin:0 0 2px!important; } .mbc-whyexp__number .elementor-heading-title{ margin:0!important; color:rgba(169,191,174,.52)!important; font-weight:700!important; line-height:1.2!important; letter-spacing:1.8px!important; } .mbc-whyexp__reason-title{ width:100%!important; margin:0!important; } .mbc-whyexp__reason-title .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-weight:600!important; line-height:1.02!important; letter-spacing:-.35px!important; } .mbc-whyexp__reason-text{ width:100%!important; max-width:390px!important; margin:0!important; } .mbc-whyexp__reason:nth-child(odd) .mbc-whyexp__reason-text{ margin-left:auto!important; } .mbc-whyexp__reason-text, .mbc-whyexp__reason-text p{ margin:0!important; color:rgba(234,241,235,.62)!important; font-weight:400!important; line-height:1.65!important; } /* ========================================================= HOVER — EMERALD SEAL INTERACTION V3 ========================================================= */ @media(hover:hover) and (pointer:fine){ .mbc-whyexp__reason:hover .mbc-whyexp__node{ background: radial-gradient(circle at 34% 24%,rgba(255,255,255,.28),transparent 27%), linear-gradient(145deg,#D7E5DA 0%,#B7CDBB 48%,#8FAF96 100%)!important; color:var(--forest-950)!important; border-color:rgba(255,255,255,.74)!important; transform:translateY(-4px) scale(1.055)!important; box-shadow: 0 0 0 6px rgba(15,45,36,.92), 0 18px 38px rgba(0,0,0,.24), 0 0 26px rgba(169,191,174,.16), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -9px 18px rgba(30,77,58,.07)!important; } .mbc-whyexp__reason:hover .mbc-whyexp__node::before{ transform:translate(-50%,-50%) rotate(48deg) scale(1.045)!important; opacity:1!important; filter:drop-shadow(0 0 8px rgba(169,191,174,.18))!important; } .mbc-whyexp__reason:hover .mbc-whyexp__node::after{ transform:translate(5px,2px) rotate(-12deg) scale(1.08)!important; opacity:.88!important; } .mbc-whyexp__reason:hover .mbc-whyexp__node .elementor-icon{ background:rgba(255,255,255,.14)!important; transform:scale(1.10)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 8px 16px rgba(15,45,36,.11)!important; } .mbc-whyexp__reason:hover .mbc-whyexp__reason-title .elementor-heading-title{ color:#C9DCCB!important; } } /* ========================================================= FOOT / CTA ========================================================= */ .mbc-whyexp__foot{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; width:100%!important; margin:30px 0 0!important; padding:16px 0 0!important; gap:24px!important; border-top:1px solid rgba(169,191,174,.20)!important; } .mbc-whyexp__foot-note{ margin:0!important; } .mbc-whyexp__foot-note, .mbc-whyexp__foot-note p{ margin:0!important; color:rgba(234,241,235,.62)!important; font-weight:600!important; line-height:1.5!important; letter-spacing:1px!important; text-transform:uppercase!important; } .mbc-whyexp__cta{ margin:0!important; padding:0!important; } .mbc-whyexp__cta .elementor-button{ position:relative!important; isolation:isolate!important; overflow:hidden!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:48px!important; padding:9px 10px 9px 22px!important; border:1px solid rgba(169,191,174,.50)!important; border-radius:999px!important; background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important; color:var(--white)!important; box-shadow: 0 12px 28px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08)!important; font-weight:700!important; font-style:normal!important; line-height:1!important; letter-spacing:1px!important; text-transform:uppercase!important; text-align:center!important; gap:12px!important; transition: color .30s ease, border-color .30s ease, transform .30s cubic-bezier(.2,.75,.25,1), box-shadow .30s ease!important; } /* animated fill */ .mbc-whyexp__cta .elementor-button::before{ content:""!important; position:absolute!important; inset:0!important; z-index:-1!important; border-radius:inherit!important; background: linear-gradient(110deg,var(--sage) 0%,#C6D5C9 100%)!important; transform:scaleX(0)!important; transform-origin:left center!important; transition:transform .34s cubic-bezier(.2,.75,.25,1)!important; pointer-events:none!important; } /* circular arrow detail */ .mbc-whyexp__cta .elementor-button::after{ content:"→"!important; position:relative!important; z-index:2!important; flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:30px!important; height:30px!important; border:1px solid rgba(169,191,174,.34)!important; border-radius:50%!important; background:rgba(169,191,174,.10)!important; color:var(--sage)!important; font-weight:400!important; line-height:1!important; transition: transform .30s cubic-bezier(.2,.75,.25,1), background-color .30s ease, color .30s ease, border-color .30s ease!important; } .mbc-whyexp__cta .elementor-button-content-wrapper{ position:relative!important; z-index:2!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; line-height:1!important; } .mbc-whyexp__cta .elementor-button-text{ display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; line-height:1!important; } @media(hover:hover) and (pointer:fine){ .mbc-whyexp__cta .elementor-button:hover{ color:var(--forest-950)!important; border-color:rgba(169,191,174,.92)!important; transform:translateY(-3px)!important; box-shadow: 0 16px 34px rgba(0,0,0,.18), 0 0 24px rgba(169,191,174,.10), inset 0 1px 0 rgba(255,255,255,.22)!important; } .mbc-whyexp__cta .elementor-button:hover::before{ transform:scaleX(1)!important; } .mbc-whyexp__cta .elementor-button:hover::after{ background:var(--forest-950)!important; border-color:var(--forest-950)!important; color:var(--white)!important; transform:translateX(3px) rotate(-8deg)!important; } } .mbc-whyexp__cta .elementor-button:active{ transform:translateY(-1px)!important; } /* ========================================================= DESKTOP HEIGHT COMPRESSION ONLY Keeps the original Mountain Reasons Trail design. ========================================================= */ @media(min-width:1025px){ .mbc-whyexp__inner, .mbc-whyexp__head, .mbc-whyexp__trail, .mbc-whyexp__reason, .mbc-whyexp__copy, .mbc-whyexp__foot{ height:auto!important; } .mbc-whyexp__reason{ max-height:none!important; } .mbc-whyexp__reason.e-con, .mbc-whyexp__copy.e-con{ height:auto!important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .mbc-whyexp{ padding:82px 24px 78px!important; } .mbc-whyexp__head{ grid-template-columns:1fr!important; align-items:start!important; gap:18px!important; margin-bottom:50px!important; padding-bottom:28px!important; } .mbc-whyexp__intro{ justify-self:start!important; max-width:620px!important; padding:0!important; } .mbc-whyexp__title .elementor-heading-title{ } .mbc-whyexp__reason{ grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important; min-height:154px!important; gap:22px!important; } .mbc-whyexp__node{ width:48px!important; height:48px!important; } .mbc-whyexp__node::before{ width:66px!important; height:66px!important; } .mbc-whyexp__node::after{ left:9px!important; top:7px!important; width:30px!important; height:13px!important; } .mbc-whyexp__node .elementor-icon{ width:30px!important; height:30px!important; } .mbc-whyexp__node svg{ width:15px!important; height:15px!important; } .mbc-whyexp__reason-title .elementor-heading-title{ } .mbc-whyexp__reason-text, .mbc-whyexp__reason-text p{ } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .mbc-whyexp{ padding:64px 16px 66px!important; } .mbc-whyexp::before{ top:18px!important; left:-8px!important; } .mbc-whyexp::after{ right:-150px!important; top:-120px!important; } .mbc-whyexp__head{ margin-bottom:34px!important; padding-bottom:24px!important; gap:14px!important; } .mbc-whyexp__eyebrow{ margin-bottom:10px!important; padding-left:34px!important; } .mbc-whyexp__eyebrow::before{ width:24px!important; } .mbc-whyexp__eyebrow .elementor-heading-title{ letter-spacing:1.7px!important; } .mbc-whyexp__title .elementor-heading-title{ line-height:.98!important; } .mbc-whyexp__intro, .mbc-whyexp__intro p{ line-height:1.72!important; } /* move trail line to the left */ .mbc-whyexp__trail{ padding:0!important; } .mbc-whyexp__trail::before{ left:23px!important; top:12px!important; bottom:12px!important; transform:none!important; } .mbc-whyexp__reason{ display:grid!important; grid-template-columns:46px minmax(0,1fr)!important; align-items:start!important; min-height:0!important; padding:18px 0!important; gap:14px!important; } .mbc-whyexp__reason::before{ display:none!important; } .mbc-whyexp__reason .mbc-whyexp__node{ grid-column:1!important; grid-row:1!important; width:46px!important; height:46px!important; margin:0!important; } .mbc-whyexp__node::before{ width:62px!important; height:62px!important; } .mbc-whyexp__node::after{ left:8px!important; top:6px!important; width:28px!important; height:12px!important; } .mbc-whyexp__node .elementor-icon{ width:29px!important; height:29px!important; } .mbc-whyexp__node svg{ width:14px!important; height:14px!important; } .mbc-whyexp__reason:nth-child(odd) .mbc-whyexp__copy, .mbc-whyexp__reason:nth-child(even) .mbc-whyexp__copy{ grid-column:2!important; grid-row:1!important; justify-self:stretch!important; align-items:flex-start!important; max-width:none!important; text-align:left!important; } .mbc-whyexp__reason:nth-child(odd) .mbc-whyexp__reason-text{ margin-left:0!important; } .mbc-whyexp__reason-title .elementor-heading-title{ } .mbc-whyexp__reason-text, .mbc-whyexp__reason-text p{ line-height:1.58!important; } .mbc-whyexp__foot{ flex-direction:column!important; align-items:flex-start!important; justify-content:flex-start!important; margin-top:32px!important; padding-top:20px!important; gap:16px!important; } } @media(max-width:390px){ .mbc-whyexp{ padding-left:14px!important; padding-right:14px!important; } .mbc-whyexp__title .elementor-heading-title{ } .mbc-whyexp__reason-title .elementor-heading-title{ } } @media(prefers-reduced-motion:reduce){ .mbc-whyexp__node, .mbc-whyexp__cta .elementor-button{ transition:none!important; } } /* ========================================================= FIX WARNA LABEL KECIL 02 • THE GUIDE / 03 • THE CAMP / dst ========================================================= */ .mbc-whyexp__number .elementor-heading-title{ color:#A9BFAE !important; /* lebih terang dan jelas di background Forest */ opacity:1 !important; font-weight:700 !important; letter-spacing:1.8px !important; } /* kalau label kecilnya ada di widget lain / struktur beda */ .mbc-whyexp__reason .mbc-whyexp__number, .mbc-whyexp__reason .mbc-whyexp__number .elementor-heading-title{ color:#A9BFAE !important; opacity:1 !important; } /* ========================================================= FINAL FORCE FIX — REASON TITLE COLOR + HOVER Put at the VERY END of the CSS. This intentionally overrides previous V3 hover rules. ========================================================= */ /* NORMAL */ html body .mbc-whyexp .mbc-whyexp__reason .mbc-whyexp__reason-title .elementor-heading-title, html body .mbc-whyexp .mbc-whyexp__reason .mbc-whyexp__reason-title .elementor-heading-title a, html body .mbc-whyexp .mbc-whyexp__reason .mbc-whyexp__reason-title .elementor-heading-title span{ color:#1E4D3A!important; transition: color .28s ease, text-shadow .28s ease, transform .28s ease!important; } /* HOVER — no pointer media query, so it also works reliably in Elementor preview */ html body .mbc-whyexp .mbc-whyexp__reason:hover .mbc-whyexp__reason-title .elementor-heading-title, html body .mbc-whyexp .mbc-whyexp__reason:hover .mbc-whyexp__reason-title .elementor-heading-title a, html body .mbc-whyexp .mbc-whyexp__reason:hover .mbc-whyexp__reason-title .elementor-heading-title span{ color:#0F2D24!important; text-shadow:0 4px 18px rgba(15,45,36,.10)!important; } /* Also trigger if cursor is directly over copy/title */ html body .mbc-whyexp .mbc-whyexp__copy:hover .mbc-whyexp__reason-title .elementor-heading-title, html body .mbc-whyexp .mbc-whyexp__reason-title:hover .elementor-heading-title{ color:#0F2D24!important; } /* Elementor sometimes sets color on the link itself */ html body .mbc-whyexp .mbc-whyexp__reason:hover .mbc-whyexp__reason-title a{ color:#0F2D24!important; } /* Keyboard/accessibility state */ html body .mbc-whyexp .mbc-whyexp__reason:focus-within .mbc-whyexp__reason-title .elementor-heading-title, html body .mbc-whyexp .mbc-whyexp__reason:focus-within .mbc-whyexp__reason-title a{ color:#0F2D24!important; } /* ========================================================= DECORATIVE / ICON TYPOGRAPHY ONLY Tidak mengunci font atau size teks widget Elementor. ========================================================= */ /* Background decorative word "WHY" */ .mbc-whyexp::before{ font-family:"Cormorant Garamond",serif!important; font-size:clamp(140px,19vw,300px)!important; } /* Elementor icon glyph size — bukan text typography */ .mbc-whyexp__node .elementor-icon{ font-size:17px!important; } /* CSS-generated arrow on CTA */ .mbc-whyexp__cta .elementor-button::after{ font-family:Arial,sans-serif!important; font-size:14px!important; } @media(max-width:1024px){ .mbc-whyexp__node .elementor-icon{ font-size:15px!important; } } @media(max-width:767px){ .mbc-whyexp::before{ font-size:115px!important; } .mbc-whyexp__node .elementor-icon{ font-size:14px!important; } } /* ========================================================= FOOT NOTE COLOR FIX 2 DAYS • 1 NIGHT • MOUNT BATUR CAMPING ========================================================= */ .mbc-whyexp__foot-note, .mbc-whyexp__foot-note p, .mbc-whyexp__foot-note .elementor-heading-title{ color:#3F735A!important; opacity:1!important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5d58613e *//* ========================================================= MOUNT BATUR CAMPING — SECTION 09 FAQ Concept: FOREST FAQ EDITORIAL DESK Native Elementor Containers + Heading + Text + Button + Accordion NO HTML WIDGET Fonts: Cormorant Garamond + Montserrat ONLY FINAL ALL-IN-ONE CSS ========================================================= */ .mbc-faq{ --forest-950:#0F2D24; --forest-800:#1E4D3A; --forest-600:#3F735A; --sage:#A9BFAE; --mist:#EAF1EB; --cream:#F7F5EF; --white:#FFFFFF; --ink:#18231D; --muted:#66756D; --heading:"Cormorant Garamond",serif; --body:"Montserrat",sans-serif; /* ======================================================= FONT SIZE = ELEMENTOR CONTROL CSS ini tidak mengunci ukuran font widget. Atur ukuran dari Elementor > Style > Typography > Size. Semua warna, font family, weight, line-height, spacing, layout, border, shadow, hover, responsive dan efek lain tetap dipertahankan dari desain original. ======================================================= */ position:relative!important; isolation:isolate!important; width:100%!important; margin:0!important; padding:92px 24px 96px!important; overflow:hidden!important; background: radial-gradient(circle at 88% 16%,rgba(169,191,174,.18),transparent 24%), radial-gradient(circle at 8% 88%,rgba(63,115,90,.08),transparent 25%), linear-gradient(180deg,var(--cream) 0%,#FBFAF6 100%)!important; font-family:var(--body)!important; } .mbc-faq, .mbc-faq *, .mbc-faq *::before, .mbc-faq *::after{ box-sizing:border-box!important; } /* background contour */ .mbc-faq::before{ content:""!important; position:absolute!important; right:-150px!important; bottom:-170px!important; width:380px!important; height:380px!important; border:1px solid rgba(63,115,90,.08)!important; border-radius:50%!important; box-shadow: 0 0 0 46px rgba(63,115,90,.028), 0 0 0 92px rgba(63,115,90,.017)!important; pointer-events:none!important; } .mbc-faq::after{ content:"FAQ"!important; position:absolute!important; left:-16px!important; top:18px!important; z-index:0!important; color:rgba(15,45,36,.028)!important; font-family:var(--heading)!important; font-weight:600!important; line-height:.8!important; letter-spacing:-.06em!important; pointer-events:none!important; } .mbc-faq__inner{ position:relative!important; z-index:2!important; display:grid!important; grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)!important; align-items:start!important; width:100%!important; max-width:1240px!important; margin:0 auto!important; padding:0!important; gap:56px!important; } /* ========================================================= LEFT EDITORIAL PANEL ========================================================= */ .mbc-faq__intro{ position:relative!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; width:100%!important; min-width:0!important; margin:0!important; padding:42px 38px 36px!important; border:1px solid rgba(169,191,174,.22)!important; border-radius:28px 28px 88px 28px!important; background: radial-gradient(circle at 82% 14%,rgba(169,191,174,.12),transparent 30%), linear-gradient(145deg,#0B241D 0%,var(--forest-950) 65%,#173C30 100%)!important; box-shadow: 0 28px 70px rgba(15,45,36,.15), inset 0 1px 0 rgba(255,255,255,.05)!important; } /* decorative inner ring */ .mbc-faq__intro::before{ content:""!important; position:absolute!important; right:-70px!important; top:-75px!important; width:220px!important; height:220px!important; border:1px solid rgba(169,191,174,.11)!important; border-radius:50%!important; box-shadow: 0 0 0 28px rgba(169,191,174,.025), 0 0 0 56px rgba(169,191,174,.014)!important; pointer-events:none!important; } /* slim accent line */ .mbc-faq__intro::after{ content:""!important; position:absolute!important; left:38px!important; bottom:0!important; width:74px!important; height:3px!important; border-radius:999px 999px 0 0!important; background:linear-gradient(90deg,var(--sage),var(--forest-600))!important; pointer-events:none!important; } .mbc-faq__eyebrow{ position:relative!important; width:auto!important; margin:0 0 13px!important; padding-left:38px!important; } .mbc-faq__eyebrow::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:26px!important; height:1px!important; background:var(--sage)!important; transform:translateY(-50%)!important; } .mbc-faq__eyebrow .elementor-heading-title{ margin:0!important; color:var(--sage)!important; font-family:var(--body)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:2px!important; text-transform:uppercase!important; } .mbc-faq__title{ width:100%!important; margin:0 0 18px!important; } .mbc-faq__title .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-family:var(--heading)!important; font-weight:600!important; line-height:.96!important; letter-spacing:-.8px!important; } .mbc-faq__title .elementor-heading-title span{ color:var(--sage)!important; font-style:italic!important; font-weight:500!important; } .mbc-faq__desc{ width:100%!important; max-width:370px!important; margin:0 0 28px!important; } .mbc-faq__desc, .mbc-faq__desc p{ margin:0!important; color:rgba(234,241,235,.68)!important; font-family:var(--body)!important; font-weight:400!important; line-height:1.75!important; } /* help strip */ .mbc-faq__help{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; width:100%!important; margin:0 0 22px!important; padding:18px 18px 16px!important; gap:4px!important; border:1px solid rgba(169,191,174,.16)!important; border-radius:16px!important; background:rgba(255,255,255,.045)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; } .mbc-faq__help-title{ margin:0!important; } .mbc-faq__help-title .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-family:var(--heading)!important; font-weight:600!important; line-height:1.05!important; } .mbc-faq__help-text{ margin:0!important; } .mbc-faq__help-text, .mbc-faq__help-text p{ margin:0!important; color:rgba(234,241,235,.62)!important; font-family:var(--body)!important; font-weight:500!important; line-height:1.55!important; } .mbc-faq__cta{ margin:0!important; padding:0!important; } .mbc-faq__cta .elementor-button{ position:relative!important; overflow:hidden!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; padding:11px 18px!important; border:1px solid rgba(169,191,174,.55)!important; border-radius:999px!important; background:transparent!important; color:var(--white)!important; font-family:var(--body)!important; font-weight:700!important; line-height:1!important; letter-spacing:1px!important; text-transform:uppercase!important; transition: color .28s ease, background-color .28s ease, transform .28s ease, border-color .28s ease!important; } .mbc-faq__cta .elementor-button-content-wrapper, .mbc-faq__cta .elementor-button-text{ display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; line-height:1!important; } @media(hover:hover) and (pointer:fine){ .mbc-faq__cta .elementor-button:hover{ background:var(--sage)!important; border-color:var(--sage)!important; color:var(--forest-950)!important; transform:translateY(-2px)!important; } } /* ========================================================= RIGHT ACCORDION AREA ========================================================= */ .mbc-faq__accordion-wrap{ position:relative!important; width:100%!important; min-width:0!important; margin:0!important; padding:10px 0 0!important; } /* tiny editorial header above accordion */ .mbc-faq__accordion-wrap::before{ content:"QUESTIONS • ANSWERS"!important; display:block!important; margin:0 0 14px!important; color:var(--forest-600)!important; font-family:var(--body)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:1.9px!important; text-transform:uppercase!important; } /* ========================================================= ELEMENTOR STANDARD ACCORDION ========================================================= */ .mbc-faq__accordion{ width:100%!important; margin:0!important; padding:0!important; } .mbc-faq__accordion .elementor-widget-container{ width:100%!important; margin:0!important; padding:0!important; } .mbc-faq__accordion .elementor-accordion{ counter-reset:mbcFaq!important; width:100%!important; margin:0!important; padding:0!important; } .mbc-faq__accordion .elementor-accordion-item{ counter-increment:mbcFaq!important; position:relative!important; overflow:hidden!important; width:100%!important; margin:0 0 12px!important; border:1px solid rgba(169,191,174,.48)!important; border-radius:18px!important; background:rgba(255,255,255,.76)!important; box-shadow: 0 12px 32px rgba(15,45,36,.055), inset 0 1px 0 rgba(255,255,255,.72)!important; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background-color .28s ease!important; } /* green accent on active */ .mbc-faq__accordion .elementor-accordion-item::before{ content:""!important; position:absolute!important; left:0!important; top:0!important; bottom:0!important; width:3px!important; background:linear-gradient(180deg,var(--forest-600),var(--sage))!important; opacity:0!important; transition:opacity .28s ease!important; } /* TITLE */ .mbc-faq__accordion .elementor-tab-title{ position:relative!important; display:flex!important; align-items:center!important; min-height:70px!important; margin:0!important; padding:18px 64px 18px 64px!important; border:0!important; background:transparent!important; color:var(--forest-950)!important; font-family:var(--heading)!important; font-weight:600!important; line-height:1.1!important; cursor:pointer!important; } /* automatic FAQ number */ .mbc-faq__accordion .elementor-tab-title::before{ content:counter(mbcFaq, decimal-leading-zero)!important; position:absolute!important; left:20px!important; top:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; width:28px!important; height:28px!important; border:1px solid rgba(63,115,90,.18)!important; border-radius:9px!important; background:var(--mist)!important; color:var(--forest-600)!important; font-family:var(--body)!important; font-weight:700!important; line-height:1!important; letter-spacing:.6px!important; transform:translateY(-50%)!important; } /* Question text */ .mbc-faq__accordion .elementor-accordion-title{ color:inherit!important; font-family:inherit!important; font-weight:inherit!important; line-height:inherit!important; } /* accordion icon */ .mbc-faq__accordion .elementor-accordion-icon{ position:absolute!important; right:18px!important; top:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; width:34px!important; height:34px!important; margin:0!important; border:1px solid rgba(63,115,90,.16)!important; border-radius:50%!important; background:var(--mist)!important; color:var(--forest-800)!important; transform:translateY(-50%)!important; transition: transform .28s ease, background-color .28s ease, color .28s ease, border-color .28s ease!important; } .mbc-faq__accordion .elementor-accordion-icon i, .mbc-faq__accordion .elementor-accordion-icon svg{ color:currentColor!important; fill:currentColor!important; } .mbc-faq__accordion .elementor-accordion-icon svg{ width:12px!important; height:12px!important; } /* CONTENT */ .mbc-faq__accordion .elementor-tab-content{ position:relative!important; margin:0!important; padding:0 64px 22px!important; border:0!important; background:transparent!important; color:var(--muted)!important; font-family:var(--body)!important; font-weight:400!important; line-height:1.7!important; } .mbc-faq__accordion .elementor-tab-content p{ margin:0!important; color:inherit!important; font:inherit!important; } /* active state */ .mbc-faq__accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active){ border-color:rgba(63,115,90,.38)!important; background:var(--white)!important; box-shadow: 0 18px 44px rgba(15,45,36,.09), inset 0 1px 0 rgba(255,255,255,.95)!important; } .mbc-faq__accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active)::before{ opacity:1!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active{ color:var(--forest-800)!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active::before{ background:var(--forest-800)!important; color:var(--white)!important; border-color:var(--forest-800)!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon{ background:var(--forest-800)!important; border-color:var(--forest-800)!important; color:var(--white)!important; transform:translateY(-50%) rotate(180deg)!important; } /* Hover */ @media(hover:hover) and (pointer:fine){ .mbc-faq__accordion .elementor-accordion-item:hover{ transform:translateY(-2px)!important; border-color:rgba(63,115,90,.34)!important; box-shadow: 0 18px 42px rgba(15,45,36,.085), inset 0 1px 0 rgba(255,255,255,.82)!important; } .mbc-faq__accordion .elementor-tab-title:hover{ color:var(--forest-600)!important; } .mbc-faq__accordion .elementor-tab-title:hover .elementor-accordion-icon{ background:var(--forest-800)!important; color:var(--white)!important; border-color:var(--forest-800)!important; transform:translateY(-50%) scale(1.05)!important; } } /* ========================================================= NESTED ACCORDION FALLBACK (keeps the same look if Elementor outputs .e-n-accordion) ========================================================= */ .mbc-faq__accordion .e-n-accordion{ counter-reset:mbcFaqNested!important; } .mbc-faq__accordion .e-n-accordion-item{ counter-increment:mbcFaqNested!important; overflow:hidden!important; margin:0 0 12px!important; border:1px solid rgba(169,191,174,.48)!important; border-radius:18px!important; background:rgba(255,255,255,.76)!important; box-shadow:0 12px 32px rgba(15,45,36,.055)!important; } .mbc-faq__accordion .e-n-accordion-item-title{ position:relative!important; min-height:70px!important; padding:18px 64px!important; border:0!important; color:var(--forest-950)!important; font-family:var(--heading)!important; font-weight:600!important; line-height:1.1!important; } .mbc-faq__accordion .e-n-accordion-item-title::before{ content:counter(mbcFaqNested, decimal-leading-zero)!important; position:absolute!important; left:20px!important; top:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; width:28px!important; height:28px!important; border-radius:9px!important; background:var(--mist)!important; color:var(--forest-600)!important; font-family:var(--body)!important; font-weight:700!important; transform:translateY(-50%)!important; } .mbc-faq__accordion .e-n-accordion-item[open]{ background:var(--white)!important; border-color:rgba(63,115,90,.38)!important; box-shadow:0 18px 44px rgba(15,45,36,.09)!important; } .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title{ color:var(--forest-800)!important; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .mbc-faq{ padding:74px 24px 78px!important; } .mbc-faq__inner{ grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important; gap:36px!important; } .mbc-faq__intro{ padding:34px 30px 30px!important; border-radius:24px 24px 68px 24px!important; } .mbc-faq__intro::after{ left:30px!important; } .mbc-faq__title .elementor-heading-title{ } .mbc-faq__desc, .mbc-faq__desc p{ } .mbc-faq__accordion .elementor-tab-title, .mbc-faq__accordion .e-n-accordion-item-title{ min-height:64px!important; padding:16px 56px 16px 58px!important; } .mbc-faq__accordion .elementor-tab-title::before, .mbc-faq__accordion .e-n-accordion-item-title::before{ left:16px!important; } .mbc-faq__accordion .elementor-accordion-icon{ right:14px!important; width:32px!important; height:32px!important; } .mbc-faq__accordion .elementor-tab-content{ padding:0 56px 20px 58px!important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .mbc-faq{ padding:58px 16px 62px!important; } .mbc-faq::after{ left:-8px!important; top:14px!important; } .mbc-faq__inner{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:28px!important; } .mbc-faq__intro{ padding:30px 24px 26px!important; border-radius:22px 22px 52px 22px!important; } .mbc-faq__intro::after{ left:24px!important; } .mbc-faq__eyebrow{ margin-bottom:10px!important; padding-left:32px!important; } .mbc-faq__eyebrow::before{ width:22px!important; } .mbc-faq__eyebrow .elementor-heading-title{ letter-spacing:1.7px!important; } .mbc-faq__title .elementor-heading-title{ line-height:.98!important; } .mbc-faq__desc{ margin-bottom:22px!important; } .mbc-faq__desc, .mbc-faq__desc p{ line-height:1.7!important; } .mbc-faq__accordion-wrap{ padding-top:0!important; } .mbc-faq__accordion .elementor-accordion-item, .mbc-faq__accordion .e-n-accordion-item{ margin-bottom:9px!important; border-radius:15px!important; } .mbc-faq__accordion .elementor-tab-title, .mbc-faq__accordion .e-n-accordion-item-title{ min-height:58px!important; padding:14px 50px 14px 52px!important; line-height:1.08!important; } .mbc-faq__accordion .elementor-tab-title::before, .mbc-faq__accordion .e-n-accordion-item-title::before{ left:13px!important; width:26px!important; height:26px!important; } .mbc-faq__accordion .elementor-accordion-icon{ right:12px!important; width:30px!important; height:30px!important; } .mbc-faq__accordion .elementor-tab-content{ padding:0 50px 17px 52px!important; line-height:1.65!important; } } @media(max-width:390px){ .mbc-faq{ padding-left:14px!important; padding-right:14px!important; } .mbc-faq__title .elementor-heading-title{ } .mbc-faq__accordion .elementor-tab-title, .mbc-faq__accordion .e-n-accordion-item-title{ } } @media(prefers-reduced-motion:reduce){ .mbc-faq__cta .elementor-button, .mbc-faq__accordion .elementor-accordion-item, .mbc-faq__accordion .elementor-accordion-icon{ transition:none!important; } } /* ========================================================= MOBILE FIX — QUESTIONS • ANSWERS TIDAK MENIMPA ACCORDION Desktop & tablet tidak berubah ========================================================= */ @media(max-width:767px){ .mbc-faq__accordion-wrap{ position:relative!important; padding-top:28px!important; } .mbc-faq__accordion-wrap::before{ position:absolute!important; left:4px!important; top:0!important; z-index:5!important; display:block!important; width:max-content!important; max-width:calc(100% - 8px)!important; margin:0!important; padding:0!important; color:var(--forest-600)!important; font-family:var(--body)!important; font-weight:700!important; line-height:1.35!important; letter-spacing:1.7px!important; text-transform:uppercase!important; white-space:nowrap!important; pointer-events:none!important; } .mbc-faq__accordion{ position:relative!important; z-index:2!important; width:100%!important; margin:0!important; padding:0!important; } .mbc-faq__accordion .elementor-accordion-item:first-child, .mbc-faq__accordion .e-n-accordion-item:first-child{ margin-top:0!important; } } /* ========================================================= DECORATIVE TEXT SIZE ONLY Bukan widget Elementor ========================================================= */ /* Background giant FAQ */ .mbc-faq::after{ font-size:clamp(130px,17vw,250px)!important; } /* QUESTIONS • ANSWERS */ .mbc-faq__accordion-wrap::before{ font-size:8px!important; } /* Automatic number badges 01 / 02 / 03 */ .mbc-faq__accordion .elementor-tab-title::before, .mbc-faq__accordion .e-n-accordion-item-title::before{ font-size:7.5px!important; } @media(max-width:767px){ .mbc-faq::after{ font-size:100px!important; } .mbc-faq__accordion-wrap::before{ font-size:8px!important; } } /* ========================================================= FAQ ACCORDION — LUXURY MOUNTAIN LEDGER V3 Upgrade ONLY untuk area accordion. Left editorial panel / layout utama tidak diubah. ========================================================= */ /* --------------------------------------------------------- ACCORDION AREA — SUBTLE EDITORIAL RAIL --------------------------------------------------------- */ .mbc-faq__accordion{ position:relative!important; isolation:isolate!important; } .mbc-faq__accordion::before{ content:""!important; position:absolute!important; left:-18px!important; top:14px!important; bottom:14px!important; width:1px!important; background: linear-gradient( 180deg, transparent 0%, rgba(30,77,58,.14) 12%, rgba(30,77,58,.30) 48%, rgba(169,191,174,.28) 82%, transparent 100% )!important; pointer-events:none!important; } /* --------------------------------------------------------- STANDARD ELEMENTOR ACCORDION ITEM --------------------------------------------------------- */ .mbc-faq__accordion .elementor-accordion-item{ position:relative!important; isolation:isolate!important; overflow:hidden!important; width:100%!important; margin:0 0 14px!important; border:1px solid rgba(30,77,58,.15)!important; border-radius:20px!important; background: linear-gradient( 145deg, rgba(255,255,255,.96) 0%, rgba(247,245,239,.93) 100% )!important; box-shadow: 0 12px 32px rgba(15,45,36,.055), inset 0 1px 0 rgba(255,255,255,.90)!important; transform:translateZ(0)!important; transition: transform .34s cubic-bezier(.2,.75,.25,1), border-color .34s ease, box-shadow .34s ease, background .34s ease!important; } /* left green rail */ .mbc-faq__accordion .elementor-accordion-item::before{ content:""!important; position:absolute!important; left:0!important; top:0!important; bottom:0!important; z-index:4!important; width:4px!important; background: linear-gradient( 180deg, var(--sage) 0%, var(--forest-600) 48%, var(--forest-800) 100% )!important; opacity:.14!important; transition: width .34s ease, opacity .34s ease!important; pointer-events:none!important; } /* soft atmospheric glow */ .mbc-faq__accordion .elementor-accordion-item::after{ content:""!important; position:absolute!important; right:-82px!important; top:-96px!important; z-index:0!important; width:210px!important; height:210px!important; border-radius:50%!important; background: radial-gradient( circle, rgba(169,191,174,.18) 0%, rgba(169,191,174,.07) 34%, transparent 70% )!important; opacity:.24!important; transform:scale(.90)!important; transition: opacity .36s ease, transform .48s cubic-bezier(.2,.75,.25,1)!important; pointer-events:none!important; } /* --------------------------------------------------------- QUESTION ROW --------------------------------------------------------- */ .mbc-faq__accordion .elementor-tab-title{ position:relative!important; z-index:2!important; display:flex!important; align-items:center!important; min-height:76px!important; margin:0!important; padding:19px 72px 19px 76px!important; border:0!important; border-radius:19px!important; background: linear-gradient( 90deg, rgba(234,241,235,.46) 0%, rgba(255,255,255,.22) 36%, rgba(255,255,255,0) 75% )!important; color:var(--forest-950)!important; font-family:var(--heading)!important; font-weight:600!important; line-height:1.08!important; cursor:pointer!important; transition: color .28s ease, background .34s ease, padding-left .34s cubic-bezier(.2,.75,.25,1)!important; } /* --------------------------------------------------------- NUMBER BADGE — MINI MOUNTAIN MARKER --------------------------------------------------------- */ .mbc-faq__accordion .elementor-tab-title::before{ content:counter(mbcFaq, decimal-leading-zero)!important; position:absolute!important; left:20px!important; top:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:36px!important; border:1px solid rgba(30,77,58,.17)!important; border-radius:12px!important; background: linear-gradient( 145deg, rgba(255,255,255,.98) 0%, var(--mist) 100% )!important; color:var(--forest-600)!important; font-family:var(--body)!important; font-weight:700!important; line-height:1!important; letter-spacing:.7px!important; box-shadow: 0 7px 18px rgba(15,45,36,.07), inset 0 1px 0 rgba(255,255,255,.95)!important; transform:translateY(-50%)!important; transition: color .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease, transform .34s cubic-bezier(.2,.75,.25,1)!important; } /* small marker dot */ .mbc-faq__accordion .elementor-tab-title::after{ content:""!important; position:absolute!important; left:58px!important; top:50%!important; width:4px!important; height:4px!important; border-radius:50%!important; background:var(--sage)!important; box-shadow: 0 0 0 4px rgba(169,191,174,.08)!important; transform:translateY(-50%)!important; opacity:.66!important; transition: background-color .28s ease, box-shadow .28s ease, opacity .28s ease!important; pointer-events:none!important; } .mbc-faq__accordion .elementor-accordion-title{ position:relative!important; z-index:2!important; color:inherit!important; font-family:inherit!important; font-weight:inherit!important; line-height:inherit!important; } /* --------------------------------------------------------- PLUS / MINUS — PREMIUM ROUND CONTROL --------------------------------------------------------- */ .mbc-faq__accordion .elementor-accordion-icon{ position:absolute!important; right:18px!important; top:50%!important; z-index:5!important; display:flex!important; align-items:center!important; justify-content:center!important; width:40px!important; height:40px!important; margin:0!important; border:1px solid rgba(30,77,58,.16)!important; border-radius:50%!important; background: radial-gradient( circle at 34% 28%, rgba(255,255,255,.96), rgba(234,241,235,.92) 72% )!important; color:var(--forest-800)!important; box-shadow: 0 8px 18px rgba(15,45,36,.07), inset 0 1px 0 rgba(255,255,255,.98)!important; transform:translateY(-50%)!important; transition: transform .34s cubic-bezier(.2,.75,.25,1), background .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease!important; } .mbc-faq__accordion .elementor-accordion-icon::before{ content:""!important; position:absolute!important; inset:5px!important; border:1px solid rgba(63,115,90,.09)!important; border-radius:50%!important; pointer-events:none!important; } .mbc-faq__accordion .elementor-accordion-icon i, .mbc-faq__accordion .elementor-accordion-icon svg{ position:relative!important; z-index:2!important; color:currentColor!important; fill:currentColor!important; } /* --------------------------------------------------------- ANSWER CONTENT --------------------------------------------------------- */ .mbc-faq__accordion .elementor-tab-content{ position:relative!important; z-index:2!important; margin:0!important; padding:0 72px 24px 76px!important; border:0!important; background:transparent!important; color:var(--muted)!important; font-family:var(--body)!important; font-weight:400!important; line-height:1.72!important; } /* editorial rule before answer */ .mbc-faq__accordion .elementor-tab-content::before{ content:""!important; display:block!important; width:44px!important; height:1px!important; margin:0 0 14px!important; background: linear-gradient( 90deg, var(--forest-600), rgba(63,115,90,.10) )!important; } .mbc-faq__accordion .elementor-tab-content p{ margin:0!important; color:inherit!important; font:inherit!important; } /* ========================================================= ACTIVE STATE — FOREST HEADER ========================================================= */ .mbc-faq__accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active){ border-color:rgba(30,77,58,.40)!important; background: linear-gradient( 180deg, rgba(255,255,255,.99) 0%, rgba(247,245,239,.97) 100% )!important; box-shadow: 0 24px 56px rgba(15,45,36,.12), inset 0 1px 0 rgba(255,255,255,.96)!important; transform:translateY(-2px)!important; } .mbc-faq__accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active)::before{ width:5px!important; opacity:1!important; } .mbc-faq__accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active)::after{ opacity:.58!important; transform:scale(1.08)!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active{ padding-top:21px!important; padding-bottom:21px!important; border-radius:19px 19px 0 0!important; background: radial-gradient( circle at 88% 12%, rgba(169,191,174,.13), transparent 27% ), linear-gradient( 135deg, #0B241D 0%, var(--forest-950) 62%, #173C30 100% )!important; color:var(--white)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 26px rgba(15,45,36,.08)!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active::before{ background: linear-gradient( 145deg, #D8E4D9 0%, var(--sage) 100% )!important; color:var(--forest-950)!important; border-color:rgba(255,255,255,.36)!important; box-shadow: 0 9px 20px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.64)!important; transform:translateY(-50%) scale(1.05)!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active::after{ background:#D8E4D9!important; box-shadow: 0 0 0 4px rgba(216,228,217,.10), 0 0 14px rgba(216,228,217,.22)!important; opacity:1!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon{ border-color:rgba(255,255,255,.18)!important; background: linear-gradient( 145deg, #D9E6DB 0%, var(--sage) 100% )!important; color:var(--forest-950)!important; box-shadow: 0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.62)!important; transform:translateY(-50%) rotate(180deg) scale(1.04)!important; } .mbc-faq__accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active) .elementor-tab-content{ padding-top:22px!important; background: linear-gradient( 90deg, rgba(234,241,235,.34) 0%, rgba(255,255,255,0) 46% )!important; } /* ========================================================= DESKTOP HOVER ========================================================= */ @media(hover:hover) and (pointer:fine){ .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover{ transform:translateY(-3px)!important; border-color:rgba(63,115,90,.34)!important; box-shadow: 0 20px 46px rgba(15,45,36,.09), inset 0 1px 0 rgba(255,255,255,.96)!important; } .mbc-faq__accordion .elementor-accordion-item:hover::after{ opacity:.48!important; transform:scale(1.04)!important; } .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover .elementor-tab-title{ color:var(--forest-600)!important; padding-left:80px!important; } .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover .elementor-tab-title::before{ background:var(--forest-800)!important; color:var(--white)!important; border-color:var(--forest-800)!important; transform:translateY(-50%) rotate(-3deg) scale(1.06)!important; box-shadow: 0 10px 22px rgba(15,45,36,.16), inset 0 1px 0 rgba(255,255,255,.10)!important; } .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover .elementor-tab-title::after{ background:var(--forest-600)!important; box-shadow: 0 0 0 4px rgba(63,115,90,.10), 0 0 12px rgba(63,115,90,.16)!important; } .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover .elementor-accordion-icon{ background:var(--forest-800)!important; color:var(--white)!important; border-color:var(--forest-800)!important; transform:translateY(-50%) scale(1.08)!important; box-shadow: 0 11px 24px rgba(15,45,36,.18), inset 0 1px 0 rgba(255,255,255,.12)!important; } } /* ========================================================= NESTED ACCORDION FALLBACK ========================================================= */ .mbc-faq__accordion .e-n-accordion-item{ position:relative!important; isolation:isolate!important; overflow:hidden!important; margin:0 0 14px!important; border:1px solid rgba(30,77,58,.15)!important; border-radius:20px!important; background: linear-gradient( 145deg, rgba(255,255,255,.96), rgba(247,245,239,.93) )!important; box-shadow: 0 12px 32px rgba(15,45,36,.055), inset 0 1px 0 rgba(255,255,255,.90)!important; } .mbc-faq__accordion .e-n-accordion-item-title{ position:relative!important; min-height:76px!important; padding:19px 72px 19px 76px!important; border:0!important; border-radius:19px!important; background: linear-gradient( 90deg, rgba(234,241,235,.46), rgba(255,255,255,.22) 36%, transparent 75% )!important; color:var(--forest-950)!important; font-family:var(--heading)!important; font-weight:600!important; line-height:1.08!important; } .mbc-faq__accordion .e-n-accordion-item-title::before{ content:counter(mbcFaqNested, decimal-leading-zero)!important; position:absolute!important; left:20px!important; top:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:36px!important; border:1px solid rgba(30,77,58,.17)!important; border-radius:12px!important; background: linear-gradient(145deg,#FFFFFF,var(--mist))!important; color:var(--forest-600)!important; font-family:var(--body)!important; font-weight:700!important; box-shadow: 0 7px 18px rgba(15,45,36,.07), inset 0 1px 0 rgba(255,255,255,.95)!important; transform:translateY(-50%)!important; } .mbc-faq__accordion .e-n-accordion-item[open]{ border-color:rgba(30,77,58,.40)!important; background:var(--white)!important; box-shadow: 0 24px 56px rgba(15,45,36,.12), inset 0 1px 0 rgba(255,255,255,.96)!important; } .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title{ border-radius:19px 19px 0 0!important; background: radial-gradient( circle at 88% 12%, rgba(169,191,174,.13), transparent 27% ), linear-gradient( 135deg, #0B241D 0%, var(--forest-950) 62%, #173C30 100% )!important; color:var(--white)!important; } .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title::before{ background: linear-gradient(145deg,#D8E4D9,var(--sage))!important; color:var(--forest-950)!important; border-color:rgba(255,255,255,.36)!important; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .mbc-faq__accordion::before{ left:-12px!important; } .mbc-faq__accordion .elementor-tab-title, .mbc-faq__accordion .e-n-accordion-item-title{ min-height:68px!important; padding:17px 62px 17px 64px!important; } .mbc-faq__accordion .elementor-tab-title::before, .mbc-faq__accordion .e-n-accordion-item-title::before{ left:16px!important; width:32px!important; height:32px!important; } .mbc-faq__accordion .elementor-tab-title::after{ left:51px!important; } .mbc-faq__accordion .elementor-accordion-icon{ right:14px!important; width:35px!important; height:35px!important; } .mbc-faq__accordion .elementor-tab-content{ padding-left:64px!important; padding-right:62px!important; padding-bottom:21px!important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .mbc-faq__accordion::before{ display:none!important; } .mbc-faq__accordion .elementor-accordion-item, .mbc-faq__accordion .e-n-accordion-item{ margin-bottom:10px!important; border-radius:16px!important; } .mbc-faq__accordion .elementor-tab-title, .mbc-faq__accordion .e-n-accordion-item-title{ min-height:62px!important; padding: 15px 48px 15px 50px!important; border-radius:15px!important; line-height:1.12!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title{ border-radius:15px 15px 0 0!important; } .mbc-faq__accordion .elementor-tab-title::before, .mbc-faq__accordion .e-n-accordion-item-title::before{ left:12px!important; width:28px!important; height:28px!important; border-radius:9px!important; } .mbc-faq__accordion .elementor-tab-title::after{ display:none!important; } .mbc-faq__accordion .elementor-accordion-icon{ right:10px!important; width:30px!important; height:30px!important; } .mbc-faq__accordion .elementor-tab-content{ padding: 18px 48px 18px 50px!important; line-height:1.66!important; } .mbc-faq__accordion .elementor-tab-content::before{ width:34px!important; margin-bottom:11px!important; } .mbc-faq__accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active) .elementor-tab-content{ padding-top:18px!important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ .mbc-faq__accordion .elementor-accordion-item, .mbc-faq__accordion .elementor-tab-title, .mbc-faq__accordion .elementor-tab-title::before, .mbc-faq__accordion .elementor-tab-title::after, .mbc-faq__accordion .elementor-accordion-icon, .mbc-faq__accordion .elementor-accordion-item::after{ transition:none!important; } } /* ========================================================= FAQ ACCORDION — EFFECTS ONLY V4 Tidak mengubah layout / padding / ukuran card / typography. Hanya menambah micro-interaction, glow, sheen, dan icon effect. ========================================================= */ /* --------------------------------------------------------- BASE MOTION --------------------------------------------------------- */ .mbc-faq__accordion .elementor-accordion-item, .mbc-faq__accordion .e-n-accordion-item{ will-change:transform,box-shadow!important; } .mbc-faq__accordion .elementor-tab-title, .mbc-faq__accordion .e-n-accordion-item-title{ background-size:180% 100%!important; background-position:0% 50%!important; transition: color .28s ease, background-position .55s cubic-bezier(.2,.75,.25,1), box-shadow .35s ease!important; } /* --------------------------------------------------------- NUMBER BADGE — GLOSS + DEPTH --------------------------------------------------------- */ .mbc-faq__accordion .elementor-tab-title::before, .mbc-faq__accordion .e-n-accordion-item-title::before{ text-shadow:0 1px 0 rgba(255,255,255,.55)!important; filter:drop-shadow(0 5px 9px rgba(15,45,36,.06))!important; } /* --------------------------------------------------------- ICON — SUPPORT STANDARD + NESTED ACCORDION --------------------------------------------------------- */ .mbc-faq__accordion .elementor-accordion-icon, .mbc-faq__accordion .e-n-accordion-item-title-icon{ position:relative!important; border:1px solid rgba(30,77,58,.16)!important; border-radius:50%!important; background: radial-gradient(circle at 34% 28%,rgba(255,255,255,.96),rgba(234,241,235,.93))!important; color:var(--forest-800)!important; box-shadow: 0 8px 18px rgba(15,45,36,.08), inset 0 1px 0 rgba(255,255,255,.96)!important; transition: transform .35s cubic-bezier(.2,.75,.25,1), color .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease, filter .28s ease!important; } /* inner ring */ .mbc-faq__accordion .elementor-accordion-icon::before, .mbc-faq__accordion .e-n-accordion-item-title-icon::before{ content:""!important; position:absolute!important; inset:5px!important; border:1px solid rgba(63,115,90,.10)!important; border-radius:50%!important; pointer-events:none!important; transition: border-color .28s ease, transform .35s cubic-bezier(.2,.75,.25,1), opacity .28s ease!important; } /* icon glyph */ .mbc-faq__accordion .elementor-accordion-icon i, .mbc-faq__accordion .elementor-accordion-icon svg, .mbc-faq__accordion .e-n-accordion-item-title-icon i, .mbc-faq__accordion .e-n-accordion-item-title-icon svg{ position:relative!important; z-index:2!important; color:currentColor!important; fill:currentColor!important; transition:transform .35s cubic-bezier(.2,.75,.25,1)!important; } /* --------------------------------------------------------- CLOSED CARD HOVER — LIFT + LIGHT SWEEP --------------------------------------------------------- */ @media(hover:hover) and (pointer:fine){ .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover, .mbc-faq__accordion .e-n-accordion-item:not([open]):hover{ transform:translateY(-4px)!important; border-color:rgba(63,115,90,.34)!important; box-shadow: 0 22px 48px rgba(15,45,36,.10), 0 0 0 1px rgba(169,191,174,.08), inset 0 1px 0 rgba(255,255,255,.96)!important; } .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover .elementor-tab-title, .mbc-faq__accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title{ background-position:100% 50%!important; box-shadow: inset 4px 0 0 rgba(63,115,90,.16)!important; } .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover .elementor-tab-title::before, .mbc-faq__accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title::before{ background: linear-gradient(145deg,#245C46 0%,var(--forest-800) 100%)!important; color:var(--white)!important; border-color:var(--forest-800)!important; transform:translateY(-50%) rotate(-3deg) scale(1.06)!important; box-shadow: 0 11px 24px rgba(15,45,36,.18), inset 0 1px 0 rgba(255,255,255,.12)!important; } .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover .elementor-accordion-icon, .mbc-faq__accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon{ background: linear-gradient(145deg,#245C46 0%,var(--forest-800) 100%)!important; color:var(--white)!important; border-color:var(--forest-800)!important; transform:scale(1.08)!important; box-shadow: 0 12px 26px rgba(15,45,36,.18), 0 0 20px rgba(63,115,90,.10), inset 0 1px 0 rgba(255,255,255,.10)!important; } .mbc-faq__accordion .elementor-accordion-item:not(:has(.elementor-tab-title.elementor-active)):hover .elementor-accordion-icon::before, .mbc-faq__accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon::before{ border-color:rgba(255,255,255,.20)!important; transform:rotate(35deg) scale(.92)!important; } } /* --------------------------------------------------------- ACTIVE CARD — SOFT CINEMATIC GLOW --------------------------------------------------------- */ .mbc-faq__accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active), .mbc-faq__accordion .e-n-accordion-item[open]{ box-shadow: 0 28px 62px rgba(15,45,36,.14), 0 0 0 1px rgba(169,191,174,.12), 0 0 34px rgba(63,115,90,.055), inset 0 1px 0 rgba(255,255,255,.96)!important; } /* active header gets subtle moving highlight */ .mbc-faq__accordion .elementor-tab-title.elementor-active, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title{ background: radial-gradient(circle at 90% 12%,rgba(169,191,174,.16),transparent 28%), linear-gradient( 112deg, #0B241D 0%, var(--forest-950) 38%, #1A4938 52%, var(--forest-950) 66%, #173C30 100% )!important; background-size:190% 100%!important; animation:mbcFaqForestSheen 7s ease-in-out infinite!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.055), inset 0 -1px 0 rgba(169,191,174,.08), 0 12px 28px rgba(15,45,36,.10)!important; } /* active number marker */ .mbc-faq__accordion .elementor-tab-title.elementor-active::before, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title::before{ background: radial-gradient(circle at 30% 24%,rgba(255,255,255,.70),transparent 28%), linear-gradient(145deg,#DCE8DE 0%,var(--sage) 100%)!important; color:var(--forest-950)!important; box-shadow: 0 10px 24px rgba(0,0,0,.18), 0 0 20px rgba(169,191,174,.14), inset 0 1px 0 rgba(255,255,255,.68)!important; animation:mbcFaqNumberPulse 3.6s ease-in-out infinite!important; } /* active icon */ .mbc-faq__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon{ background: radial-gradient(circle at 30% 25%,rgba(255,255,255,.76),transparent 26%), linear-gradient(145deg,#DCE8DE 0%,var(--sage) 100%)!important; color:var(--forest-950)!important; border-color:rgba(255,255,255,.28)!important; box-shadow: 0 11px 26px rgba(0,0,0,.18), 0 0 22px rgba(169,191,174,.16), inset 0 1px 0 rgba(255,255,255,.68)!important; animation:mbcFaqIconGlow 3.8s ease-in-out infinite!important; } /* rotate/morph icon safely */ .mbc-faq__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i, .mbc-faq__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon i, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg{ transform:rotate(180deg)!important; } /* --------------------------------------------------------- ANSWER — REVEAL DEPTH --------------------------------------------------------- */ .mbc-faq__accordion .elementor-tab-content{ background: linear-gradient( 90deg, rgba(234,241,235,.26) 0%, rgba(255,255,255,0) 48% )!important; box-shadow: inset 0 1px 0 rgba(169,191,174,.10)!important; } .mbc-faq__accordion .elementor-tab-content::before{ box-shadow:0 0 12px rgba(63,115,90,.08)!important; } /* --------------------------------------------------------- KEYFRAMES --------------------------------------------------------- */ @keyframes mbcFaqForestSheen{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } } @keyframes mbcFaqNumberPulse{ 0%,100%{ transform:translateY(-50%) scale(1.04); filter:brightness(1); } 50%{ transform:translateY(-50%) scale(1.08); filter:brightness(1.035); } } @keyframes mbcFaqIconGlow{ 0%,100%{ filter:drop-shadow(0 0 0 rgba(169,191,174,0)); } 50%{ filter:drop-shadow(0 0 7px rgba(169,191,174,.26)); } } /* --------------------------------------------------------- MOBILE — KEEP EFFECTS LIGHT --------------------------------------------------------- */ @media(max-width:767px){ .mbc-faq__accordion .elementor-tab-title.elementor-active, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title{ animation-duration:9s!important; } .mbc-faq__accordion .elementor-tab-title.elementor-active::before, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title::before, .mbc-faq__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon{ animation:none!important; } } /* --------------------------------------------------------- REDUCED MOTION --------------------------------------------------------- */ @media(prefers-reduced-motion:reduce){ .mbc-faq__accordion .elementor-tab-title.elementor-active, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title, .mbc-faq__accordion .elementor-tab-title.elementor-active::before, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title::before, .mbc-faq__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon, .mbc-faq__accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon{ animation:none!important; } } /* HAPUS HANYA TEXT "QUESTIONS • ANSWERS" */ .mbc-faq__accordion-wrap::before{ content:none!important; display:none!important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-22397cdf *//* ========================================================= MOUNT BATUR CAMPING — SECTION 12 FINAL CTA CONCEPT: SUMMIT INVITATION DECK Native Elementor Containers + Heading + Text + Image + Icon + Button NO HTML WIDGET FONT SYSTEM ONLY: - Cormorant Garamond - Montserrat Paste into: FINAL CTA Parent [mbc-finalcta] > Advanced > Custom CSS ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf{ --forest-950:#0F2D24; --forest-900:#12382C; --forest-800:#1E4D3A; --forest-700:#2D624C; --forest-600:#3F735A; --sage:#A9BFAE; --sage-light:#DCE6DE; --mist:#EAF1EB; --cream:#F7F5EF; --white:#FFFFFF; --ink:#18231D; --muted:#66756D; --heading:"Cormorant Garamond",serif; --body:"Montserrat",sans-serif; --cta-max:1280px; --cta-height:540px; --cta-gap:34px; position:relative!important; isolation:isolate!important; width:100%!important; max-width:100%!important; margin:0!important; padding:92px 24px 96px!important; overflow:hidden!important; background: radial-gradient(circle at 12% 18%,rgba(169,191,174,.12),transparent 28%), radial-gradient(circle at 88% 82%,rgba(63,115,90,.18),transparent 30%), linear-gradient(145deg,#09231B 0%,var(--forest-950) 54%,#153B2F 100%)!important; color:var(--white)!important; font-family:var(--body)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf, .elementor-1394 .elementor-element.elementor-element-22397cdf *, .elementor-1394 .elementor-element.elementor-element-22397cdf *::before, .elementor-1394 .elementor-element.elementor-element-22397cdf *::after{ box-sizing:border-box!important; } /* ========================================================= 01 — BACKGROUND DECORATION ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf::before{ content:"SUMMIT"!important; position:absolute!important; left:-18px!important; top:26px!important; z-index:0!important; color:rgba(255,255,255,.025)!important; font-family:var(--heading)!important; font-size:clamp(150px,18vw,300px)!important; font-weight:600!important; line-height:.78!important; letter-spacing:-.06em!important; pointer-events:none!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf::after{ content:""!important; position:absolute!important; right:-145px!important; top:-150px!important; z-index:0!important; width:360px!important; height:360px!important; border:1px solid rgba(169,191,174,.10)!important; border-radius:50%!important; box-shadow: 0 0 0 46px rgba(169,191,174,.033), 0 0 0 92px rgba(169,191,174,.018)!important; pointer-events:none!important; } /* ========================================================= 02 — INNER ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__inner{ position:relative!important; z-index:2!important; width:100%!important; max-width:var(--cta-max)!important; min-width:0!important; margin:0 auto!important; padding:0!important; } /* ========================================================= 03 — MAIN STAGE ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stage{ position:relative!important; isolation:isolate!important; display:grid!important; grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important; align-items:stretch!important; width:100%!important; min-width:0!important; min-height:var(--cta-height)!important; margin:0!important; padding:18px!important; gap:var(--cta-gap)!important; border:1px solid rgba(169,191,174,.18)!important; border-radius:32px!important; background: linear-gradient( 135deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,.018) 56%, rgba(255,255,255,.03) 100% )!important; box-shadow: 0 32px 80px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05)!important; backdrop-filter:blur(6px)!important; -webkit-backdrop-filter:blur(6px)!important; overflow:hidden!important; } /* subtle diagonal route line */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stage::before{ content:""!important; position:absolute!important; left:49.4%!important; top:20%!important; z-index:5!important; width:9%!important; height:1px!important; background: repeating-linear-gradient( 90deg, rgba(169,191,174,.66) 0 6px, transparent 6px 12px )!important; transform:rotate(-12deg)!important; opacity:.62!important; pointer-events:none!important; } /* tiny luminous anchor point */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stage::after{ content:""!important; position:absolute!important; left:53.6%!important; top:15.8%!important; z-index:6!important; width:8px!important; height:8px!important; border:2px solid var(--sage)!important; border-radius:50%!important; background:var(--forest-950)!important; box-shadow: 0 0 0 5px rgba(169,191,174,.08), 0 0 18px rgba(169,191,174,.12)!important; pointer-events:none!important; } /* ========================================================= 04 — CONTENT PANEL ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__content{ position:relative!important; z-index:4!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; min-width:0!important; margin:0!important; padding:42px 24px 42px 34px!important; } /* top accent rail */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__content::before{ content:""!important; position:absolute!important; left:34px!important; top:24px!important; width:76px!important; height:3px!important; border-radius:999px!important; background: linear-gradient( 90deg, var(--sage), var(--forest-600) )!important; opacity:.9!important; } /* ========================================================= 05 — EYEBROW ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__eyebrow{ position:relative!important; width:auto!important; margin:0 0 13px!important; padding-left:40px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__eyebrow::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:28px!important; height:1px!important; background:var(--sage)!important; transform:translateY(-50%)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__eyebrow .elementor-heading-title{ margin:0!important; color:var(--sage)!important; font-family:var(--body)!important; font-size:10px!important; font-weight:700!important; line-height:1.3!important; letter-spacing:2.1px!important; text-transform:uppercase!important; } /* ========================================================= 06 — MAIN HEADING ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__title{ width:100%!important; max-width:660px!important; margin:0 0 18px!important; padding:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__title .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-family:var(--heading)!important; font-size:58px!important; font-weight:600!important; line-height:.94!important; letter-spacing:-.95px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__title .elementor-heading-title span{ color:var(--sage-light)!important; font-family:var(--heading)!important; font-style:italic!important; font-weight:500!important; } /* ========================================================= 07 — BODY ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__text{ width:100%!important; max-width:560px!important; margin:0 0 24px!important; padding:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__text p{ margin:0!important; color:rgba(234,241,235,.68)!important; font-family:var(--body)!important; font-size:14px!important; font-weight:400!important; line-height:1.72!important; } /* ========================================================= 08 — BUTTON ROW ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__actions{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; margin:0 0 26px!important; padding:0!important; gap:12px!important; flex-wrap:wrap!important; } /* PRIMARY */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary{ width:auto!important; margin:0!important; padding:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button{ position:relative!important; isolation:isolate!important; overflow:hidden!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:52px!important; padding:10px 11px 10px 22px!important; border:1px solid var(--sage)!important; border-radius:999px!important; background:var(--sage)!important; color:var(--forest-950)!important; box-shadow: 0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.34)!important; font-family:var(--body)!important; font-size:10px!important; font-weight:700!important; line-height:1!important; letter-spacing:.9px!important; text-transform:uppercase!important; gap:12px!important; transition: transform .30s ease, background-color .30s ease, color .30s ease, box-shadow .30s ease!important; } /* arrow capsule */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button::after{ content:"→"!important; position:relative!important; z-index:2!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 32px!important; width:32px!important; height:32px!important; border:1px solid rgba(15,45,36,.20)!important; border-radius:50%!important; background:rgba(255,255,255,.32)!important; color:var(--forest-950)!important; font-family:var(--body)!important; font-size:14px!important; font-weight:500!important; line-height:1!important; transition: transform .30s ease, background-color .30s ease, color .30s ease!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button-content-wrapper, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button-text{ display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; line-height:1!important; } /* SECONDARY */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__secondary{ width:auto!important; margin:0!important; padding:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__secondary .elementor-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:52px!important; padding:10px 20px!important; border:1px solid rgba(169,191,174,.32)!important; border-radius:999px!important; background:rgba(255,255,255,.025)!important; color:var(--white)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05)!important; font-family:var(--body)!important; font-size:10px!important; font-weight:700!important; line-height:1!important; letter-spacing:.85px!important; text-transform:uppercase!important; transition: transform .30s ease, border-color .30s ease, background-color .30s ease, color .30s ease!important; } /* ========================================================= 09 — TRUST STRIP ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; margin:0!important; padding:17px 0 0!important; gap:0!important; border-top:1px solid rgba(169,191,174,.14)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item{ position:relative!important; display:flex!important; flex-direction:row!important; align-items:center!important; width:auto!important; margin:0!important; padding:0 18px!important; gap:9px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:first-child{ padding-left:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:not(:last-child)::after{ content:""!important; position:absolute!important; right:0!important; top:50%!important; width:1px!important; height:22px!important; background:rgba(169,191,174,.14)!important; transform:translateY(-50%)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 34px!important; width:34px!important; height:34px!important; margin:0!important; padding:0!important; border:1px solid rgba(169,191,174,.20)!important; border-radius:50%!important; background:rgba(169,191,174,.07)!important; color:var(--sage-light)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 6px 14px rgba(0,0,0,.10)!important; transition: transform .28s ease, background-color .28s ease, color .28s ease, box-shadow .28s ease!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon::after{ content:""!important; position:absolute!important; inset:5px!important; border:1px solid rgba(169,191,174,.08)!important; border-radius:50%!important; pointer-events:none!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon i, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg path{ color:currentColor!important; fill:currentColor!important; stroke:currentColor!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text{ width:auto!important; margin:0!important; padding:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text p{ margin:0!important; color:rgba(234,241,235,.62)!important; font-family:var(--body)!important; font-size:9px!important; font-weight:600!important; line-height:1.35!important; letter-spacing:.6px!important; text-transform:uppercase!important; } /* ========================================================= 10 — VISUAL PANEL ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual{ position:relative!important; isolation:isolate!important; overflow:visible!important; display:flex!important; align-items:stretch!important; justify-content:stretch!important; width:100%!important; min-width:0!important; min-height:calc(var(--cta-height) - 36px)!important; margin:0!important; padding:0!important; } /* offset outline behind image */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual::before{ content:""!important; position:absolute!important; left:-12px!important; top:12px!important; right:12px!important; bottom:-12px!important; z-index:0!important; border:1px solid rgba(169,191,174,.18)!important; border-radius:170px 28px 28px 28px!important; background:rgba(169,191,174,.035)!important; transform:rotate(-1.5deg)!important; pointer-events:none!important; } /* decorative orbit */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual::after{ content:""!important; position:absolute!important; right:-18px!important; bottom:-18px!important; z-index:5!important; width:110px!important; height:110px!important; border:1px solid rgba(169,191,174,.16)!important; border-radius:50%!important; box-shadow: 0 0 0 14px rgba(169,191,174,.025), 0 0 0 28px rgba(169,191,174,.012)!important; pointer-events:none!important; } /* ========================================================= 11 — IMAGE ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__image{ position:relative!important; z-index:2!important; width:100%!important; height:100%!important; min-height:calc(var(--cta-height) - 36px)!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:170px 28px 28px 28px!important; box-shadow: 0 28px 64px rgba(0,0,0,.22)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__image > .elementor-widget-container{ width:100%!important; height:100%!important; min-height:inherit!important; overflow:hidden!important; border-radius:inherit!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__image img{ display:block!important; width:100%!important; height:100%!important; min-height:inherit!important; object-fit:cover!important; object-position:center center!important; border-radius:inherit!important; filter: saturate(.90) contrast(1.03) brightness(.86)!important; transform:scale(1.002)!important; transition: transform .80s cubic-bezier(.2,.75,.25,1), filter .50s ease!important; } /* visual dark gradient overlay */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__image::after{ content:""!important; position:absolute!important; inset:0!important; z-index:3!important; border-radius:inherit!important; background: linear-gradient(180deg,rgba(15,45,36,.04) 0%,rgba(15,45,36,.10) 55%,rgba(15,45,36,.38) 100%)!important; pointer-events:none!important; } /* ========================================================= 12 — FLOATING BADGE ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge{ position:absolute!important; left:-18px!important; bottom:26px!important; z-index:7!important; display:flex!important; flex-direction:row!important; align-items:center!important; width:auto!important; max-width:calc(100% - 12px)!important; margin:0!important; padding:12px 15px 12px 11px!important; gap:10px!important; border:1px solid rgba(255,255,255,.28)!important; border-radius:16px!important; background:rgba(15,45,36,.90)!important; box-shadow: 0 16px 38px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; transition: transform .30s ease, box-shadow .30s ease!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 38px!important; width:38px!important; height:38px!important; margin:0!important; padding:0!important; border:1px solid rgba(169,191,174,.24)!important; border-radius:50%!important; background:rgba(169,191,174,.10)!important; color:var(--sage-light)!important; transition: transform .28s ease, background-color .28s ease, color .28s ease!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon::after{ content:""!important; position:absolute!important; inset:5px!important; border:1px solid rgba(169,191,174,.08)!important; border-radius:50%!important; pointer-events:none!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon i, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg path{ color:currentColor!important; fill:currentColor!important; stroke:currentColor!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-copy{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; width:auto!important; margin:0!important; padding:0!important; gap:2px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-title .elementor-heading-title{ margin:0!important; color:var(--white)!important; font-family:var(--heading)!important; font-size:20px!important; font-weight:600!important; line-height:1!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-text p{ margin:0!important; color:rgba(255,255,255,.62)!important; font-family:var(--body)!important; font-size:8.5px!important; font-weight:600!important; line-height:1.3!important; letter-spacing:.65px!important; text-transform:uppercase!important; } /* ========================================================= 13 — VERTICAL STAMP ========================================================= */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stamp{ position:absolute!important; right:18px!important; top:24px!important; z-index:7!important; display:flex!important; align-items:center!important; justify-content:center!important; width:auto!important; margin:0!important; padding:9px 10px!important; border:1px solid rgba(255,255,255,.22)!important; border-radius:999px!important; background:rgba(15,45,36,.60)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stamp, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stamp p{ margin:0!important; color:rgba(255,255,255,.78)!important; font-family:var(--body)!important; font-size:8px!important; font-weight:700!important; line-height:1!important; letter-spacing:1.5px!important; text-transform:uppercase!important; } /* ========================================================= 14 — DESKTOP HOVER / MICRO INTERACTION ========================================================= */ @media(hover:hover) and (pointer:fine){ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual:hover .mbc-finalcta__image img{ filter: saturate(1) contrast(1.05) brightness(.92)!important; transform:scale(1.035)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual:hover .mbc-finalcta__badge{ transform:translateY(-4px)!important; box-shadow: 0 22px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual:hover .mbc-finalcta__badge-icon{ background:var(--sage-light)!important; color:var(--forest-950)!important; transform: rotate(-4deg) scale(1.06)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button:hover{ background:var(--white)!important; color:var(--forest-950)!important; transform:translateY(-3px)!important; box-shadow: 0 18px 38px rgba(0,0,0,.20), 0 0 26px rgba(169,191,174,.10)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button:hover::after{ background:var(--forest-950)!important; color:var(--white)!important; transform: translateX(3px) rotate(-7deg)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__secondary .elementor-button:hover{ border-color:rgba(169,191,174,.70)!important; background:rgba(169,191,174,.08)!important; color:var(--sage-light)!important; transform:translateY(-2px)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:hover .mbc-finalcta__trust-icon{ background:var(--sage-light)!important; color:var(--forest-950)!important; transform: translateY(-2px) rotate(-3deg) scale(1.05)!important; box-shadow: 0 10px 22px rgba(0,0,0,.15), 0 0 18px rgba(169,191,174,.08)!important; } } /* ========================================================= 15 — TABLET ========================================================= */ @media(max-width:1024px){ .elementor-1394 .elementor-element.elementor-element-22397cdf{ --cta-height:500px; --cta-gap:22px; padding: 74px 24px 80px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stage{ grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)!important; padding:16px!important; border-radius:28px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stage::before, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stage::after{ display:none!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__content{ padding: 38px 14px 38px 24px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__content::before{ left:24px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__title .elementor-heading-title{ font-size:48px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__text p{ font-size:13px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust{ flex-wrap:wrap!important; row-gap:10px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item{ padding: 0 14px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual::before{ border-radius: 140px 24px 24px 24px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__image{ border-radius: 140px 24px 24px 24px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge{ left:-12px!important; } } /* ========================================================= 16 — MOBILE ========================================================= */ @media(max-width:767px){ .elementor-1394 .elementor-element.elementor-element-22397cdf{ --cta-height:auto; padding: 58px 16px 64px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf::before{ top:22px!important; left:-8px!important; font-size:112px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf::after{ right:-165px!important; top:-130px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stage{ display:flex!important; flex-direction:column!important; min-height:0!important; padding:12px!important; gap:14px!important; border-radius:22px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__content{ padding: 34px 10px 24px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__content::before{ left:10px!important; top:18px!important; width:58px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__eyebrow{ margin-bottom:10px!important; padding-left:34px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__eyebrow::before{ width:24px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__eyebrow .elementor-heading-title{ font-size:8.5px!important; letter-spacing:1.7px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__title{ margin-bottom:15px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__title .elementor-heading-title{ font-size:40px!important; line-height:.98!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__text{ margin-bottom:20px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__text p{ font-size:13px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__actions{ flex-direction:column!important; align-items:stretch!important; margin-bottom:22px!important; gap:10px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__secondary{ width:100%!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__secondary .elementor-button{ width:100%!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button{ min-height:50px!important; font-size:9px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__secondary .elementor-button{ min-height:48px!important; font-size:9px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust{ display:grid!important; grid-template-columns:1fr!important; gap:9px!important; padding-top:15px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item{ width:100%!important; padding:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:not(:last-child)::after{ display:none!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text p{ font-size:8.5px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual{ min-height:390px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual::before{ left:-6px!important; top:8px!important; right:8px!important; bottom:-6px!important; border-radius: 90px 18px 18px 18px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual::after{ right:-10px!important; bottom:-10px!important; width:82px!important; height:82px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__image{ min-height:390px!important; border-radius: 90px 18px 18px 18px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge{ left:12px!important; bottom:14px!important; max-width:calc(100% - 24px)!important; padding: 10px 13px 10px 10px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon{ flex-basis:34px!important; width:34px!important; height:34px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-title .elementor-heading-title{ font-size:18px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-text p{ font-size:7.8px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stamp{ right:12px!important; top:12px!important; padding:7px 9px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stamp, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__stamp p{ font-size:7px!important; } } /* ========================================================= 17 — SMALL MOBILE ========================================================= */ @media(max-width:390px){ .elementor-1394 .elementor-element.elementor-element-22397cdf{ padding-left:14px!important; padding-right:14px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__title .elementor-heading-title{ font-size:36px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual{ min-height:350px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__image{ min-height:350px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-title .elementor-heading-title{ font-size:17px!important; } } /* ========================================================= 18 — REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__image img, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__primary .elementor-button::after, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__secondary .elementor-button, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon{ transition:none!important; } } /* ========================================================= FINAL CTA — TRUST ROW HORIZONTAL FIX V2 FULL OVERRIDE Goal: - Desktop: 3 trust items sejajar 1 baris - Tablet: tetap 3 kolom - Mobile: 1 kolom - Icon + text rapi dan tidak wrap aneh ========================================================= */ /* --------------------------------------------------------- 1. FORCE TRUST ROW TO 3 COLUMNS --------------------------------------------------------- */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:center!important; justify-content:stretch!important; width:100%!important; min-width:0!important; margin:0!important; padding:18px 0 0!important; gap:0!important; border-top:1px solid rgba(169,191,174,.14)!important; } /* --------------------------------------------------------- 2. EACH TRUST ITEM --------------------------------------------------------- */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item{ position:relative!important; display:grid!important; grid-template-columns:46px minmax(0,1fr)!important; align-items:center!important; width:100%!important; min-width:0!important; min-height:52px!important; margin:0!important; padding:0 14px!important; gap:10px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:first-child{ padding-left:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:last-child{ padding-right:0!important; } /* vertical separator */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:not(:last-child)::after{ content:""!important; position:absolute!important; right:0!important; top:50%!important; width:1px!important; height:28px!important; background:rgba(169,191,174,.14)!important; transform:translateY(-50%)!important; } /* --------------------------------------------------------- 3. ICON — COMPACT PREMIUM CIRCLE --------------------------------------------------------- */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; width:46px!important; min-width:46px!important; max-width:46px!important; height:46px!important; min-height:46px!important; margin:0!important; padding:0!important; border:1px solid rgba(169,191,174,.22)!important; border-radius:50%!important; background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.12),transparent 30%), linear-gradient(145deg,rgba(169,191,174,.15),rgba(169,191,174,.055))!important; color:var(--sage-light)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.13)!important; overflow:hidden!important; transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon::before{ content:""!important; position:absolute!important; inset:5px!important; border:1px solid rgba(169,191,174,.10)!important; border-radius:50%!important; pointer-events:none!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon::after{ display:none!important; } /* Elementor wrapper reset */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon > .elementor-widget-container, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon-wrapper, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; line-height:0!important; } /* icon size + color */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon i{ font-size:17px!important; line-height:1!important; color:var(--sage-light)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg{ width:17px!important; height:17px!important; display:block!important; color:var(--sage-light)!important; fill:var(--sage-light)!important; stroke:var(--sage-light)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg path, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg circle, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg rect, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg polygon{ color:inherit!important; fill:currentColor!important; stroke:currentColor!important; } /* --------------------------------------------------------- 4. TRUST TEXT --------------------------------------------------------- */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text{ display:flex!important; align-items:center!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text > .elementor-widget-container{ width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text p{ margin:0!important; color:rgba(234,241,235,.82)!important; font-family:var(--body)!important; font-size:8.8px!important; font-weight:700!important; line-height:1.3!important; letter-spacing:.42px!important; text-transform:uppercase!important; white-space:nowrap!important; } /* --------------------------------------------------------- 5. HOVER --------------------------------------------------------- */ @media(hover:hover) and (pointer:fine){ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:hover .mbc-finalcta__trust-icon{ background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.42),transparent 30%), linear-gradient(145deg,var(--sage-light),var(--sage))!important; color:var(--forest-950)!important; transform: translateY(-2px) rotate(-4deg) scale(1.05)!important; box-shadow: 0 12px 25px rgba(0,0,0,.18), 0 0 20px rgba(169,191,174,.11)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:hover .mbc-finalcta__trust-icon .elementor-icon i, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:hover .mbc-finalcta__trust-icon .elementor-icon svg{ color:var(--forest-950)!important; fill:var(--forest-950)!important; stroke:var(--forest-950)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:hover .mbc-finalcta__trust-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:hover .mbc-finalcta__trust-text p{ color:var(--sage-light)!important; } } /* --------------------------------------------------------- 6. TABLET — KEEP 3 IN ONE ROW --------------------------------------------------------- */ @media(max-width:1024px){ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item{ grid-template-columns:42px minmax(0,1fr)!important; min-height:48px!important; padding:0 10px!important; gap:8px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:first-child{ padding-left:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:last-child{ padding-right:0!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon{ width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon i{ font-size:15px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg{ width:15px!important; height:15px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text p{ font-size:7.8px!important; letter-spacing:.30px!important; } } /* --------------------------------------------------------- 7. MOBILE — VERTICAL --------------------------------------------------------- */ @media(max-width:767px){ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust{ grid-template-columns:1fr!important; gap:10px!important; padding-top:15px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item{ grid-template-columns:44px minmax(0,1fr)!important; min-height:48px!important; padding:0!important; gap:11px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-item:not(:last-child)::after{ display:none!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon{ width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon i{ font-size:16px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-icon .elementor-icon svg{ width:16px!important; height:16px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__trust-text p{ font-size:9px!important; white-space:normal!important; } } /* ========================================================= FINAL CTA — FLOATING BADGE ICON FIX V3 Fix icon "2 Days • 1 Night" agar kecil, center, dan tidak keluar lingkaran. ========================================================= */ /* Widget icon container */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 42px!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; padding:0!important; overflow:hidden!important; border:1px solid rgba(169,191,174,.24)!important; border-radius:50%!important; background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.12),transparent 30%), linear-gradient(145deg,rgba(169,191,174,.15),rgba(169,191,174,.055))!important; color:var(--sage-light)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.15)!important; transform:none!important; } /* inner ring */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon::before{ content:""!important; position:absolute!important; inset:5px!important; z-index:0!important; border:1px solid rgba(169,191,174,.10)!important; border-radius:50%!important; pointer-events:none!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon::after{ display:none!important; } /* Reset Elementor wrapper sizing */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon > .elementor-widget-container, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon-wrapper, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon{ position:relative!important; z-index:1!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; line-height:0!important; transform:none!important; } /* FONT AWESOME / icon font */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon i, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon i::before{ display:block!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; color:var(--sage-light)!important; font-size:15px!important; line-height:1!important; transform:none!important; } /* SVG icons */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg{ display:block!important; width:16px!important; min-width:16px!important; max-width:16px!important; height:16px!important; min-height:16px!important; max-height:16px!important; margin:0!important; padding:0!important; overflow:visible!important; color:var(--sage-light)!important; fill:var(--sage-light)!important; stroke:var(--sage-light)!important; transform:none!important; } /* Force SVG shapes to the same Sage tone */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg path, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg circle, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg rect, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg polygon, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg polyline, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg line{ color:inherit!important; fill:currentColor!important; stroke:currentColor!important; } /* Keep badge content aligned */ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge{ display:grid!important; grid-template-columns:42px minmax(0,1fr)!important; align-items:center!important; column-gap:11px!important; padding:11px 15px 11px 11px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-copy{ min-width:0!important; justify-content:center!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-title .elementor-heading-title{ white-space:nowrap!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-text, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-text p{ white-space:nowrap!important; } /* Hover stays controlled */ @media(hover:hover) and (pointer:fine){ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual:hover .mbc-finalcta__badge-icon{ background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.40),transparent 30%), linear-gradient(145deg,var(--sage-light),var(--sage))!important; color:var(--forest-950)!important; transform:rotate(-4deg) scale(1.05)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual:hover .mbc-finalcta__badge-icon .elementor-icon i, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__visual:hover .mbc-finalcta__badge-icon .elementor-icon svg{ color:var(--forest-950)!important; fill:var(--forest-950)!important; stroke:var(--forest-950)!important; } } /* Tablet */ @media(max-width:1024px){ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge{ grid-template-columns:40px minmax(0,1fr)!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon{ flex-basis:40px!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon i, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon i::before{ font-size:14px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg{ width:15px!important; min-width:15px!important; max-width:15px!important; height:15px!important; min-height:15px!important; max-height:15px!important; } } /* Mobile */ @media(max-width:767px){ .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge{ grid-template-columns:36px minmax(0,1fr)!important; column-gap:10px!important; padding:10px 13px 10px 10px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon{ flex-basis:36px!important; width:36px!important; min-width:36px!important; max-width:36px!important; height:36px!important; min-height:36px!important; max-height:36px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon i, .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon i::before{ font-size:13px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-icon .elementor-icon svg{ width:14px!important; min-width:14px!important; max-width:14px!important; height:14px!important; min-height:14px!important; max-height:14px!important; } .elementor-1394 .elementor-element.elementor-element-22397cdf .mbc-finalcta__badge-title .elementor-heading-title{ white-space:normal!important; } }/* End custom CSS */