.elementor-406 .elementor-element.elementor-element-cb492cd{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-717eaca{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-717eaca.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-406 .elementor-element.elementor-element-325f704{text-align:start;}.elementor-406 .elementor-element.elementor-element-b102426{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-b102426.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-406 .elementor-element.elementor-element-a28d322{text-align:start;}.elementor-406 .elementor-element.elementor-element-b3b5da6{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-ef440b6{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-ef440b6.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-406 .elementor-element.elementor-element-e4e2683{text-align:start;}.elementor-406 .elementor-element.elementor-element-27f111b{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-menu-toggle{margin:0 auto;}.elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-nav-menu .elementor-item{font-weight:600;text-decoration:none;letter-spacing:0px;}.elementor-406 .elementor-element.elementor-element-5d9fca7{width:var( --container-widget-width, 13% );max-width:13%;margin:-0.5em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-406 .elementor-element.elementor-element-c953e2a{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button{font-family:"Manrope", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-406 .elementor-element.elementor-element-1e539a2{--display:flex;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-d16398f{--display:flex;--min-height:93vh;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-d16398f:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-d16398f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mwggroup.id/wp-content/uploads/2026/07/background-section1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-406 .elementor-element.elementor-element-77676ba{--display:flex;--margin-top:11em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:50%;}.elementor-406 .elementor-element.elementor-element-3b95fe7 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;color:#52763B;}.elementor-406 .elementor-element.elementor-element-f60e7cc .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:700;line-height:1.1em;color:#3B1D01;}.elementor-406 .elementor-element.elementor-element-5a1d4b8 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:500;line-height:1.5em;color:#1F1F1F;}.elementor-406 .elementor-element.elementor-element-70c3d63{--display:flex;--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-406 .elementor-element.elementor-element-e9f4113{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-4em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;--z-index:5;}.elementor-406 .elementor-element.elementor-element-e9f4113:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-e9f4113 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFBF800;}.elementor-406 .elementor-element.elementor-element-ab4570b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3em;--padding-bottom:0em;--padding-left:4em;--padding-right:4em;}.elementor-406 .elementor-element.elementor-element-ab4570b:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-ab4570b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFBF8;}.elementor-406 .elementor-element.elementor-element-6012b26{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-145d80c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:#5B7433;}.elementor-406 .elementor-element.elementor-element-d749ce5 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:700;text-transform:capitalize;color:#241B15;}.elementor-406 .elementor-element.elementor-element-2b6f5a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-038db18 .elementor-button{background-color:#02010100;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B7433;border-radius:6px 6px 6px 6px;}.elementor-406 .elementor-element.elementor-element-038db18 .elementor-button:hover, .elementor-406 .elementor-element.elementor-element-038db18 .elementor-button:focus{background-color:#02010100;}.elementor-406 .elementor-element.elementor-element-40bec61{--display:flex;}.elementor-406 .elementor-element.elementor-element-40bec61:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-40bec61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFBF8;}.elementor-406 .elementor-element.elementor-element-90f0e63{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-90f0e63:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-90f0e63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAF7;}.elementor-406 .elementor-element.elementor-element-1479b3e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0em 1.5em;--row-gap:0em;--column-gap:1.5em;--padding-top:0em;--padding-bottom:0em;--padding-left:3.5em;--padding-right:3.5em;}.elementor-406 .elementor-element.elementor-element-7f0f6c9{--display:flex;--min-height:470px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F2E9DD;--border-color:#F2E9DD;--border-radius:18px 18px 18px 18px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:30px;--padding-right:30px;}.elementor-406 .elementor-element.elementor-element-7f0f6c9:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-7f0f6c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAF7;}.elementor-406 .elementor-element.elementor-element-7a718a6{width:100%;max-width:100%;z-index:2;}body:not(.rtl) .elementor-406 .elementor-element.elementor-element-c981c24{right:-114px;}body.rtl .elementor-406 .elementor-element.elementor-element-c981c24{left:-114px;}.elementor-406 .elementor-element.elementor-element-c981c24{bottom:-166px;z-index:1;text-align:end;}.elementor-406 .elementor-element.elementor-element-c981c24 img{width:100%;}.elementor-406 .elementor-element.elementor-element-249c409{--display:flex;--min-height:470px;--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;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F2E9DD;--border-color:#F2E9DD;--border-radius:18px 18px 18px 18px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:30px;--padding-right:30px;}.elementor-406 .elementor-element.elementor-element-249c409:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-249c409 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAF7;}.elementor-406 .elementor-element.elementor-element-868d658{width:100%;max-width:100%;z-index:2;}body:not(.rtl) .elementor-406 .elementor-element.elementor-element-1143068{right:-86px;}body.rtl .elementor-406 .elementor-element.elementor-element-1143068{left:-86px;}.elementor-406 .elementor-element.elementor-element-1143068{bottom:-163px;z-index:1;text-align:end;}.elementor-406 .elementor-element.elementor-element-1143068 img{width:100%;}.elementor-406 .elementor-element.elementor-element-c6d0a2b{--display:flex;--min-height:470px;--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;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F2E9DD;--border-color:#F2E9DD;--border-radius:18px 18px 18px 18px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:30px;--padding-right:30px;}.elementor-406 .elementor-element.elementor-element-c6d0a2b:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-c6d0a2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAF7;}.elementor-406 .elementor-element.elementor-element-f63c7bb{width:100%;max-width:100%;z-index:2;}body:not(.rtl) .elementor-406 .elementor-element.elementor-element-cf0d02a{right:-64px;}body.rtl .elementor-406 .elementor-element.elementor-element-cf0d02a{left:-64px;}.elementor-406 .elementor-element.elementor-element-cf0d02a{bottom:-158px;z-index:1;text-align:end;}.elementor-406 .elementor-element.elementor-element-cf0d02a img{width:100%;}.elementor-406 .elementor-element.elementor-element-560f657{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:1em;--padding-bottom:0em;--padding-left:3em;--padding-right:3em;}.elementor-406 .elementor-element.elementor-element-560f657:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-560f657 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAF7;}.elementor-406 .elementor-element.elementor-element-6cdd4c0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-6cdd4c0:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-6cdd4c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mwggroup.id/wp-content/uploads/2026/07/export-services.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-406 .elementor-element.elementor-element-d5718c2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-c9189cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-c9189cb:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-c9189cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mwggroup.id/wp-content/uploads/2026/07/background-hijau.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-406 .elementor-element.elementor-element-1705219{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-49f194b{--display:flex;}.elementor-406 .elementor-element.elementor-element-49f194b:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-49f194b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFBF8;}.elementor-406 .elementor-element.elementor-element-ebd29a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-ebd29a2:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-ebd29a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAF7;}.elementor-406 .elementor-element.elementor-element-0791aee{--display:flex;--padding-top:2em;--padding-bottom:0em;--padding-left:3em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-7dfd2a3{--display:flex;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-406 .elementor-element.elementor-element-914f368{padding:0px 0px 0px 0px;}.elementor-406 .elementor-element.elementor-element-32b8b0d{--display:flex;--padding-top:3em;--padding-bottom:0em;--padding-left:3em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-3a45008 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-406 .elementor-element.elementor-element-3a45008 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-406 .elementor-element.elementor-element-3a45008{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-406 .elementor-element.elementor-element-00ad040{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0.5em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-406 .elementor-element.elementor-element-b8e7f34{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:1.9em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-b8e7f34:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-b8e7f34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAF7;}.elementor-406 .elementor-element.elementor-element-5279bfa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-2a5f335{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:3em;--padding-right:3em;}.elementor-406 .elementor-element.elementor-element-b8d8171{--display:flex;--min-height:410px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-b8d8171:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-b8d8171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mwggroup.id/wp-content/uploads/2026/07/background-ship.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-406 .elementor-element.elementor-element-ff5f264{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-ff5f264:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-ff5f264 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-406 .elementor-element.elementor-element-f2c1bbe{padding:1em 2em 2em 2em;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group.recaptcha_v3-bottomleft, .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-type-html{padding-bottom:0px;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-button[type="submit"]{color:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-406 .elementor-element.elementor-element-f2c1bbe .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-406 .elementor-element.elementor-element-0cd92ef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:3em;--padding-right:3em;}.elementor-406 .elementor-element.elementor-element-945ced0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-1edd249{--display:flex;}@media(max-width:1024px){.elementor-406 .elementor-element.elementor-element-b102426{--justify-content:flex-end;}.elementor-406 .elementor-element.elementor-element-a28d322 img{width:35px;}.elementor-406 .elementor-element.elementor-element-77676ba{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-406 .elementor-element.elementor-element-e9f4113{--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-406 .elementor-element.elementor-element-90f0e63{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-406 .elementor-element.elementor-element-1479b3e{--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;--flex-wrap:wrap;}body:not(.rtl) .elementor-406 .elementor-element.elementor-element-c981c24{right:-101px;}body.rtl .elementor-406 .elementor-element.elementor-element-c981c24{left:-101px;}.elementor-406 .elementor-element.elementor-element-c981c24{bottom:-124px;}body:not(.rtl) .elementor-406 .elementor-element.elementor-element-1143068{right:-64px;}body.rtl .elementor-406 .elementor-element.elementor-element-1143068{left:-64px;}.elementor-406 .elementor-element.elementor-element-1143068{bottom:-141px;}}@media(max-width:767px){.elementor-406 .elementor-element.elementor-element-b102426{--justify-content:flex-end;}.elementor-406 .elementor-element.elementor-element-b102426.e-con{--align-self:center;}.elementor-406 .elementor-element.elementor-element-a28d322{text-align:end;}.elementor-406 .elementor-element.elementor-element-a28d322 img{width:32px;}.elementor-406 .elementor-element.elementor-element-d16398f{--min-height:100vh;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-77676ba{--margin-top:4em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:8em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-3b95fe7 .elementor-heading-title{font-size:12px;}.elementor-406 .elementor-element.elementor-element-f60e7cc .elementor-heading-title{font-size:58px;}.elementor-406 .elementor-element.elementor-element-e9f4113{--margin-top:2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-406 .elementor-element.elementor-element-ab4570b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-406 .elementor-element.elementor-element-6012b26{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-406 .elementor-element.elementor-element-d749ce5{text-align:center;}.elementor-406 .elementor-element.elementor-element-40bec61{--padding-top:3em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}body:not(.rtl) .elementor-406 .elementor-element.elementor-element-c981c24{right:-35px;}body.rtl .elementor-406 .elementor-element.elementor-element-c981c24{left:-35px;}.elementor-406 .elementor-element.elementor-element-c981c24{bottom:-94px;}.elementor-406 .elementor-element.elementor-element-560f657{--padding-top:2em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-406 .elementor-element.elementor-element-49f194b{--padding-top:3em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-406 .elementor-element.elementor-element-32b8b0d{--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-406 .elementor-element.elementor-element-3a45008{padding:0em 0em 2em 0em;}.elementor-406 .elementor-element.elementor-element-00ad040{--flex-wrap:nowrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-16d79c3{padding:0em 0em 0em 0em;}.elementor-406 .elementor-element.elementor-element-2a5f335{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-406 .elementor-element.elementor-element-0cd92ef{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}}@media(min-width:768px){.elementor-406 .elementor-element.elementor-element-cb492cd{--width:100%;}.elementor-406 .elementor-element.elementor-element-717eaca{--width:100%;}.elementor-406 .elementor-element.elementor-element-b102426{--width:100%;}.elementor-406 .elementor-element.elementor-element-b3b5da6{--width:100%;}.elementor-406 .elementor-element.elementor-element-ef440b6{--width:100%;}.elementor-406 .elementor-element.elementor-element-d16398f{--width:100%;}.elementor-406 .elementor-element.elementor-element-77676ba{--width:100%;}.elementor-406 .elementor-element.elementor-element-e9f4113{--width:100%;}.elementor-406 .elementor-element.elementor-element-ab4570b{--width:100%;}.elementor-406 .elementor-element.elementor-element-90f0e63{--width:100%;}.elementor-406 .elementor-element.elementor-element-1479b3e{--width:100%;}.elementor-406 .elementor-element.elementor-element-7f0f6c9{--width:33.33%;}.elementor-406 .elementor-element.elementor-element-249c409{--width:33.33%;}.elementor-406 .elementor-element.elementor-element-c6d0a2b{--width:33.33%;}.elementor-406 .elementor-element.elementor-element-6cdd4c0{--width:70%;}.elementor-406 .elementor-element.elementor-element-c9189cb{--width:30%;}.elementor-406 .elementor-element.elementor-element-0791aee{--width:100%;}.elementor-406 .elementor-element.elementor-element-32b8b0d{--width:100%;}.elementor-406 .elementor-element.elementor-element-00ad040{--width:100%;}.elementor-406 .elementor-element.elementor-element-5279bfa{--width:100%;}.elementor-406 .elementor-element.elementor-element-2a5f335{--width:100%;}.elementor-406 .elementor-element.elementor-element-ff5f264{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-406 .elementor-element.elementor-element-7f0f6c9{--width:48%;}.elementor-406 .elementor-element.elementor-element-249c409{--width:48%;}.elementor-406 .elementor-element.elementor-element-c6d0a2b{--width:70%;}}/* Start custom CSS for image, class: .elementor-element-325f704 */.elementor-406 .elementor-element.elementor-element-325f704{ width:clamp(170px,14vw,250px); flex-shrink:0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-717eaca */.elementor-406 .elementor-element.elementor-element-717eaca{ flex:0 0 auto !important; width:fit-content !important; max-width:fit-content !important; min-width:unset !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cb492cd */.elementor-406 .elementor-element.elementor-element-cb492cd{ position:fixed; top:12px; left:50%; transform:translateX(-50%); width:min(96%,1600px); padding:0 clamp(18px,2vw,30px); height:72px; z-index:9999; display:flex; align-items:center; justify-content:space-between; border-radius:22px; overflow:visible; transition:.45s cubic-bezier(.4,0,.2,1); background:rgba(255,255,255,.14); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.35); box-shadow: 0 18px 50px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.35); } .elementor-406 .elementor-element.elementor-element-cb492cd::before{ content:""; position:absolute; inset:0; border-radius:inherit; background: linear-gradient( 180deg, rgba(255,255,255,.28), rgba(255,255,255,.05) ); pointer-events:none; } .elementor-406 .elementor-element.elementor-element-cb492cd::after{ content:""; position:absolute; left:-25%; top:-120%; width:45%; height:320%; background: radial-gradient( rgba(255,255,255,.35), transparent 70% ); transform:rotate(25deg); opacity:.45; pointer-events:none; } /* ========================================== MWG HEADER MOBILE Tampil di Tablet & Mobile ========================================== */ .mwg-header-mobile{ display:none !important; } @media (max-width:1024px){ .mwg-header-mobile{ display:flex !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e4e2683 */.elementor-406 .elementor-element.elementor-element-e4e2683{ width:clamp(170px,14vw,250px); flex-shrink:0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ef440b6 */.elementor-406 .elementor-element.elementor-element-ef440b6{ flex:0 0 auto !important; width:fit-content !important; max-width:fit-content !important; min-width:unset !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-a3a0db9 *//* ===================================================== MWG PREMIUM NAVBAR ===================================================== */ /* ===== Widget ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9{ flex:1; min-width:0; display:flex; align-items:center; justify-content:flex-end; margin-left:auto; } /* ===== Nav ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9 nav{ display:flex; width:100%; justify-content:flex-end; } /* ===== Main Menu ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-nav-menu{ display:flex !important; width:100%; justify-content:flex-end; align-items:center; flex-wrap:nowrap; gap:clamp(10px,.8vw,16px); } /* ===== Menu Item ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-nav-menu > li{ flex:0 0 auto; } /* ===== Link ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-item{ color:#2b2b2b !important; font-size:13px; font-weight:600; letter-spacing:.2px; white-space:nowrap; padding:0 6px; transition:.35s ease; } /* ===== Hover ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-item:hover{ color:#60733d !important; } /* ===================================================== ACTIVE MENU ===================================================== */ /* Matikan warna aktif bawaan WordPress */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .current-menu-item > a, .elementor-406 .elementor-element.elementor-element-a3a0db9 .current_page_item > a, .elementor-406 .elementor-element.elementor-element-a3a0db9 .current-menu-ancestor > a, .elementor-406 .elementor-element.elementor-element-a3a0db9 .current_page_parent > a{ color:#2b2b2b !important; } /* Gunakan hanya active milik Elementor */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-item.elementor-item-active{ color:#60733d !important; } /* ===== Dropdown ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .sub-menu{ margin-top:18px !important; min-width:240px; padding:12px; border-radius:18px; background:rgba(255,255,255,.82); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.45); box-shadow:0 18px 45px rgba(0,0,0,.08); overflow:hidden; animation:mwgDropdown .28s ease; } /* ===== Dropdown Link ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .sub-menu a{ color:#2b2b2b !important; padding:14px 18px !important; border-radius:12px; transition:.3s; } .elementor-406 .elementor-element.elementor-element-a3a0db9 .sub-menu a:hover{ background:#eff4ea; color:#60733d !important; transform:translateX(5px); } /* ===== Arrow ===== */ .elementor-406 .elementor-element.elementor-element-a3a0db9 .sub-arrow{ color:#60733d; transition:.3s; } .elementor-406 .elementor-element.elementor-element-a3a0db9 .menu-item:hover>.sub-arrow{ transform:rotate(180deg); } /* ===== Animation ===== */ @keyframes mwgDropdown{ from{ opacity:0; transform:translateY(-10px); } to{ opacity:1; transform:translateY(0); } } /* ===== Responsive ===== */ @media(max-width:1600px){ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-nav-menu{ gap:14px; } } @media(max-width:1440px){ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-nav-menu{ gap:12px; } .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-item{ font-size:12px; padding:0 5px; } } @media(max-width:1366px){ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-nav-menu{ gap:10px; } } @media(max-width:1280px){ .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-nav-menu{ gap:8px; } .elementor-406 .elementor-element.elementor-element-a3a0db9 .elementor-item{ font-size:11px; padding:0 4px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5d9fca7 */@media (min-width:1025px){ .gtranslate_wrapper .gt_white_content{ top:100% !important; margin-top:16px !important; left:auto !important; right:0 !important; transform:none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27f111b */.elementor-406 .elementor-element.elementor-element-27f111b{ flex:1 1 auto; display:flex; align-items:center; justify-content:flex-end; min-width:0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-abcb3a2 *//* ============================ MWG Premium CTA Button ============================ */ .elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:8px; min-width:190px; height:50px; padding:0 24px; border:none; border-radius:16px; color:#fff; font-size:13px; font-weight:600; letter-spacing:.2px; background:linear-gradient( 180deg, #557C47 0%, #3F6B3C 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 25px rgba(63,107,60,.25); transition:.35s ease; } .elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button:hover{ transform:translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 18px 35px rgba(63,107,60,.35); } .elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button:hover::before{ left:150%; } .elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button i{ transition:.3s; } .elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button:hover i{ transform:translateX(4px); } .elementor-406 .elementor-element.elementor-element-abcb3a2 .elementor-button:active{ transform:scale(.97); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c953e2a */.elementor-406 .elementor-element.elementor-element-c953e2a{ width:auto !important; flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b3b5da6 */.elementor-406 .elementor-element.elementor-element-b3b5da6{ position:fixed; top:24px; left:50%; transform:translateX(-50%); width:min(96%,1600px); padding:0 clamp(18px,2vw,30px); height:86px; z-index:9999; display:flex; align-items:center; justify-content:space-between; border-radius:26px; overflow:visible; transition:.45s cubic-bezier(.4,0,.2,1); background:rgba(255,255,255,.14); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.35); box-shadow: 0 18px 50px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.35); } .elementor-406 .elementor-element.elementor-element-b3b5da6::before{ content:""; position:absolute; inset:0; border-radius:inherit; background: linear-gradient( 180deg, rgba(255,255,255,.28), rgba(255,255,255,.05) ); pointer-events:none; } .elementor-406 .elementor-element.elementor-element-b3b5da6::after{ content:""; position:absolute; left:-25%; top:-120%; width:45%; height:320%; background: radial-gradient( rgba(255,255,255,.35), transparent 70% ); transform:rotate(25deg); opacity:.45; pointer-events:none; } /* ========================================== MWG HEADER DESKTOP Tampil Hanya di Desktop ========================================== */ @media (max-width:1024px){ .mwg-header{ display:none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f60e7cc */.elementor-406 .elementor-element.elementor-element-f60e7cc .text-green{ color: #56743A; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56dd9fd */.hero-buttons{ display:flex; align-items:center; gap:16px; margin-top:18px; flex-wrap:wrap; } .hero-buttons a{ display:flex; align-items:center; justify-content:center; gap:10px; padding:15px 28px; border-radius:12px; text-decoration:none; font-family:"Manrope",sans-serif; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; transition:all .35s ease; } /* =========================== REQUEST QUOTATION =========================== */ .btn-primary{ background:#5B7433; color:#FFFFFF; border:1.5px solid #5B7433; } .btn-primary:hover{ background:#465B28; border-color:#465B28; transform:translateY(-2px); } /* =========================== EXPLORE PRODUCTS =========================== */ .btn-secondary{ background:transparent; color:#1F1F1F; border:1.5px solid #5B7433; } /* Hover tanpa perubahan warna */ .btn-secondary:hover{ background:transparent; color:#1F1F1F; border:1.5px solid #5B7433; transform:translateY(-2px); } /* =========================== ICON =========================== */ .hero-buttons svg{ width:16px; height:16px; transition:transform .35s ease; } .hero-buttons a:hover svg{ transform:translateX(4px); } /* ========================================== FIX PRIMARY BUTTON TEXT COLOR ========================================== */ .btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:hover, .btn-primary:focus, .btn-primary:active{ color:#FFFFFF !important; text-decoration:none !important; } .btn-primary span{ color:#FFFFFF !important; } .btn-primary:hover span{ color:#FFFFFF !important; } .btn-primary svg{ color:#FFFFFF !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d16398f */.elementor-406 .elementor-element.elementor-element-d16398f{ position:relative; overflow:hidden; } /* ========================================== DESKTOP ========================================== */ .elementor-406 .elementor-element.elementor-element-d16398f::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:1; background:linear-gradient( 90deg, #ffffff 0%, #ffffff 20%, rgba(255,255,255,.95) 32%, rgba(255,255,255,.75) 42%, rgba(255,255,255,.40) 52%, rgba(255,255,255,.15) 60%, rgba(255,255,255,0) 70% ); } .elementor-406 .elementor-element.elementor-element-d16398f > *{ position:relative; z-index:2; } /* ========================================== TABLET & MOBILE ========================================== */ @media (max-width:1024px){ .elementor-406 .elementor-element.elementor-element-d16398f::before{ background:linear-gradient( 90deg, #ffffff 0%, #ffffff 20%, rgba(255,255,255,.95) 52%, rgba(255,255,255,.75) 62%, rgba(255,255,255,.40) 72%, rgba(255,255,255,.15) 80%, rgba(255,255,255,0) 90% ); } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8e540f2 *//* Mobile + Tablet */ @media (max-width:1024px){ .elementor-406 .elementor-element.elementor-element-8e540f2{ position:fixed !important; left:16px; bottom:20px; z-index:999999; width:auto!important; display:block!important; visibility:visible!important; opacity:1!important; } .elementor-406 .elementor-element.elementor-element-8e540f2 .gtranslate_wrapper, .elementor-406 .elementor-element.elementor-element-8e540f2 .gt_switcher{ display:inline-flex!important; } } /* Desktop */ @media (min-width:1025px){ .elementor-406 .elementor-element.elementor-element-8e540f2{ display:none!important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-890ff3d *//* ======================================================= MWG STATS SECTION Premium Responsive Desktop ======================================================= */ .mwg-stats{ width:100%; display:flex; align-items:center; justify-content:space-between; background:#fff; border-radius:22px; overflow:hidden; box-shadow: 0 14px 38px rgba(0,0,0,.08), 0 6px 14px rgba(0,0,0,.04); padding:12px 0; } /* ===================================================== */ .mwg-stat{ flex:1; display:flex; align-items:center; justify-content:center; gap:clamp(10px,.9vw,18px); padding: clamp(18px,1.6vw,30px) clamp(10px,.8vw,18px); position:relative; transition:.35s ease; } /* Divider */ .mwg-stat:not(:last-child)::after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:clamp(48px,4vw,72px); background:#ECE7DF; } /* ===================================================== */ .mwg-icon{ width:clamp(42px,2.4vw,56px); height:clamp(42px,2.4vw,56px); display:flex; justify-content:center; align-items:center; flex-shrink:0; color:#8B6A44; transition:.35s ease; } .mwg-icon svg{ width:clamp(30px,1.8vw,42px); height:clamp(30px,1.8vw,42px); } /* ===================================================== */ .mwg-text{ display:flex; flex-direction:column; justify-content:center; } /* Number */ .mwg-text h3{ margin:0; font-family:"Manrope",sans-serif; font-size:clamp(22px,1.6vw,29px); font-weight:800; letter-spacing:-0.4px; color:#1F1A16; line-height:1; } /* Label */ .mwg-text p{ margin:6px 0 0; font-family:"Manrope",sans-serif; font-size:clamp(13px,.9vw,16px); font-weight:500; color:#5F5850; line-height:1.45; } /* ===================================================== */ /* Hover */ /* ===================================================== */ .mwg-stat{ cursor:default; } .mwg-stat:hover{ background:#FBFAF7; } .mwg-stat:hover .mwg-icon{ transform:translateY(-4px) scale(1.08); color:#6F9141; } .mwg-stat:hover h3{ color:#6F9141; } /* ===================================================== */ /* Desktop 1600 */ /* ===================================================== */ @media (max-width:1600px){ .mwg-stats{ border-radius:20px; } } /* ===================================================== */ /* Laptop 1440 */ /* ===================================================== */ @media (max-width:1440px){ .mwg-stat{ gap:12px; padding:20px 12px; } .mwg-icon{ width:46px; height:46px; } .mwg-icon svg{ width:32px; height:32px; } .mwg-text h3{ font-size:24px; } .mwg-text p{ font-size:14px; } } /* ===================================================== */ /* Laptop 1366 */ /* ===================================================== */ @media (max-width:1366px){ .mwg-stat{ gap:10px; padding:18px 10px; } .mwg-icon{ width:42px; height:42px; } .mwg-icon svg{ width:30px; height:30px; } .mwg-text h3{ font-size:22px; } .mwg-text p{ font-size:13px; } } /* ===================================================== */ /* Tablet */ /* ===================================================== */ @media (max-width:1024px){ .mwg-stats{ flex-wrap:wrap; padding:8px 0; } .mwg-stat{ flex:0 0 50%; justify-content:flex-start; padding:28px; } .mwg-stat::after{ display:none; } .mwg-stat{ border-bottom:1px solid #ECE7DF; } } /* ===================================================== */ /* MOBILE */ /* ===================================================== */ @media (max-width:767px){ .mwg-stats{ display:grid; grid-template-columns:1fr 1fr; background:#fff; border-radius:20px; overflow:hidden; padding:0; box-shadow: 0 10px 30px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04); } /* ========================= */ .mwg-stat{ flex:none; width:100%; display:flex; align-items:center; justify-content:flex-start; gap:14px; padding:22px 18px; border-right:1px solid #ECE7DF; border-bottom:1px solid #ECE7DF; background:#fff; } /* Hilangkan divider desktop */ .mwg-stat::after{ display:none; } /* kolom kanan */ .mwg-stat:nth-child(2n){ border-right:none; } /* baris terakhir */ .mwg-stat:nth-child(5){ grid-column:1 / span 2; border-bottom:none; border-right:none; } /* ========================= */ .mwg-icon{ width:42px; height:42px; flex-shrink:0; } .mwg-icon svg{ width:28px; height:28px; } /* ========================= */ .mwg-text h3{ font-size:18px; font-weight:800; margin:0; } .mwg-text p{ margin:4px 0 0; font-size:13px; line-height:1.35; } /* ========================= */ .mwg-stat:hover{ background:#fff; } .mwg-stat:hover .mwg-icon{ transform:none; color:#8B6A44; } .mwg-stat:hover h3{ color:#1F1A16; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e11405c *//* ====================================================== MWG MOBILE PRODUCTS ONLY MOBILE ====================================================== */ .mwg-mobile-products{ display:none; } @media (max-width:767px){ .mwg-mobile-products{ display:block; width:100%; padding:0; } /* ========================= */ .mwg-mobile-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; } .mwg-mobile-label{ font-family:"Manrope",sans-serif; font-size:12px; font-weight:800; letter-spacing:.14em; color:#5B7433; text-transform:uppercase; } .mwg-mobile-viewall{ display:flex; align-items:center; gap:6px; text-decoration:none !important; color:#5B7433 !important; font-family:"Manrope",sans-serif; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .mwg-mobile-viewall svg{ width:16px; height:16px; } /* ========================= */ .mwg-mobile-card{ display:flex; align-items:stretch; background:#FFFFFF; border-radius:24px; overflow:hidden; margin-bottom:18px; border:1px solid #EFE7DD; box-shadow: 0 8px 25px rgba(0,0,0,.05), 0 3px 8px rgba(0,0,0,.03); } /* ========================= */ .mwg-mobile-image{ width:42%; flex-shrink:0; } .mwg-mobile-image img{ width:100%; height:100%; display:block; object-fit:cover; } /* ========================= */ .mwg-mobile-content{ flex:1; padding:22px 20px; display:flex; flex-direction:column; justify-content:center; } /* ========================= */ .mwg-mobile-content h3{ margin:0 0 18px; font-family:"Cormorant Garamond",serif; font-size:24px; font-weight:700; color:#355625; text-transform:uppercase; line-height:1; } /* ========================= */ .mwg-mobile-content ul{ margin:0; padding:0; list-style:none; } .mwg-mobile-content li{ margin-bottom:10px; font-family:"Manrope",sans-serif; font-size:15px; font-weight:500; color:#383838; line-height:1.55; } /* ========================= */ .mwg-mobile-link{ margin-top:22px; display:inline-flex; align-items:center; gap:8px; text-decoration:none !important; color:#5B7433 !important; font-family:"Manrope",sans-serif; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .mwg-mobile-link svg{ width:16px; height:16px; transition:.3s; } .mwg-mobile-card:hover .mwg-mobile-link svg{ transform:translateX(4px); } /* ========================= */ .mwg-mobile-card:hover{ transform:translateY(-2px); transition:.35s; } /* ========================= */ .mwg-mobile-card:last-child{ margin-bottom:0; } } /* ====================================================== HIDE TABLET & DESKTOP ====================================================== */ @media (min-width:768px){ .mwg-mobile-products{ display:none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7a718a6 *//* ======================================= MWG PRODUCT CARD CONTENT ======================================= */ .coffee-card-content{ position: relative; z-index: 5; width: 60%; max-width: 60%; } /* ========================= TITLE ========================= */ .coffee-card-content h3{ margin:0 0 20px; font-family:"Cormorant Garamond",serif; font-size:24px; font-weight:700; letter-spacing:.5px; line-height:1; color:#4F6F37; } /* ========================= DESCRIPTION ========================= */ .coffee-desc{ position:relative; margin:0 0 36px; font-family:"Poppins",sans-serif; font-size:14px; font-weight:500; line-height:2; color:#555; } .coffee-desc::after{ content:""; position:absolute; left:0; bottom:-18px; width:82px; height:1px; background:#D8D0C5; } /* ========================= LIST ========================= */ .coffee-list{ margin:0; padding:0; list-style:none; } .coffee-list li{ display:flex; align-items:center; margin-bottom:12px; font-family:"Poppins",sans-serif; font-size:14px; font-weight:500; color:#555; } .coffee-list li::before{ content:"✓"; width:18px; height:18px; margin-right:10px; border:1px solid #8BA85D; border-radius:50%; color:#6E8B4C; font-size:11px; font-weight:700; display:flex; justify-content:center; align-items:center; flex-shrink:0; } /* ========================= BUTTON ========================= */ .coffee-btn{ display:inline-flex; align-items:center; margin-top:28px; font-family:"Poppins",sans-serif; font-size:12px; font-weight:700; letter-spacing:.7px; color:#4F6F37; text-decoration:none; transition:.3s; } .coffee-btn span{ margin-left:8px; transition:.3s; } .coffee-btn:hover{ color:#76944E; } .coffee-btn:hover span{ transform:translateX(5px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7f0f6c9 */.elementor-406 .elementor-element.elementor-element-7f0f6c9{ background:#FEFAF7; border:1px solid #EFE6D8; border-radius:18px; overflow:hidden; position:relative; transition:.35s ease; box-shadow: 0 8px 22px rgba(76,55,28,.06); } .elementor-406 .elementor-element.elementor-element-7f0f6c9:hover{ transform:translateY(-6px); box-shadow: 0 18px 36px rgba(76,55,28,.10); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-868d658 *//* ======================================= MWG PRODUCT CARD CONTENT ======================================= */ .coffee-card-content{ position: relative; z-index: 5; width: 60%; max-width: 60%; } /* ========================= TITLE ========================= */ .coffee-card-content h3{ margin:0 0 20px; font-family:"Cormorant Garamond",serif; font-size:24px; font-weight:700; letter-spacing:.5px; line-height:1; color:#4F6F37; } /* ========================= DESCRIPTION ========================= */ .coffee-desc{ position:relative; margin:0 0 36px; font-family:"Poppins",sans-serif; font-size:14px; font-weight:500; line-height:2; color:#555; } .coffee-desc::after{ content:""; position:absolute; left:0; bottom:-18px; width:82px; height:1px; background:#D8D0C5; } /* ========================= LIST ========================= */ .coffee-list{ margin:0; padding:0; list-style:none; } .coffee-list li{ display:flex; align-items:center; margin-bottom:12px; font-family:"Poppins",sans-serif; font-size:14px; font-weight:500; color:#555; } .coffee-list li::before{ content:"✓"; width:18px; height:18px; margin-right:10px; border:1px solid #8BA85D; border-radius:50%; color:#6E8B4C; font-size:11px; font-weight:700; display:flex; justify-content:center; align-items:center; flex-shrink:0; } /* ========================= BUTTON ========================= */ .coffee-btn{ display:inline-flex; align-items:center; margin-top:28px; font-family:"Poppins",sans-serif; font-size:12px; font-weight:700; letter-spacing:.7px; color:#4F6F37; text-decoration:none; transition:.3s; } .coffee-btn span{ margin-left:8px; transition:.3s; } .coffee-btn:hover{ color:#76944E; } .coffee-btn:hover span{ transform:translateX(5px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-249c409 */.elementor-406 .elementor-element.elementor-element-249c409{ background:#FEFAF7; border:1px solid #EFE6D8; border-radius:18px; overflow:hidden; position:relative; transition:.35s ease; box-shadow: 0 8px 22px rgba(76,55,28,.06); } .elementor-406 .elementor-element.elementor-element-249c409:hover{ transform:translateY(-6px); box-shadow: 0 18px 36px rgba(76,55,28,.10); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f63c7bb *//* ======================================= MWG PRODUCT CARD CONTENT ======================================= */ .coffee-card-content{ position: relative; z-index: 5; width: 60%; max-width: 60%; } /* ========================= TITLE ========================= */ .coffee-card-content h3{ margin:0 0 20px; font-family:"Cormorant Garamond",serif; font-size:24px; font-weight:700; letter-spacing:.5px; line-height:1; color:#4F6F37; } /* ========================= DESCRIPTION ========================= */ .coffee-desc{ position:relative; margin:0 0 36px; font-family:"Poppins",sans-serif; font-size:14px; font-weight:500; line-height:2; color:#555; } .coffee-desc::after{ content:""; position:absolute; left:0; bottom:-18px; width:82px; height:1px; background:#D8D0C5; } /* ========================= LIST ========================= */ .coffee-list{ margin:0; padding:0; list-style:none; } .coffee-list li{ display:flex; align-items:center; margin-bottom:12px; font-family:"Poppins",sans-serif; font-size:14px; font-weight:500; color:#555; } .coffee-list li::before{ content:"✓"; width:18px; height:18px; margin-right:10px; border:1px solid #8BA85D; border-radius:50%; color:#6E8B4C; font-size:11px; font-weight:700; display:flex; justify-content:center; align-items:center; flex-shrink:0; } /* ========================= BUTTON ========================= */ .coffee-btn{ display:inline-flex; align-items:center; margin-top:28px; font-family:"Poppins",sans-serif; font-size:12px; font-weight:700; letter-spacing:.7px; color:#4F6F37; text-decoration:none; transition:.3s; } .coffee-btn span{ margin-left:8px; transition:.3s; } .coffee-btn:hover{ color:#76944E; } .coffee-btn:hover span{ transform:translateX(5px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6d0a2b */.elementor-406 .elementor-element.elementor-element-c6d0a2b{ background:#FEFAF7; border:1px solid #EFE6D8; border-radius:18px; overflow:hidden; position:relative; transition:.35s ease; box-shadow: 0 8px 22px rgba(76,55,28,.06); } .elementor-406 .elementor-element.elementor-element-c6d0a2b:hover{ transform:translateY(-6px); box-shadow: 0 18px 36px rgba(76,55,28,.10); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6b60a5b *//*================================================== EXPORT CONTENT ==================================================*/ .export-content{ width:100%; max-width:500px; padding:36px 0 36px 38px; position:relative; z-index:5; } /*================================================== LABEL ==================================================*/ .export-label{ display:block; margin-bottom:14px; font-family:"Poppins",sans-serif; font-size:11px; font-weight:600; letter-spacing:2px; color:#7D6548; text-transform:uppercase; } /*================================================== TITLE ==================================================*/ .export-title{ margin:0; font-family:"Cormorant Garamond",serif; font-size:36px; font-weight:700; line-height:1.05; letter-spacing:-0.3px; color:#2D241E; } /*================================================== DESCRIPTION ==================================================*/ .export-desc{ margin:18px 0 28px; width:320px; font-family:"Poppins",sans-serif; font-size:15px; line-height:1.8; color:#5E5E5E; } /*================================================== GRID ==================================================*/ .export-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px 24px; margin-bottom:34px; } /*================================================== ITEM ==================================================*/ .service-item{ display:flex; align-items:flex-start; gap:14px; transition:.35s ease; } .service-item:hover{ transform:translateY(-3px); } /*================================================== ICON ==================================================*/ .service-icon{ width:48px; height:48px; border:2px solid #BB8C47; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0; color:#BB8C47; background:transparent; transition:all .35s ease; } /* SVG */ .service-icon svg{ width:20px; height:20px; display:block; stroke:currentColor; } /* Hover */ .service-item:hover .service-icon{ color:#BB8C47; border-color:#BB8C47; background:rgba(187,140,71,.08); transform:scale(1.08); } /*================================================== TEXT ==================================================*/ .service-text{ flex:1; } .service-text h4{ margin:0 0 4px; font-family:"Poppins",sans-serif; font-size:15px; font-weight:600; line-height:1.35; color:#2E241C; } .service-text p{ margin:0; font-family:"Poppins",sans-serif; font-size:13px; line-height:1.6; color:#6A6A6A; } /*================================================== BUTTON ==================================================*/ .export-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 34px; background:#5A7D34; border-radius:9px; overflow:hidden; color:#fff !important; text-decoration:none !important; font-family:"Poppins",sans-serif; font-size:13px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; transition: background .35s ease, transform .35s ease, box-shadow .35s ease; } .export-btn svg{ width:16px; height:16px; stroke:currentColor; } /* Shine */ .export-btn::before{ content:""; position:absolute; top:0; left:-140%; width:60%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.35), transparent ); transform:skewX(-25deg); transition:.8s ease; } .export-btn:hover{ background:#6C9240; transform:translateY(-3px); box-shadow:0 14px 28px rgba(90,125,52,.28); } .export-btn:hover::before{ left:150%; } .export-btn span{ display:flex; transition:.35s; } .export-btn:hover span{ transform:translateX(6px); } /*================================================== RESPONSIVE ==================================================*/ @media(max-width:991px){ .export-content{ padding:36px 28px; max-width:100%; } .export-grid{ grid-template-columns:1fr; } } @media(max-width:767px){ .export-content{ padding:28px 22px; } .export-title{ font-size:32px; } .export-desc{ width:100%; } .service-icon{ width:44px; height:44px; } .service-icon svg{ width:18px; height:18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ef50953 *//*===================================== WHY CONTENT =====================================*/ .why-content{ width:100%; max-width:330px; padding:42px 42px; position:relative; z-index:5; } /*===================================== LABEL =====================================*/ .why-label{ display:block; margin-bottom:16px; font-family:"Poppins",sans-serif; font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#D8C26B; } /*===================================== TITLE =====================================*/ .why-title{ margin:0 0 34px; font-family:"Cormorant Garamond",serif; font-size:38px; font-weight:700; line-height:1.08; color:#F6D56B; } /*===================================== LIST =====================================*/ .why-list{ margin:0 0 38px; padding:0; list-style:none; } /*===================================== ITEM =====================================*/ .why-list li{ display:flex; align-items:center; gap:14px; margin-bottom:18px; font-family:"Poppins",sans-serif; font-size:15px; font-weight:500; color:#F3F3F3; transition:.35s; } .why-list li:hover{ transform:translateX(8px); } /*===================================== ICON =====================================*/ .why-icon{ width:24px; height:24px; border:2px solid rgba(255,255,255,.55); border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0; font-size:10px; color:#E5C95F; transition:.35s; } .why-list li:hover .why-icon{ background:#E5C95F; color:#3B5623; border-color:#E5C95F; } /*===================================== BUTTON =====================================*/ .why-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 32px; background:#fff; border-radius:9px; overflow:hidden; color:#2E2E2E !important; text-decoration:none !important; font-family:"Poppins",sans-serif; font-size:13px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; transition: background .35s, color .35s, transform .35s, box-shadow .35s; } .why-btn:link, .why-btn:visited, .why-btn:hover, .why-btn:active{ color:#2E2E2E !important; text-decoration:none; } /* Shine */ .why-btn::before{ content:""; position:absolute; top:0; left:-140%; width:60%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.65), transparent ); transform:skewX(-25deg); transition:.8s; } .why-btn:hover{ background:#F4D86B; color:#2E2E2E; transform:translateY(-3px); box-shadow:0 16px 30px rgba(0,0,0,.18); } .why-btn:hover::before{ left:150%; } .why-btn span{ transition:.35s; } .why-btn:hover span{ transform:translateX(5px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5c9dcbb *//*===================================================== MWG COUNTRY MOBILE =====================================================*/ .mwg-country-mobile{ display:none; } /*===================================================== ONLY MOBILE =====================================================*/ @media (max-width:767px){ .mwg-country-mobile{ display:block; width:100%; background:#FDFBF8; } /*============================*/ .mwg-country-head{ margin-bottom:28px; text-align:center; padding-bottom: 1.4em; } .mwg-country-head span{ display:block; font-family:"Manrope",sans-serif; font-size:12px; font-weight:800; letter-spacing:.12em; color:#5B7433; text-transform:uppercase; margin-bottom:8px; } .mwg-country-head h2{ margin:0; font-family:"Cormorant Garamond",serif; font-size:36px; font-weight:700; line-height:1.15; color:#1F1A16; } /*============================*/ .mwg-country-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px 8px; } /*============================*/ .country-item{ display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; min-height:108px; } .country-item img{ width:40px; height:40px; object-fit:cover; border-radius:10px; box-shadow: 0 4px 10px rgba(0,0,0,.08); } .country-item span{ margin-top:8px; font-family:"Manrope",sans-serif; font-size:10px; font-weight:600; color:#2A2A2A; line-height:1.35; min-height:28px; display:flex; align-items:flex-start; justify-content:center; text-align:center; } /*============================*/ .more-circle{ width:40px; height:40px; border-radius:50%; background:#1F1F1F; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; letter-spacing:2px; box-shadow: 0 6px 14px rgba(0,0,0,.15); } .more span{ color:#666; } /*============================*/ .country-item:hover img{ transform:translateY(-3px); transition:.3s; } .country-item:hover .more-circle{ transform:translateY(-3px); transition:.3s; } } /*===================================================== TABLET & DESKTOP =====================================================*/ @media (min-width:768px){ .mwg-country-mobile{ display:none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-186aaba *//*========================================= COUNTRY HEADING =========================================*/ .country-heading{ width:100%; margin:0; padding:0; } /*========================================= LABEL =========================================*/ .country-label{ display:block; margin:0 0 8px; font-family:"Poppins",sans-serif; font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#7D6548; } /*========================================= TITLE =========================================*/ .country-title{ margin:0; font-family:"Cormorant Garamond",serif; font-size:30px; font-weight:700; line-height:1.15; color:#2D241E; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-914f368 *//*========================================= COUNTRY SLIDER =========================================*/ .country-slider{ width:100%; } /*========================================= TRACK =========================================*/ .country-track{ display:flex; justify-content:space-between; align-items:flex-start; gap:24px; width:100%; } /*========================================= COUNTRY CARD =========================================*/ .country-card{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; cursor:pointer; transition:.35s ease; } /*========================================= FLAG =========================================*/ .country-card img{ width:58px; height:40px; object-fit:cover; border-radius:8px; box-shadow:0 8px 18px rgba(0,0,0,.08); transition:.35s ease; } /*========================================= COUNTRY NAME =========================================*/ .country-card span{ font-family:"Poppins",sans-serif; font-size:13px; font-weight:500; color:#4B4B4B; text-align:center; line-height:1.45; transition:.35s ease; } /*========================================= HOVER =========================================*/ .country-card:hover{ transform:translateY(-6px); } .country-card:hover img{ transform:scale(1.08); box-shadow:0 14px 28px rgba(0,0,0,.12); } .country-card:hover span{ color:#5A7D34; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c4d217b *//*========================================= COUNTRY HEADING =========================================*/ .country-heading{ width:100%; margin:0; padding:0; } /*========================================= LABEL =========================================*/ .country-label{ display:block; margin:0 0 8px; font-family:"Poppins",sans-serif; font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#7D6548; } /*========================================= TITLE =========================================*/ .country-title{ margin:0; font-family:"Cormorant Garamond",serif; font-size:30px; font-weight:700; line-height:1.15; color:#2D241E; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ec17d3e *//*========================================= BUTTON =========================================*/ .export-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:13px 20px; background:#5A7D34; border-radius:9px; overflow:hidden; color:#fff !important; text-decoration:none !important; font-family:"Poppins",sans-serif; font-size:12px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; transition: background .35s ease, transform .35s ease, box-shadow .35s ease; } /* Hilangkan warna default browser */ .export-btn:link, .export-btn:visited, .export-btn:hover, .export-btn:active, .export-btn:focus{ color:#fff !important; text-decoration:none !important; } /* Shine Effect */ .export-btn::before{ content:""; position:absolute; top:0; left:-150%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.35), transparent ); transform:skewX(-25deg); transition:left .8s ease; } /* Hover */ .export-btn:hover{ background:#6B8F3C; transform:translateY(-3px); box-shadow:0 14px 28px rgba(90,125,52,.28); } /* Shine Animation */ .export-btn:hover::before{ left:170%; } /* Text */ .export-btn .btn-text{ position:relative; z-index:2; } /* Arrow */ .export-btn .btn-arrow{ position:relative; z-index:2; display:inline-block; transition:transform .35s ease; } /* Arrow Geser */ .export-btn:hover .btn-arrow{ transform:translateX(6px); } /* Click */ .export-btn:active{ transform:translateY(0); box-shadow:0 5px 12px rgba(0,0,0,.18); } /* Focus */ .export-btn:focus{ outline:none; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8d71205 *//*==================================================== MWG TRUSTED PARTNERS PART 1 GLOBAL ====================================================*/ .mwg-trusted-section{ position:relative; overflow:hidden; padding:120px 0 80px; background: linear-gradient( 180deg, #F8F4EE 0%, #F5EFE6 40%, #F2ECE4 100% ); } /*==============================*/ .mwg-trusted-section::before{ content:""; position:absolute; inset:0; background: radial-gradient( circle at top left, rgba(163,117,62,.08), transparent 42% ), radial-gradient( circle at bottom right, rgba(111,145,65,.08), transparent 38% ); pointer-events:none; } /*==============================*/ .trusted-wrapper{ position:relative; z-index:2; width:min(92%,1380px); margin:auto; } /*==============================*/ .trusted-header{ max-width:900px; margin:auto; text-align:center; margin-bottom:80px; } /*==============================*/ .trusted-badge{ display:inline-flex; align-items:center; gap:12px; padding:13px 26px; border-radius:999px; background: rgba(255,255,255,.82); border: 1px solid rgba(165,120,64,.15); backdrop-filter:blur(14px); box-shadow: 0 12px 26px rgba(0,0,0,.05); } /*==============================*/ .trusted-badge svg{ width:18px; height:18px; color:#8A633C; } .trusted-badge span{ color:#8A633C; font-size:13px; font-weight:700; letter-spacing:2px; } /*==============================*/ .trusted-header h2{ margin:30px 0 20px; font-size:clamp(40px,3vw,58px); line-height:1.15; font-weight:800; color:#2B221B; } .trusted-header h2 span{ color:#7C9A48; } /*==============================*/ .trusted-header p{ max-width:760px; margin:auto; color:#6D635B; font-size:18px; line-height:1.9; } /*==============================*/ .trusted-divider{ display:flex; align-items:center; justify-content:center; gap:20px; margin:32px auto; } /*==============================*/ .trusted-divider span{ width:90px; height:1px; background: linear-gradient( 90deg, transparent, #C6A57D, transparent ); } .trusted-divider svg{ width:26px; height:26px; color:#B08458; } /*==============================*/ .trusted-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:34px; } /*==================================================== MWG TRUSTED PARTNERS PART 2 CARD DESIGN ====================================================*/ .trusted-card{ position:relative; overflow:hidden; display:flex; flex-direction:column; height:100%; padding:38px; border-radius:30px; background: linear-gradient( 180deg, rgba(255,255,255,.90), rgba(255,255,255,.72) ); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); border:1px solid rgba(255,255,255,.65); box-shadow: 0 22px 60px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.95); transition: transform .45s cubic-bezier(.4,0,.2,1), box-shadow .45s ease, border-color .45s ease; } /*==============================*/ .trusted-card::before{ content:""; position:absolute; inset:0; border-radius:inherit; background: linear-gradient( 140deg, rgba(255,255,255,.35), transparent 55% ); pointer-events:none; } /*==============================*/ .trusted-card:hover{ transform: translateY(-12px); border-color: rgba(167,123,66,.28); box-shadow: 0 35px 80px rgba(0,0,0,.14), 0 12px 25px rgba(167,123,66,.10); } /*==============================*/ .card-number{ display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; } .card-number small{ font-size:32px; font-weight:800; color:rgba(140,110,80,.15); } /*==============================*/ .card-icon{ width:64px; height:64px; border-radius:18px; display:flex; justify-content:center; align-items:center; transition:.4s ease; } .card-icon svg{ width:30px; height:30px; } /*==============================*/ .card-icon.brown{ background:#F4E7D8; color:#8B6037; } .card-icon.gold{ background:#F8F0DD; color:#C39A43; } .card-icon.green{ background:#EAF4E5; color:#6F9141; } /*==============================*/ .trusted-card:hover .card-icon{ transform: rotate(-6deg) scale(1.08); } /*==============================*/ .mini-title{ display:inline-block; margin-bottom:12px; color:#8A633C; font-size:13px; font-weight:700; letter-spacing:2px; } /*==============================*/ .trusted-card h3{ margin:0; color:#2C221C; font-size:30px; line-height:1.28; font-weight:800; } /*==============================*/ .card-divider{ width:72px; height:3px; border-radius:999px; margin:26px 0 34px; background: linear-gradient( 90deg, #C79B67, #7A9B4A ); } /*==================================================== CREDENTIAL ====================================================*/ .credential-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:18px; } .credential-item{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:175px; padding:24px 18px; border-radius:20px; background:#ffffff; border:1px solid rgba(0,0,0,.05); transition:.35s ease; } .credential-item:hover{ transform: translateY(-8px); box-shadow: 0 18px 38px rgba(0,0,0,.10); } .credential-item img{ display:block; width:auto !important; height:42px !important; max-width:100%; object-fit:contain !important; object-position:center; aspect-ratio:auto !important; flex:0 0 auto; margin-bottom:18px; } .credential-icon{ width:54px; height:54px; border-radius:16px; display:flex; justify-content:center; align-items:center; background:#F5EFE7; color:#9A7249; margin-bottom:18px; } .credential-icon svg{ width:28px; height:28px; } .credential-item strong{ margin-bottom:8px; color:#2E251F; font-size:15px; font-weight:700; } .credential-item small{ color:#766E66; font-size:13px; line-height:1.7; } /*==================================================== PAYMENT ====================================================*/ .payment-section{ margin-bottom:30px; } .payment-section h4{ margin:0 0 16px; color:#8A633C; font-size:13px; letter-spacing:1.6px; } .logo-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:14px; } .logo-grid.two{ grid-template-columns: repeat(2,1fr); } .logo-box{ position:relative; display:flex; justify-content:center; align-items:center; height:74px; border-radius:18px; background:#fff; border:1px solid rgba(0,0,0,.05); transition:.35s ease; } .logo-box img{ display:block; width:auto !important; height:auto !important; max-width:75% !important; max-height:38px !important; object-fit:contain !important; object-position:center; aspect-ratio:auto !important; flex:0 0 auto; filter:none; opacity:1; transition:.35s; } .logo-box:hover{ transform: translateY(-6px); box-shadow: 0 18px 32px rgba(0,0,0,.12); } .logo-box:hover img{ filter:none; opacity:1; } /*==================================================== FEATURE LIST ====================================================*/ .feature-list{ margin:8px 0 0; padding:0; list-style:none; } .feature-list li{ position:relative; padding-left:28px; margin-bottom:14px; color:#6F665F; line-height:1.7; } .feature-list li:last-child{ margin-bottom:0; } .feature-list li::before{ content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%; background:#7A9B4A; box-shadow: 0 0 10px rgba(122,155,74,.35); } /*==================================================== MWG TRUSTED PARTNERS PART 3 RESPONSIVE + PREMIUM EFFECT ====================================================*/ /*============================== BACKGROUND DECORATION ==============================*/ .trusted-decoration{ position:absolute; border-radius:50%; pointer-events:none; filter:blur(90px); opacity:.35; z-index:0; } .deco-one{ width:420px; height:420px; background:#D9B07A; top:-120px; left:-140px; } .deco-two{ width:360px; height:360px; background:#90AA62; right:-120px; top:180px; } .deco-three{ width:300px; height:300px; background:#F2E3CE; bottom:-80px; left:40%; } /*============================== CARD HOVER PREMIUM ==============================*/ .trusted-card{ isolation:isolate; } .trusted-card::after{ content:""; position:absolute; inset:0; border-radius:inherit; background: radial-gradient( circle at top right, rgba(255,255,255,.35), transparent 55% ); opacity:0; transition:.45s; pointer-events:none; } .trusted-card:hover::after{ opacity:1; } .trusted-card:hover{ transform: translateY(-10px) scale(1.02); } /*============================== LOGO EFFECT ==============================*/ .logo-box{ overflow:hidden; } .logo-box::before{ content:""; position:absolute; top:0; left:-140%; width:60%; height:100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:1s; } .logo-box:hover::before{ left:170%; } /*============================== CREDENTIAL EFFECT ==============================*/ .credential-item{ position:relative; overflow:hidden; } .credential-item::before{ content:""; position:absolute; inset:0; background: linear-gradient( 140deg, rgba(255,255,255,.32), transparent 55% ); opacity:0; transition:.4s; } .credential-item:hover::before{ opacity:1; } /*============================== BADGE ==============================*/ .trusted-badge{ animation:badgeGlow 6s ease-in-out infinite; } @keyframes badgeGlow{ 0%,100%{ box-shadow: 0 10px 25px rgba(0,0,0,.04); } 50%{ box-shadow: 0 18px 40px rgba(167,123,66,.18); } } /*============================== HEADER ==============================*/ .trusted-header h2{ text-wrap:balance; } .trusted-header p{ text-wrap:pretty; } /*==================================================== RESPONSIVE DESKTOP ====================================================*/ @media(max-width:1600px){ .trusted-wrapper{ width:min(94%,1360px); } .trusted-grid{ gap:28px; } .trusted-card{ padding:34px; } } @media(max-width:1440px){ .trusted-header{ margin-bottom:70px; } .trusted-header h2{ font-size:48px; } .logo-box{ height:68px; } .logo-box img{ max-height:30px; } .credential-item{ min-height:165px; } } @media(max-width:1366px){ .trusted-grid{ gap:22px; } .trusted-card{ padding:30px; } .trusted-card h3{ font-size:26px; } .trusted-header p{ font-size:17px; } .logo-grid{ gap:10px; } } @media(max-width:1280px){ .trusted-wrapper{ width:min(96%,1240px); } .trusted-grid{ gap:18px; } .card-number small{ font-size:28px; } .logo-box{ height:64px; } .logo-box img{ max-height:28px; } .credential-item{ padding:20px 14px; } } /*==================================================== MWG TRUSTED PARTNERS PART 4 FINAL RESPONSIVE + FINISHING ====================================================*/ /*============================== TABLET ==============================*/ @media(max-width:1024px){ .mwg-trusted-section{ padding:90px 0 20px; } .trusted-header{ margin-bottom:60px; } .trusted-header h2{ font-size:42px; } .trusted-header p{ font-size:16px; line-height:1.8; } .trusted-grid{ grid-template-columns:1fr; gap:24px; } .trusted-card{ padding:34px; } .logo-grid{ grid-template-columns:repeat(4,1fr); } .logo-grid.two{ grid-template-columns:repeat(2,1fr); } .credential-grid{ grid-template-columns:repeat(2,1fr); } } /*============================== MOBILE ==============================*/ @media(max-width:767px){ .mwg-trusted-section{ padding:70px 0 10px; } .trusted-wrapper{ width:min(92%,500px); } .trusted-header{ margin-bottom:48px; } .trusted-badge{ padding:11px 20px; gap:10px; } .trusted-badge span{ font-size:11px; letter-spacing:1.5px; } .trusted-header h2{ font-size:34px; line-height:1.2; } .trusted-divider{ margin:24px auto; } .trusted-divider span{ width:55px; } .trusted-header p{ font-size:15px; line-height:1.8; } .trusted-grid{ gap:20px; } .trusted-card{ padding:26px; border-radius:24px; } .card-number{ margin-bottom:20px; } .card-number small{ font-size:22px; } .card-icon{ width:56px; height:56px; } .card-icon svg{ width:26px; height:26px; } .mini-title{ font-size:12px; } .trusted-card h3{ font-size:24px; } .card-divider{ margin:22px 0 26px; } .credential-grid{ grid-template-columns:1fr; gap:14px; } .credential-item{ min-height:auto; padding:22px 18px; } .payment-section{ margin-bottom:24px; } .logo-grid{ grid-template-columns:repeat(2,1fr); gap:12px; } .logo-grid.two{ grid-template-columns:repeat(2,1fr); } .logo-box{ height:66px; } .logo-box img{ max-height:28px; } .feature-list li{ font-size:14px; padding-left:24px; } } /*============================== SMALL MOBILE ==============================*/ @media(max-width:480px){ .trusted-header h2{ font-size:30px; } .trusted-card{ padding:22px; } .card-icon{ width:50px; height:50px; } .logo-box{ height:60px; } .logo-box img{ max-width:72%; max-height:24px; } } /*============================== PREMIUM ANIMATION ==============================*/ .trusted-card, .logo-box, .credential-item, .card-icon, .trusted-badge{ will-change:transform; transform:translateZ(0); backface-visibility:hidden; -webkit-font-smoothing:antialiased; } /*============================== HOVER IMPROVEMENT ==============================*/ .trusted-card:hover .mini-title{ color:#6F9141; transition:.35s; } .trusted-card:hover h3{ color:#6F9141; transition:.35s; } .trusted-card:hover .card-divider{ width:110px; transition:.45s ease; } .trusted-card:hover .card-number small{ color:rgba(111,145,65,.25); transition:.4s; } /*============================== PREMIUM BORDER ==============================*/ .trusted-card{ border:1px solid rgba(199,170,136,.22); } .trusted-card:hover{ border-color:#C89D68; } /*============================== SECTION SPACING ==============================*/ .mwg-trusted-section{ margin-bottom:0; } .mwg-footer{ margin-top:0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bd32b3d *//*========================================= RFQ CONTENT =========================================*/ .rfq-content{ width:100%; max-width:360px; padding:34px 0 34px 42px; position:relative; z-index:10; } /*========================================= LABEL =========================================*/ .rfq-label{ display:block; margin-bottom:10px; font-family:"Poppins",sans-serif; font-size:11px; font-weight:600; letter-spacing:2px; color:#6C7D40; text-transform:uppercase; } /*========================================= TITLE =========================================*/ .rfq-title{ margin:0; font-family:"Cormorant Garamond",serif; font-size:32px; font-weight:700; line-height:1.08; color:#2B231C; } /*========================================= DESCRIPTION =========================================*/ .rfq-desc{ margin:18px 0 30px; width:320px; font-family:"Poppins",sans-serif; font-size:15px; line-height:1.75; color:#555; } /*========================================= LIST =========================================*/ .rfq-list{ display:flex; flex-direction:column; gap:18px; } /*========================================= ITEM =========================================*/ .rfq-item{ display:flex; align-items:center; gap:16px; font-family:"Poppins",sans-serif; font-size:16px; font-weight:600; color:#252525; transition:.3s; } .rfq-item:hover{ transform:translateX(6px); } /*========================================= /*========================================= SVG ICON =========================================*/ .rfq-icon{ width:42px; height:42px; border:2px solid #6C8A3A; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0; color:#6C8A3A; background:transparent; transition:all .35s ease; } .rfq-icon svg{ width:18px; height:18px; display:block; stroke:currentColor; } /* Hover */ .rfq-item:hover .rfq-icon{ background:#6C8A3A; color:#fff; transform:rotate(10deg); } /*========================================= SMOOTH =========================================*/ .rfq-content, .rfq-item{ -webkit-font-smoothing:antialiased; backface-visibility:hidden; } /*================================================== MOBILE RFQ FIX ==================================================*/ @media (max-width:767px){ /* Container */ .rfq-content{ max-width:100%; width:100%; padding:32px 26px; position:relative; z-index:2; } /* Background Overlay */ .rfq-content::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient( 90deg, rgba(253,251,248,.98) 0%, rgba(253,251,248,.95) 28%, rgba(253,251,248,.88) 46%, rgba(253,251,248,.65) 60%, rgba(253,251,248,.35) 72%, rgba(253,251,248,.12) 84%, rgba(253,251,248,0) 100% ); } /* Label */ .rfq-label{ font-size:10px; letter-spacing:2px; } /* Title */ .rfq-title{ font-size:44px; line-height:1.05; max-width:290px; } /* Description */ .rfq-desc{ width:260px; font-size:14px; line-height:1.7; color:#4F4F4F; margin:18px 0 26px; } /* List */ .rfq-list{ gap:14px; } /* Item */ .rfq-item{ gap:12px; font-size:15px; } /* Icon */ .rfq-icon{ width:38px; height:38px; } .rfq-icon svg{ width:16px; height:16px; } } /*================================================== MOBILE RFQ FIX ==================================================*/ @media (max-width:767px){ /* Container */ .rfq-content{ max-width:100%; width:100%; padding:32px 26px; position:relative; z-index:2; } /* Background Overlay */ .rfq-content::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient( 90deg, rgba(253,251,248,.98) 0%, rgba(253,251,248,.95) 28%, rgba(253,251,248,.88) 46%, rgba(253,251,248,.65) 60%, rgba(253,251,248,.35) 72%, rgba(253,251,248,.12) 84%, rgba(253,251,248,0) 100% ); } /* Label */ .rfq-label{ font-size:10px; letter-spacing:2px; } /* Title */ .rfq-title{ font-size:44px; line-height:1.05; max-width:290px; } /* Description */ .rfq-desc{ width:260px; font-size:14px; line-height:1.7; color:#4F4F4F; margin:18px 0 26px; } /* List */ .rfq-list{ gap:14px; } /* Item */ .rfq-item{ gap:12px; font-size:15px; } /* Icon */ .rfq-icon{ width:38px; height:38px; } .rfq-icon svg{ width:16px; height:16px; } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-f2c1bbe *//*================================================== MWG GROUP PREMIUM RFQ FORM ==================================================*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe{ width:100%; } /*---------------------------------- GRID ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-form-fields-wrapper{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; } /*---------------------------------- RESET ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group{ margin:0!important; width:100%; } /*---------------------------------- FIELD POSITION ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(1){grid-column:1;} .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(2){grid-column:2;} .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(3){grid-column:1;} .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(4){grid-column:2;} .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(5){grid-column:1;} .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(6){grid-column:2;} .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(7){grid-column:1;} .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(8){grid-column:2;} .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group:nth-child(9){ grid-column:1/-1; } .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-type-submit{ grid-column:1/-1; margin-top:8px; } /*---------------------------------- LABEL ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe label{ font-size:13px; font-weight:600; color:#000000; margin-bottom:6px; letter-spacing:.2px; } /*---------------------------------- INPUT ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe input, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea{ width:100%; background:#FFFFFF; color:#000000 !important; border:1.5px solid #BDBDBD; border-radius:14px; transition:.3s ease; box-sizing:border-box; font-size:15px; font-weight:500; } /*---------------------------------- SELECT ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe select{ width:100%; background:#FFFFFF; color:#000000 !important; border:1.5px solid #BDBDBD; border-radius:14px; transition:.3s ease; box-sizing:border-box; font-size:15px; font-weight:500; appearance:none; -webkit-appearance:none; } .elementor-406 .elementor-element.elementor-element-f2c1bbe option{ color:#000000 !important; background:#FFFFFF; } /*---------------------------------- INPUT HEIGHT ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe input, .elementor-406 .elementor-element.elementor-element-f2c1bbe select{ height:48px; padding:0 18px; } /*---------------------------------- TEXTAREA ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea{ min-height:130px; padding:16px 18px; resize:vertical; } /*---------------------------------- PLACEHOLDER ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe input::placeholder{ color:#0000003D !important; opacity:1 !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea::placeholder{ color:#0000003D !important; opacity:1 !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input::-webkit-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea::-webkit-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input::-moz-placeholder{ color:#0000003D !important; opacity:1 !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea::-moz-placeholder{ color:#0000003D !important; opacity:1 !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input:-ms-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea:-ms-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input::-ms-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea::-ms-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field::placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field::placeholder{ color:#0000003D !important; opacity:1 !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field::-webkit-input-placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field::-webkit-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field::-moz-placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field::-moz-placeholder{ color:#0000003D !important; opacity:1 !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field:-ms-input-placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field:-ms-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field::-ms-input-placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field::-ms-input-placeholder{ color:#0000003D !important; } /*---------------------------------- SELECT ARROW ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-select-wrapper:after{ color:#777777; font-size:12px; right:18px; } /*---------------------------------- HOVER ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe input:hover, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea:hover, .elementor-406 .elementor-element.elementor-element-f2c1bbe select:hover{ border-color:#9F9F9F; } /*---------------------------------- FOCUS ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe input:focus, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea:focus, .elementor-406 .elementor-element.elementor-element-f2c1bbe select:focus{ border-color:#D7A948; box-shadow:0 0 0 4px rgba(215,169,72,.12); outline:none; color:#000000 !important; } /*---------------------------------- BUTTON ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-button{ width:100%; height:54px; border:none; border-radius:14px; background:linear-gradient(135deg,#D7A53A,#F0C75B); color:#FFFFFF; font-size:16px; font-weight:700; letter-spacing:.3px; transition:.35s; box-shadow:0 12px 28px rgba(215,169,72,.20); } .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-button:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(215,169,72,.28); } /*---------------------------------- SUCCESS MESSAGE ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-message{ border-radius:12px; padding:14px; margin-top:20px; } /*---------------------------------- AUTOFILL FIX ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe input:-webkit-autofill, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea:-webkit-autofill, .elementor-406 .elementor-element.elementor-element-f2c1bbe select:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px #FFFFFF inset !important; -webkit-text-fill-color:#000000 !important; color:#000000 !important; transition:background-color 9999s ease-in-out 0s; } /*---------------------------------- FORCE PLACEHOLDER ----------------------------------*/ .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field::placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field::placeholder{ color:#0000003D !important; opacity:1 !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field::-webkit-input-placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field::-webkit-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field::-moz-placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field::-moz-placeholder{ color:#0000003D !important; opacity:1 !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field:-ms-input-placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field:-ms-input-placeholder{ color:#0000003D !important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input.elementor-field::-ms-input-placeholder, .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea.elementor-field::-ms-input-placeholder{ color:#0000003D !important; } /*---------------------------------- RESPONSIVE ----------------------------------*/ @media(max-width:767px){ .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-form-fields-wrapper{ grid-template-columns:1fr; gap:16px; } .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-group, .elementor-406 .elementor-element.elementor-element-f2c1bbe .elementor-field-type-submit{ grid-column:1!important; } .elementor-406 .elementor-element.elementor-element-f2c1bbe input, .elementor-406 .elementor-element.elementor-element-f2c1bbe select{ height:46px; } .elementor-406 .elementor-element.elementor-element-f2c1bbe textarea{ min-height:120px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a5f335 */.elementor-406 .elementor-element.elementor-element-2a5f335{ position:relative; overflow:hidden; background:#F2ECE4; } .elementor-406 .elementor-element.elementor-element-2a5f335::before{ content:""; position:absolute; inset:0; background: radial-gradient( circle at left top, rgba(163,117,62,.05), transparent 45% ), radial-gradient( circle at right center, rgba(111,145,65,.05), transparent 40% ); pointer-events:none; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a9c5778 *//*================================== CONTACT SECTION ==================================*/ .contact-section{ display:flex; align-items:stretch; background:#fff; border-radius:22px; overflow:hidden; box-shadow: 0 12px 35px rgba(0,0,0,.06); } /*================================== LEFT ==================================*/ .contact-left{ width:34%; padding:50px; background: linear-gradient( 90deg, rgba(255,248,236,.98), rgba(255,248,236,.88) ); } /*================================== LABEL ==================================*/ .contact-label{ display:block; margin-bottom:12px; font-size:13px; font-weight:700; letter-spacing:2px; color:#69863F; font-family:Poppins,sans-serif; } /*================================== TITLE ==================================*/ .contact-title{ margin:0; font-size:48px; line-height:1.1; font-family:"Cormorant Garamond",serif; color:#2C241B; } /*================================== DESC ==================================*/ .contact-desc{ margin:22px 0 35px; color:#666; line-height:1.8; font-size:15px; font-family:Poppins,sans-serif; } /*================================== LIST ==================================*/ .contact-list{ display:flex; flex-direction:column; gap:22px; } /*================================== ITEM ==================================*/ .contact-item{ display:flex; gap:18px; align-items:flex-start; } .contact-icon{ width:50px; height:50px; border-radius:50%; border:2px solid #6C8A3E; display:flex; justify-content:center; align-items:center; color:#6C8A3E; font-size:18px; flex-shrink:0; transition:.35s; } .contact-item:hover .contact-icon{ background:#6C8A3E; color:#fff; transform:rotate(10deg); } .contact-item h4{ margin:0 0 5px; font-family:Poppins,sans-serif; font-size:17px; font-weight:600; } .contact-item p{ margin:0; color:#666; line-height:1.7; font-size:14px; font-family:Poppins,sans-serif; } /*================================== MAP ==================================*/ .contact-map{ width:66%; position:relative; } .contact-map iframe{ width:100%; height:100%; min-height:620px; border:none; filter:saturate(.95); } /*================================== LOCATION CARD ==================================*/ .map-card{ position:absolute; right:70px; top:80px; background:#fff; padding:22px 28px; border-radius:18px; display:flex; gap:18px; align-items:center; box-shadow: 0 15px 35px rgba(0,0,0,.12); } .map-card i{ color:#D62B2B; font-size:32px; } .map-card strong{ display:block; font-family:Poppins,sans-serif; font-size:23px; } .map-card span{ display:block; color:#666; font-family:Poppins,sans-serif; } /*================================== BUTTON ==================================*/ .map-btn{ position:absolute; bottom:60px; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; gap:12px; padding:17px 36px; background:#5B7D34; border-radius:9px; text-decoration:none; color:#fff; font-family:Poppins,sans-serif; font-size:13px; font-weight:600; letter-spacing:.6px; transition:.35s; overflow:hidden; } .map-btn::before{ content:""; position:absolute; left:-120%; top:0; width:60%; height:100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,.35), transparent ); transform:skewX(-25deg); transition:.8s; } .map-btn:hover{ background:#6B9241; transform:translateX(-50%) translateY(-4px); color:#fff; } .map-btn:hover::before{ left:140%; } .map-btn span{ transition:.3s; } .map-btn:hover span{ transform:translateX(5px); } /*================================== RESPONSIVE ==================================*/ @media(max-width:992px){ .contact-section{ flex-direction:column; } .contact-left, .contact-map{ width:100%; } .contact-map iframe{ min-height:500px; } .map-card{ left:20px; right:20px; top:20px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0cd92ef */.elementor-406 .elementor-element.elementor-element-0cd92ef{ background:#F2ECE4; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-374642f */.mwg-footer{ position:relative; overflow:hidden; background: radial-gradient(circle at top left,#4d311a 0%,transparent 45%), radial-gradient(circle at bottom right,#5f7d3320 0%,transparent 38%), linear-gradient(180deg,#432815,#2a190d); } /*================================*/ .mwg-footer::before{ content:""; position:absolute; top:0; left:0; width:100%; height:3px; background: linear-gradient(90deg,#D6B06A,#6E9340,#D6B06A); } /*================================*/ .footer-pattern{ position:absolute; right:-220px; bottom:-220px; width:760px; height:760px; background:url("https://mwggroup.id/wp-content/uploads/2026/07/logo-mwg-gelap-scaled.webp") center/contain no-repeat; opacity:.035; transform:rotate(-18deg); pointer-events:none; } /*================================*/ .footer-wrap{ max-width:1380px; margin:auto; padding:82px 50px 58px; display:grid; grid-template-columns: 2.25fr 1fr 1fr 1fr 1.35fr; gap:48px; position:relative; z-index:5; } /*================================*/ .footer-brand img{ width:325px; display:block; margin-bottom:24px; } /*================================*/ .footer-brand p{ max-width:360px; margin:0; color:#d7d0cb; font-family:Poppins,sans-serif; font-size:15px; line-height:1.95; } /*================================*/ .footer-social{ display:flex; gap:14px; margin-top:34px; } /*================================*/ .footer-social a{ width:48px; height:48px; border-radius:50%; display:flex; justify-content:center; align-items:center; text-decoration:none; color:#fff; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); transition:.35s ease; } /*================================*/ .footer-social svg{ width:20px; height:20px; display:block; color:inherit; } /*================================*/ .footer-social a:hover{ background:#6F9141; transform:translateY(-6px); box-shadow: 0 15px 30px rgba(111,145,65,.35); } /*================================*/ .footer-menu{ display:flex; flex-direction:column; } /*================================*/ .footer-menu h3, .footer-contact h3{ margin:0 0 26px; font-family:Poppins,sans-serif; font-size:20px; font-weight:600; color:#D8B16D; } /*================================*/ .footer-menu a{ position:relative; display:inline-flex; align-items:center; width:fit-content; margin-bottom:16px; color:#ddd; text-decoration:none; font-family:Poppins,sans-serif; transition:.35s; } /*================================*/ .footer-menu a::before{ content:""; width:0; height:2px; background:#D8B16D; margin-right:0; transition:.35s; } /*================================*/ .footer-menu a:hover{ color:#fff; transform:translateX(8px); } /*================================*/ .footer-menu a:hover::before{ width:14px; margin-right:8px; } /*==================================================== CONTACT ====================================================*/ .footer-contact div{ display:flex; align-items:flex-start; gap:15px; margin-bottom:22px; } /*================================*/ .footer-icon{ width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); display:flex; justify-content:center; align-items:center; flex-shrink:0; color:#D8B16D; transition:.35s ease; } /*================================*/ .footer-icon svg{ width:20px; height:20px; display:block; color:inherit; } /*================================*/ .footer-contact div:hover .footer-icon{ background:#6F9141; color:#fff; transform:translateY(-4px); box-shadow: 0 12px 24px rgba(111,145,65,.28); } /*================================*/ .footer-contact span{ color:#ddd; font-family:Poppins,sans-serif; line-height:1.85; font-size:15px; } /*==================================================== FOOTER BOTTOM ====================================================*/ .footer-bottom{ max-width:1380px; margin:auto; padding:24px 50px; border-top:1px solid rgba(255,255,255,.08); display:flex; justify-content:space-between; align-items:center; color:#cfcfcf; font-family:Poppins,sans-serif; font-size:14px; } /*================================*/ .footer-copy{ color:#cfcfcf; } /*================================*/ .footer-policy{ display:flex; gap:28px; } /*================================*/ .footer-policy a{ color:#cfcfcf; text-decoration:none; transition:.3s ease; position:relative; } /*================================*/ .footer-policy a::after{ content:""; position:absolute; left:0; bottom:-3px; width:0; height:1px; background:#D8B16D; transition:.35s ease; } .footer-policy a:hover{ color:#D8B16D; } .footer-policy a:hover::after{ width:100%; } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:1100px){ .footer-wrap{ grid-template-columns:repeat(2,1fr); gap:42px; } } /*================================*/ @media(max-width:768px){ .footer-wrap{ grid-template-columns:1fr; padding:60px 28px; } .footer-brand{ text-align:center; } .footer-brand img{ margin:auto; width:250px; margin-bottom:20px; } .footer-brand p{ max-width:100%; } .footer-social{ justify-content:center; } .footer-bottom{ flex-direction:column; gap:16px; text-align:center; padding:22px 28px; } .footer-policy{ justify-content:center; flex-wrap:wrap; gap:18px; } } /*==================================================== SMOOTH ====================================================*/ .footer-social a, .footer-menu a, .footer-icon, .footer-policy a{ -webkit-font-smoothing:antialiased; backface-visibility:hidden; transform:translateZ(0); } /*==================================================== TRUSTED PARTNERS PART 1 ====================================================*/ .footer-trust{ max-width:1380px; margin:auto; padding:90px 50px 70px; border-top:1px solid rgba(255,255,255,.08); position:relative; z-index:5; } /*=============================*/ .footer-trust-header{ max-width:760px; margin:auto; text-align:center; margin-bottom:70px; } .trust-badge{ display:inline-flex; align-items:center; justify-content:center; padding:10px 22px; border-radius:999px; background:rgba(216,177,109,.10); border:1px solid rgba(216,177,109,.18); color:#D8B16D; font-size:13px; font-weight:600; letter-spacing:2px; text-transform:uppercase; } .footer-trust-header h2{ margin:26px 0 18px; color:#fff; font-size:42px; font-weight:700; line-height:1.2; } .footer-trust-header p{ margin:auto; max-width:700px; color:#d7d0cb; line-height:1.9; font-size:17px; } /*=============================*/ .trust-wrapper{ display:grid; grid-template-columns:repeat(2,1fr); gap:34px; } /*=============================*/ .trust-card{ position:relative; overflow:hidden; border-radius:28px; padding:38px; background: linear-gradient( 180deg, rgba(255,255,255,.055), rgba(255,255,255,.02) ); border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); transition:.45s cubic-bezier(.4,0,.2,1); } .trust-card:hover{ transform:translateY(-10px); border-color:rgba(216,177,109,.25); box-shadow: 0 30px 60px rgba(0,0,0,.22); } /*=============================*/ .trust-accent{ position:absolute; top:0; left:0; width:100%; height:3px; background: linear-gradient( 90deg, #D8B16D, #6F9141, #D8B16D ); } /*=============================*/ .trust-card-header{ display:flex; align-items:center; gap:18px; margin-bottom:34px; } .trust-icon{ width:62px; height:62px; border-radius:18px; display:flex; align-items:center; justify-content:center; background:rgba(216,177,109,.10); border:1px solid rgba(216,177,109,.12); color:#D8B16D; flex-shrink:0; } .trust-icon svg{ width:28px; height:28px; } .trust-card-header h3{ margin:0; color:#fff; font-size:24px; font-weight:700; } .trust-card-header span{ display:block; margin-top:6px; color:#d7d0cb; font-size:14px; line-height:1.7; } /*==================================================== TRUSTED PARTNERS PART 2 ====================================================*/ /*=============================*/ .trust-group{ margin-bottom:34px; } .trust-group:last-child{ margin-bottom:0; } .trust-group h4{ margin:0 0 18px; color:#D8B16D; font-size:15px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; } /*=============================*/ .trust-logos{ display:flex; flex-wrap:wrap; gap:16px; } /*=============================*/ .logo-item{ width:130px; height:72px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:18px; border:1px solid rgba(0,0,0,.05); transition:.35s ease; box-shadow: 0 10px 24px rgba(0,0,0,.08); } .logo-item img{ max-width:78%; max-height:38px; object-fit:contain; filter:grayscale(100%); opacity:.75; transition:.35s ease; } .logo-item:hover{ transform:translateY(-6px); box-shadow: 0 18px 38px rgba(111,145,65,.28); } .logo-item:hover img{ filter:none; opacity:1; } /*=============================*/ .trust-divider{ width:100%; height:1px; margin:34px 0; background: linear-gradient( 90deg, transparent, rgba(216,177,109,.35), transparent ); } /*=============================*/ .trust-features{ margin:0; padding:0; list-style:none; } .trust-features li{ position:relative; padding-left:26px; margin-bottom:14px; color:#ddd; line-height:1.7; font-size:15px; } .trust-features li:last-child{ margin-bottom:0; } .trust-features li::before{ content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%; background:#6F9141; box-shadow: 0 0 12px rgba(111,145,65,.45); } /*==================================================== TRUSTED PARTNERS PART 3 PREMIUM EFFECT ====================================================*/ .trust-card{ transition: transform .45s cubic-bezier(.4,0,.2,1), box-shadow .45s ease, border-color .45s ease; } .trust-card:hover{ transform: translateY(-8px) scale(1.01); border-color:rgba(216,177,109,.30); box-shadow: 0 28px 60px rgba(0,0,0,.28), 0 0 0 1px rgba(216,177,109,.08); } /*==============================*/ .logo-item{ transition: .35s ease; } .logo-item:hover{ transform: translateY(-6px) scale(1.05); box-shadow: 0 20px 38px rgba(0,0,0,.18), 0 10px 28px rgba(111,145,65,.18); } .logo-item:hover img{ filter:none; opacity:1; } /*==============================*/ .trust-icon{ transition: .45s ease; } .trust-card:hover .trust-icon{ background: rgba(111,145,65,.15); color:#7ea54b; transform: rotate(-8deg) scale(1.08); } /*==============================*/ .trust-badge{ animation: trustGlow 5s ease-in-out infinite; } @keyframes trustGlow{ 0%,100%{ box-shadow: 0 0 0 rgba(216,177,109,0); } 50%{ box-shadow: 0 0 18px rgba(216,177,109,.18); } } /*==============================*/ .trust-card::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient( 135deg, rgba(255,255,255,.03), transparent 45% ); pointer-events:none; } /*==============================*/ @media(max-width:1600px){ .footer-trust{ padding:82px 44px 60px; } .footer-trust-header h2{ font-size:40px; } } @media(max-width:1440px){ .trust-card{ padding:34px; } .logo-item{ width:120px; height:68px; } } @media(max-width:1366px){ .footer-trust-header h2{ font-size:36px; } .logo-item{ width:112px; height:64px; } .trust-wrapper{ gap:26px; } } @media(max-width:1280px){ .trust-wrapper{ grid-template-columns:1fr; } }/* End custom CSS */ /* Start custom CSS */html, body{ overflow-x:hidden !important; width:100%; max-width:100%; } body{ position:relative; } /* Hide CURCY currency sidebar on this page only */ .woocommerce-multi-currency.wmc-sidebar { display: none !important; }/* End custom CSS */