.elementor-283 .elementor-element.elementor-element-b15e658{--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;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-283 .elementor-element.elementor-element-b15e658:not(.elementor-motion-effects-element-type-background), .elementor-283 .elementor-element.elementor-element-b15e658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1F3C;}.elementor-283 .elementor-element.elementor-element-c6ac55b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-wrapper{text-align:start;}.elementor-283 .elementor-element.elementor-element-359c992.elementor-position-right .elementor-image-box-img{margin-left:12px;}.elementor-283 .elementor-element.elementor-element-359c992.elementor-position-left .elementor-image-box-img{margin-right:12px;}.elementor-283 .elementor-element.elementor-element-359c992.elementor-position-top .elementor-image-box-img{margin-bottom:12px;}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-title{margin-bottom:0px;font-family:"Sora", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-58be983 );}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-283 .elementor-element.elementor-element-359c992:has(:hover) .elementor-image-box-title, .elementor-283 .elementor-element.elementor-element-359c992:has(:focus) .elementor-image-box-title{color:var( --e-global-color-58be983 );}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;}.elementor-283 .elementor-element.elementor-element-fd80c71{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:500;line-height:20px;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main .elementor-item{color:#FFFFFFBF;fill:#FFFFFFBF;padding-left:16px;padding-right:16px;padding-top:9px;padding-bottom:9px;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main .elementor-item:hover, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-c45bfc8 .e--pointer-framed .elementor-item:before, .elementor-283 .elementor-element.elementor-element-c45bfc8 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-c45bfc8 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-283 .elementor-element.elementor-element-c45bfc8 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-c45bfc8{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-item:before{border-radius:6px;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:6px 6px 0 0;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 6px 6px;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 6px 6px 0;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:6px 0 0 6px;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a:hover, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a:focus, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a.highlighted, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-menu-toggle:hover, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a:hover, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a:focus, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-c45bfc8 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-283 .elementor-element.elementor-element-c45bfc8 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-283 .elementor-element.elementor-element-67df9cb{--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-end;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-283 .elementor-element.elementor-element-cdb7e47 .elementor-button{background-color:var( --e-global-color-a88cc5a );font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:500;border-radius:8px 8px 8px 8px;padding:8px 12px 8px 12px;}.elementor-283 .elementor-element.elementor-element-cdb7e47 .elementor-button-content-wrapper{flex-direction:row;}.elementor-283 .elementor-element.elementor-element-cdb7e47 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:500;line-height:20px;}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main .elementor-item{color:#FFFFFFBF;fill:#FFFFFFBF;padding-left:16px;padding-right:16px;padding-top:9px;padding-bottom:9px;}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main .elementor-item:hover, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main .elementor-item.highlighted, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-bbd952a .e--pointer-framed .elementor-item:before, .elementor-283 .elementor-element.elementor-element-bbd952a .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-bbd952a .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-283 .elementor-element.elementor-element-bbd952a .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-bbd952a{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-item:before{border-radius:6px;}.elementor-283 .elementor-element.elementor-element-bbd952a .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:6px 6px 0 0;}.elementor-283 .elementor-element.elementor-element-bbd952a .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 6px 6px;}.elementor-283 .elementor-element.elementor-element-bbd952a .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 6px 6px 0;}.elementor-283 .elementor-element.elementor-element-bbd952a .e--animation-shutter-in-vertical .elementor-item:after{border-radius:6px 0 0 6px;}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a:hover, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a:focus, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a.highlighted, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-menu-toggle:hover, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a:hover, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a:focus, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-b5aeb33 );}.elementor-283 .elementor-element.elementor-element-bbd952a div.elementor-menu-toggle{color:#FFFFFF;}.elementor-283 .elementor-element.elementor-element-bbd952a div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-283 .elementor-element.elementor-element-c6ac55b{--width:20%;}.elementor-283 .elementor-element.elementor-element-fd80c71{--width:60%;}.elementor-283 .elementor-element.elementor-element-67df9cb{--width:20%;}}@media(max-width:767px){.elementor-283 .elementor-element.elementor-element-b15e658{--flex-wrap:nowrap;}.elementor-283 .elementor-element.elementor-element-c6ac55b{--width:50%;}.elementor-283 .elementor-element.elementor-element-359c992.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-img{margin-bottom:12px;}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-title{margin-bottom:0px;font-size:14px;line-height:23px;}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-description{font-size:12px;line-height:16px;}.elementor-283 .elementor-element.elementor-element-fd80c71{--width:50%;}.elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown a{padding-top:10px;padding-bottom:10px;}.elementor-283 .elementor-element.elementor-element-67df9cb{--width:50%;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown a{padding-top:10px;padding-bottom:10px;}}/* Start custom CSS for image-box, class: .elementor-element-359c992 */@media (max-width: 767px) { .elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-wrapper { display: flex !important; flex-direction: row !important; align-items: center !important; text-align: left !important; } .elementor-283 .elementor-element.elementor-element-359c992 .elementor-image-box-img { margin-bottom: 0 !important; margin-right: 15px !important; /* Jarak antara logo dan teks */ width: 80px !important; /* Sesuaikan ukuran logo di mobile jika kekecilan/kebesaran */ } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-c45bfc8 */@media (max-width: 767px) { /* Targetkan item menu terakhir */ .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown ul li:last-child a, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-menu-toggle + .elementor-nav-menu--dropdown ul li:last-child a, .elementor-283 .elementor-element.elementor-element-c45bfc8 .menu-item:last-child a { background-color: #39c24a !important; color: #ffffff !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; /* Ukuran & Jarak Tombol */ width: calc(100% - 30px) !important; margin-left: 15px !important; margin-right: 15px !important; margin-top: 20px !important; margin-bottom: 15px !important; padding: 12px 20px !important; border-radius: 8px !important; font-weight: 500 !important; box-sizing: border-box !important; } /* Memasukkan ikon SVG sebelum teks Hubungi Kami */ .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown ul li:last-child a::before, .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-menu-toggle + .elementor-nav-menu--dropdown ul li:last-child a::before, .elementor-283 .elementor-element.elementor-element-c45bfc8 .menu-item:last-child a::before { content: "" !important; display: inline-block !important; /* GANTI URL DI BAWAH INI DENGAN LINK SVG ANDA */ background-image: url('https://tokograhakarya.co.id/wp-content/uploads/2026/05/SVG-1.svg') !important; background-repeat: no-repeat !important; background-size: contain !important; width: 18px !important; /* Lebar ikon SVG */ height: 18px !important; /* Tinggi ikon SVG */ margin-right: 8px !important; /* Jarak ikon ke teks */ } /* Sembunyikan ikon font lama jika sebelumnya Anda menambahkannya di Menu WordPress */ .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--dropdown ul li:last-child a i, .elementor-283 .elementor-element.elementor-element-c45bfc8 .menu-item:last-child a i { display: none !important; } } /* Sembunyikan item menu terakhir ini khusus di Desktop dan Tablet */ @media (min-width: 768px) { .elementor-283 .elementor-element.elementor-element-c45bfc8 .elementor-nav-menu--main ul li:last-child, .elementor-283 .elementor-element.elementor-element-c45bfc8 .menu-item:last-child { display: none !important; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-bbd952a */@media (max-width: 767px) { /* Targetkan item menu terakhir */ .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown ul li:last-child a, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-menu-toggle + .elementor-nav-menu--dropdown ul li:last-child a, .elementor-283 .elementor-element.elementor-element-bbd952a .menu-item:last-child a { background-color: #39c24a !important; color: #ffffff !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; /* Ukuran & Jarak Tombol */ width: calc(100% - 30px) !important; margin-left: 15px !important; margin-right: 15px !important; margin-top: 20px !important; margin-bottom: 15px !important; padding: 12px 20px !important; border-radius: 8px !important; font-weight: 500 !important; box-sizing: border-box !important; } /* Memasukkan ikon SVG sebelum teks Hubungi Kami */ .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown ul li:last-child a::before, .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-menu-toggle + .elementor-nav-menu--dropdown ul li:last-child a::before, .elementor-283 .elementor-element.elementor-element-bbd952a .menu-item:last-child a::before { content: "" !important; display: inline-block !important; /* GANTI URL DI BAWAH INI DENGAN LINK SVG ANDA */ background-image: url('https://tokograhakarya.co.id/wp-content/uploads/2026/05/SVG-1.svg') !important; background-repeat: no-repeat !important; background-size: contain !important; width: 18px !important; /* Lebar ikon SVG */ height: 18px !important; /* Tinggi ikon SVG */ margin-right: 8px !important; /* Jarak ikon ke teks */ } /* Sembunyikan ikon font lama jika sebelumnya Anda menambahkannya di Menu WordPress */ .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--dropdown ul li:last-child a i, .elementor-283 .elementor-element.elementor-element-bbd952a .menu-item:last-child a i { display: none !important; } } /* Sembunyikan item menu terakhir ini khusus di Desktop dan Tablet */ @media (min-width: 768px) { .elementor-283 .elementor-element.elementor-element-bbd952a .elementor-nav-menu--main ul li:last-child, .elementor-283 .elementor-element.elementor-element-bbd952a .menu-item:last-child { display: none !important; } }/* End custom CSS */