.elementor-229 .elementor-element.elementor-element-75c1322{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.1;}.elementor-229 .elementor-element.elementor-element-75c1322:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-75c1322 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bestattungshaus-herrfurth.de/wp-content/uploads/2026/03/AdobeStock_1774293474-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-75c1322::before, .elementor-229 .elementor-element.elementor-element-75c1322 > .elementor-background-video-container::before, .elementor-229 .elementor-element.elementor-element-75c1322 > .e-con-inner > .elementor-background-video-container::before, .elementor-229 .elementor-element.elementor-element-75c1322 > .elementor-background-slideshow::before, .elementor-229 .elementor-element.elementor-element-75c1322 > .e-con-inner > .elementor-background-slideshow::before, .elementor-229 .elementor-element.elementor-element-75c1322 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-229 .elementor-element.elementor-element-e67216b{--divider-border-style:solid;--divider-color:#FFFFFF42;--divider-border-width:1px;}.elementor-229 .elementor-element.elementor-element-e67216b .elementor-divider-separator{width:21%;margin:0 auto;margin-center:0;}.elementor-229 .elementor-element.elementor-element-e67216b .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-229 .elementor-element.elementor-element-e67216b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF42;}.elementor-229 .elementor-element.elementor-element-e67216b.elementor-view-framed .elementor-icon, .elementor-229 .elementor-element.elementor-element-e67216b.elementor-view-default .elementor-icon{color:#FFFFFF42;border-color:#FFFFFF42;}.elementor-229 .elementor-element.elementor-element-e67216b.elementor-view-framed .elementor-icon, .elementor-229 .elementor-element.elementor-element-e67216b.elementor-view-default .elementor-icon svg{fill:#FFFFFF42;}.elementor-229 .elementor-element.elementor-element-62cdfb0{text-align:center;}.elementor-229 .elementor-element.elementor-element-62cdfb0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-229 .elementor-element.elementor-global-2066 .elementor-button{background-color:rgba(106,196,175,0);font-family:"Montserrat", Sans-serif;font-size:15px;text-transform:uppercase;line-height:1.8em;letter-spacing:1.6px;fill:var( --e-global-color-6e80be2 );color:var( --e-global-color-6e80be2 );border-style:solid;border-width:1px 0px 0px 0px;border-radius:0% 0% 0% 0%;padding:10px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-global-2066 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-229 .elementor-element.elementor-global-2066.elementor-element{--align-self:center;}.elementor-229 .elementor-element.elementor-global-2066 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-229 .elementor-element.elementor-global-2066 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-229 .elementor-element.elementor-global-2066 .elementor-button:hover, .elementor-229 .elementor-element.elementor-global-2066 .elementor-button:focus{color:#4CA38C;border-color:#4CA38C;}.elementor-229 .elementor-element.elementor-global-2066 .elementor-button:hover svg, .elementor-229 .elementor-element.elementor-global-2066 .elementor-button:focus svg{fill:#4CA38C;}.elementor-229 .elementor-element.elementor-element-faccfb1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:3em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-229 .elementor-element.elementor-element-79281f0{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:3em;}.elementor-229 .elementor-element.elementor-element-c134e79{--spacer-size:59px;}.elementor-229 .elementor-element.elementor-element-c134e79 > .elementor-widget-container{margin:0px 40px 0px 0px;border-style:solid;border-width:0px 1px 0px 0px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-0d8b36b > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-0d8b36b{text-align:end;}.elementor-229 .elementor-element.elementor-element-0d8b36b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;line-height:1em;color:var( --e-global-color-secondary );}.elementor-229 .elementor-element.elementor-element-3bfc66e{text-align:end;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:#000000;}.elementor-229 .elementor-element.elementor-element-2c1da60{--spacer-size:50px;}.elementor-229 .elementor-element.elementor-global-2069 .elementor-button{background-color:rgba(106,196,175,0);font-family:"Montserrat", Sans-serif;font-size:15px;text-transform:uppercase;line-height:1.8em;letter-spacing:1.6px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-secondary );border-radius:0% 0% 0% 0%;padding:10px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-global-2069 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-229 .elementor-element.elementor-global-2069.elementor-element{--align-self:flex-end;}.elementor-229 .elementor-element.elementor-global-2069 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-229 .elementor-element.elementor-global-2069 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-229 .elementor-element.elementor-global-2069 .elementor-button:hover, .elementor-229 .elementor-element.elementor-global-2069 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-229 .elementor-element.elementor-global-2069 .elementor-button:hover svg, .elementor-229 .elementor-element.elementor-global-2069 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-229 .elementor-element.elementor-element-0926c93{--display:flex;--justify-content:center;--padding-top:4em;--padding-bottom:1em;--padding-left:5em;--padding-right:1em;}.elementor-229 .elementor-element.elementor-element-900c91b{--display:flex;--min-height:450px;}.elementor-229 .elementor-element.elementor-element-900c91b:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-900c91b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bestattungshaus-herrfurth.de/wp-content/uploads/2026/03/AdobeStock_531521753-1-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-900c91b.e-con{--align-self:center;}.elementor-229 .elementor-element.elementor-element-ab5eb33{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:3em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-229 .elementor-element.elementor-element-ab5eb33:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-ab5eb33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9e50343 );}.elementor-229 .elementor-element.elementor-element-1b73c0c{--display:flex;--padding-top:6.5em;--padding-bottom:1em;--padding-left:1em;--padding-right:6em;}.elementor-229 .elementor-element.elementor-element-cadb85b{--display:flex;--min-height:500px;}.elementor-229 .elementor-element.elementor-element-cadb85b:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-cadb85b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bestattungshaus-herrfurth.de/wp-content/uploads/2026/03/AdobeStock_425241599-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-229 .elementor-element.elementor-element-cadb85b.e-con{--align-self:center;}.elementor-229 .elementor-element.elementor-element-9be08dd{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:3em;}.elementor-229 .elementor-element.elementor-element-ba4a981{--spacer-size:59px;}.elementor-229 .elementor-element.elementor-element-ba4a981 > .elementor-widget-container{margin:0px 40px 0px 0px;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-7a2e123 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-7a2e123{text-align:start;}.elementor-229 .elementor-element.elementor-element-7a2e123 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:400;text-transform:uppercase;line-height:1em;color:var( --e-global-color-secondary );}.elementor-229 .elementor-element.elementor-element-b77a21e{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-229 .elementor-element.elementor-element-6f61189{--spacer-size:50px;}.elementor-229 .elementor-element.elementor-global-2072 .elementor-button{background-color:rgba(106,196,175,0);font-family:"Montserrat", Sans-serif;font-size:15px;text-transform:uppercase;line-height:1.8em;letter-spacing:1.6px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-secondary );border-radius:0% 0% 0% 0%;padding:10px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-global-2072 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-229 .elementor-element.elementor-global-2072 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-229 .elementor-element.elementor-global-2072 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-229 .elementor-element.elementor-global-2072 .elementor-button:hover, .elementor-229 .elementor-element.elementor-global-2072 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-229 .elementor-element.elementor-global-2072 .elementor-button:hover svg, .elementor-229 .elementor-element.elementor-global-2072 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-229 .elementor-element.elementor-element-9af3260{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-861cef4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-229 .elementor-element.elementor-element-6c970d0{--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:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-2c4fe08{--display:flex;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-2c4fe08::before, .elementor-229 .elementor-element.elementor-element-2c4fe08 > .elementor-background-video-container::before, .elementor-229 .elementor-element.elementor-element-2c4fe08 > .e-con-inner > .elementor-background-video-container::before, .elementor-229 .elementor-element.elementor-element-2c4fe08 > .elementor-background-slideshow::before, .elementor-229 .elementor-element.elementor-element-2c4fe08 > .e-con-inner > .elementor-background-slideshow::before, .elementor-229 .elementor-element.elementor-element-2c4fe08 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.bestattungshaus-herrfurth.de/wp-content/uploads/2026/03/Bestattungshaus-Herrfurth-Leaf.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;}.elementor-229 .elementor-element.elementor-element-7852ab3{--spacer-size:59px;}.elementor-229 .elementor-element.elementor-element-7852ab3 > .elementor-widget-container{margin:0px 40px 0px 0px;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-2e0b651 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-2e0b651{text-align:start;}.elementor-229 .elementor-element.elementor-element-2e0b651 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:400;text-transform:uppercase;line-height:1em;color:var( --e-global-color-secondary );}.elementor-229 .elementor-element.elementor-element-11b505d > .elementor-widget-container{margin:0px 0px -35px 0px;}.elementor-229 .elementor-element.elementor-element-11b505d{text-align:start;font-family:"Raleway", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-229 .elementor-element.elementor-element-3f32b31 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-229 .elementor-element.elementor-element-3f32b31{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}body.elementor-page-229:not(.elementor-motion-effects-element-type-background), body.elementor-page-229 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ba64948 );}@media(max-width:1024px){.elementor-229 .elementor-element.elementor-element-62cdfb0 .elementor-heading-title{font-size:40px;}.elementor-229 .elementor-element.elementor-element-faccfb1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-229 .elementor-element.elementor-element-79281f0{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-229 .elementor-element.elementor-element-0d8b36b .elementor-heading-title{font-size:30px;line-height:1em;}.elementor-229 .elementor-element.elementor-element-3bfc66e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-229 .elementor-element.elementor-element-0926c93{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-229 .elementor-element.elementor-element-900c91b{--min-height:300px;}.elementor-229 .elementor-element.elementor-element-ab5eb33{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-1b73c0c{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-229 .elementor-element.elementor-element-cadb85b{--min-height:300px;}.elementor-229 .elementor-element.elementor-element-9be08dd{--padding-top:2em;--padding-bottom:1em;--padding-left:2em;--padding-right:1em;}.elementor-229 .elementor-element.elementor-element-9be08dd.e-con{--order:-99999 /* order start hack */;}.elementor-229 .elementor-element.elementor-element-7a2e123 .elementor-heading-title{font-size:30px;line-height:1em;}.elementor-229 .elementor-element.elementor-element-b77a21e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-229 .elementor-element.elementor-element-9af3260{--padding-top:4em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-229 .elementor-element.elementor-element-861cef4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-229 .elementor-element.elementor-element-2e0b651 .elementor-heading-title{font-size:30px;line-height:1em;}.elementor-229 .elementor-element.elementor-element-3f32b31{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-229 .elementor-element.elementor-element-62cdfb0 .elementor-heading-title{font-size:30px;}.elementor-229 .elementor-element.elementor-element-faccfb1{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-229 .elementor-element.elementor-element-0d8b36b .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-229 .elementor-element.elementor-element-3bfc66e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-229 .elementor-element.elementor-element-2c1da60{--spacer-size:0px;}.elementor-229 .elementor-element.elementor-element-900c91b{--min-height:300px;}.elementor-229 .elementor-element.elementor-element-1b73c0c{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-229 .elementor-element.elementor-element-cadb85b{--min-height:300px;}.elementor-229 .elementor-element.elementor-element-9be08dd{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-229 .elementor-element.elementor-element-7a2e123 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-229 .elementor-element.elementor-element-b77a21e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-229 .elementor-element.elementor-element-6f61189{--spacer-size:0px;}.elementor-229 .elementor-element.elementor-element-9af3260{--padding-top:4em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-229 .elementor-element.elementor-element-2e0b651 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-229 .elementor-element.elementor-element-3f32b31{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-229 .elementor-element.elementor-element-79281f0{--width:46.474%;}.elementor-229 .elementor-element.elementor-element-0926c93{--width:53.526%;}.elementor-229 .elementor-element.elementor-element-900c91b{--width:100%;}.elementor-229 .elementor-element.elementor-element-1b73c0c{--width:53.526%;}.elementor-229 .elementor-element.elementor-element-cadb85b{--width:100%;}.elementor-229 .elementor-element.elementor-element-9be08dd{--width:46.474%;}}@media(max-width:1024px) and (min-width:768px){.elementor-229 .elementor-element.elementor-element-79281f0{--width:100%;}.elementor-229 .elementor-element.elementor-element-0926c93{--width:100%;}.elementor-229 .elementor-element.elementor-element-1b73c0c{--width:100%;}.elementor-229 .elementor-element.elementor-element-9be08dd{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-60f9b58 *//* --- Konfigurasi Warna Baru --- */
#gform_wrapper_2 {
    --primary-green: #028b6c; /* Warna baru yang kamu berikan */
    --primary-hover: #026b53; /* Versi sedikit lebih gelap untuk efek hover */
    --focus-shadow: rgba(2, 139, 108, 0.25); /* Efek glow transparan */
    --text-color: #333;
    --border-color: #ced4da;
}

/* 1. Progress Bar (Bar Bagian Atas) */
#gform_wrapper_2 .gf_progressbar {
    background-color: #e9ecef;
    border-radius: 0px; /* Sesuai gambar contoh yang kotak */
    height: 20px;
    margin-bottom: 20px;
}

#gform_wrapper_2 .gf_progressbar_percentage {
    background-color: var(--primary-green) !important;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 0px;
}

/* 2. Styling Input Text & Textarea */
#gform_wrapper_2 input[type="text"],
#gform_wrapper_2 input[type="email"],
#gform_wrapper_2 input[type="tel"],
#gform_wrapper_2 textarea {
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: 4px; /* Sedikit rounded */
    color: #495057;
    background-color: #fff;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Efek saat input diklik (Focus) */
#gform_wrapper_2 input:focus,
#gform_wrapper_2 textarea:focus {
    border-color: var(--primary-green);
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--focus-shadow);
}

/* 3. Label Field */
#gform_wrapper_2 .gfield_label {
    font-weight: 600;
    color: #444;
    margin-bottom: 8px;
    font-size: 15px;
}

/* 4. Custom Radio Buttons (Gaya Modern) */
#gform_wrapper_2 .gfield_radio {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Jarak antar pilihan */
}

#gform_wrapper_2 .gfield_radio .gchoice {
    position: relative;
    padding-left: 30px; /* Memberi ruang untuk lingkaran radio */
    cursor: pointer;
}

/* Sembunyikan radio button asli bawaan browser */
#gform_wrapper_2 .gfield_radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Buat Lingkaran Luar (Unchecked) */
#gform_wrapper_2 .gfield_radio input[type="radio"] + label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #adb5bd;
    border-radius: 50%;
    transition: all 0.2s ease;
}

/* Styling saat Checked (Terpilih) */
#gform_wrapper_2 .gfield_radio input[type="radio"]:checked + label::before {
    border-color: var(--primary-green);
    background-color: #fff;
}

/* Buat Titik (Dot) di tengah saat checked */
#gform_wrapper_2 .gfield_radio input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    top: 7px; /* Mengatur posisi tengah dot */
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: var(--primary-green);
    border-radius: 50%;
}

/* Teks Label Radio */
#gform_wrapper_2 .gfield_radio label {
    font-weight: 400;
    color: #555;
    cursor: pointer;
    margin-left: 5px;
}

/* 5. Tombol (Buttons) */
/* Tombol Utama (Next / Submit) */
#gform_wrapper_2 .gform_footer input[type="submit"], 
#gform_wrapper_2 .gform_page_footer input.gform_next_button,
#gform_wrapper_2 .gform_page_footer input.gform_button {
    background-color: var(--primary-green) !important;
    color: #fff !important;
    border: 1px solid var(--primary-green) !important;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    min-width: 100px;
}

#gform_wrapper_2 .gform_footer input[type="submit"]:hover, 
#gform_wrapper_2 .gform_page_footer input.gform_next_button:hover,
#gform_wrapper_2 .gform_page_footer input.gform_button:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

/* Tombol Secondary (Previous / Kembali) */
#gform_wrapper_2 .gform_page_footer input.gform_previous_button {
    background-color: transparent !important;
    color: #6c757d !important;
    border: 1px solid #ced4da !important;
    padding: 10px 24px;
    border-radius: 4px;
    margin-right: 10px;
}

#gform_wrapper_2 .gform_page_footer input.gform_previous_button:hover {
    background-color: #e9ecef !important;
    color: #495057 !important;
}

/* --- Custom Checkbox Styling (Hijau #028b6c) --- */

/* 1. Layout Container Checkbox */
#gform_wrapper_2 .gfield_checkbox .gchoice {
    position: relative;
    padding-left: 32px; /* Memberi ruang untuk kotak checkbox */
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* 2. Sembunyikan Checkbox Asli Browser */
#gform_wrapper_2 .gfield_checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* 3. Buat Kotak Custom (Kondisi Belum Dicentang) */
#gform_wrapper_2 .gfield_checkbox input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    top: 0; /* Sesuaikan agar sejajar dengan teks */
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #adb5bd;
    border-radius: 4px; /* Sedikit rounded agar tidak kaku */
    transition: all 0.2s ease;
}

/* Efek Hover saat mouse di atas kotak */
#gform_wrapper_2 .gfield_checkbox input[type="checkbox"]:hover + label::before {
    border-color: #028b6c;
}

/* 4. Kondisi Dicentang (Checked) - Background jadi Hijau */
#gform_wrapper_2 .gfield_checkbox input[type="checkbox"]:checked + label::before {
    background-color: #028b6c;
    border-color: #028b6c;
}

/* 5. Membuat Tanda Centang (Checkmark) Putih */
#gform_wrapper_2 .gfield_checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 6. Styling Teks Label */
#gform_wrapper_2 .gfield_checkbox label {
    font-weight: 400;
    color: #555;
    cursor: pointer;
    margin-left: 5px;
    line-height: 1.4;
}

/* Mengubah warna teks label pada Checkbox Spenden & Vorsorge */
#gform_wrapper_2 #input_2_18 label,
#gform_wrapper_2 #input_2_36 label {
    color: #028b6c !important; /* Warna Hijau */
    font-weight: 500; /* Sedikit lebih tebal agar terbaca jelas */
}

/* Opsional: Jika ingin warna hijau hanya muncul SAAT DICENTANG, 
   gunakan kode di bawah ini (hapus kode di atas jika pakai yang ini) */
/*
#gform_wrapper_2 #input_2_18 input:checked + label,
#gform_wrapper_2 #input_2_36 input:checked + label {
    color: #028b6c !important;
    font-weight: bold;
}
*//* End custom CSS */