.elementor-367 .elementor-element.elementor-element-a441305{--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:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:142px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-367 .elementor-element.elementor-element-212b3a4{--display:flex;}.elementor-367 .elementor-element.elementor-element-6799a04 .elementor-heading-title{font-family:var( --e-global-typography-eead6cf-font-family ), Sans-serif;font-size:var( --e-global-typography-eead6cf-font-size );font-weight:var( --e-global-typography-eead6cf-font-weight );text-transform:var( --e-global-typography-eead6cf-text-transform );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-328d0ec{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-367 .elementor-element.elementor-element-98ff295 p{margin-block-end:0px;}.elementor-367 .elementor-element.elementor-element-1d33f24{--display:flex;--justify-content:flex-end;}.elementor-367 .elementor-element.elementor-element-32966cb{text-align:end;}body:not(.rtl) .elementor-367 .elementor-element.elementor-element-cf4e8f8{left:-125px;}body.rtl .elementor-367 .elementor-element.elementor-element-cf4e8f8{right:-125px;}.elementor-367 .elementor-element.elementor-element-cf4e8f8{top:-2px;z-index:2;}.elementor-367 .elementor-element.elementor-element-a50bc51{--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;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-367 .elementor-element.elementor-element-a50bc51:not(.elementor-motion-effects-element-type-background), .elementor-367 .elementor-element.elementor-element-a50bc51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-92fe4c9 );}.elementor-367 .elementor-element.elementor-element-0fb05c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-367 .elementor-element.elementor-element-c2357d6{--display:flex;}.elementor-367 .elementor-element.elementor-element-6b99de2 .elementor-heading-title{font-family:var( --e-global-typography-eead6cf-font-family ), Sans-serif;font-size:var( --e-global-typography-eead6cf-font-size );font-weight:var( --e-global-typography-eead6cf-font-weight );text-transform:var( --e-global-typography-eead6cf-text-transform );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-8110a33 p{margin-block-end:0px;}.elementor-367 .elementor-element.elementor-element-0faf72c{--display:flex;--justify-content:center;--border-radius:9px 9px 9px 9px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-367 .elementor-element.elementor-element-0faf72c:not(.elementor-motion-effects-element-type-background), .elementor-367 .elementor-element.elementor-element-0faf72c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9f0da6 );}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-367 .elementor-element.elementor-element-7a5ae8c{--e-icon-list-icon-size:18px;--icon-vertical-align:flex-start;--icon-vertical-offset:6px;}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-item > a{font-size:16px;font-weight:500;line-height:1.5em;}.elementor-367 .elementor-element.elementor-element-7a5ae8c .elementor-icon-list-text{color:var( --e-global-color-186d1b5 );transition:color 0.3s;}.elementor-367 .elementor-element.elementor-element-88bbfd5{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:flex-end;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-367 .elementor-element.elementor-element-0db82d6{--display:flex;}.elementor-367 .elementor-element.elementor-element-b4d55e2 .elementor-heading-title{font-family:var( --e-global-typography-eead6cf-font-family ), Sans-serif;font-size:var( --e-global-typography-eead6cf-font-size );font-weight:var( --e-global-typography-eead6cf-font-weight );text-transform:var( --e-global-typography-eead6cf-text-transform );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-b0ddb78 p{margin-block-end:0px;}.elementor-367 .elementor-element.elementor-element-d2b9c0c{--display:flex;--justify-content:center;--border-radius:9px 9px 9px 9px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-367 .elementor-element.elementor-element-d2b9c0c:not(.elementor-motion-effects-element-type-background), .elementor-367 .elementor-element.elementor-element-d2b9c0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9f0da6 );}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-367 .elementor-element.elementor-element-67017c2{--e-icon-list-icon-size:18px;--icon-vertical-align:flex-start;--icon-vertical-offset:6px;}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-item > a{font-size:16px;font-weight:500;line-height:1.5em;}.elementor-367 .elementor-element.elementor-element-67017c2 .elementor-icon-list-text{color:var( --e-global-color-186d1b5 );transition:color 0.3s;}.elementor-367 .elementor-element.elementor-element-6fdb721{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-367 .elementor-element.elementor-element-7e4910f{--display:flex;}.elementor-367 .elementor-element.elementor-element-02478ac .elementor-heading-title{font-family:var( --e-global-typography-eead6cf-font-family ), Sans-serif;font-size:var( --e-global-typography-eead6cf-font-size );font-weight:var( --e-global-typography-eead6cf-font-weight );text-transform:var( --e-global-typography-eead6cf-text-transform );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-9c772cc p{margin-block-end:0px;}.elementor-367 .elementor-element.elementor-element-9a21c39{--display:flex;--justify-content:center;--border-radius:9px 9px 9px 9px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-367 .elementor-element.elementor-element-9a21c39:not(.elementor-motion-effects-element-type-background), .elementor-367 .elementor-element.elementor-element-9a21c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9f0da6 );}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-367 .elementor-element.elementor-element-d71969d{--e-icon-list-icon-size:18px;--icon-vertical-align:flex-start;--icon-vertical-offset:6px;}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-item > a{font-size:16px;font-weight:500;line-height:1.5em;}.elementor-367 .elementor-element.elementor-element-d71969d .elementor-icon-list-text{color:var( --e-global-color-186d1b5 );transition:color 0.3s;}.elementor-367 .elementor-element.elementor-element-af43df8{--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:130px;--padding-bottom:115px;--padding-left:20px;--padding-right:20px;}.elementor-367 .elementor-element.elementor-element-13cb497{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-367 .elementor-element.elementor-element-13cb497 .elementor-heading-title{font-family:var( --e-global-typography-32d141f-font-family ), Sans-serif;font-size:var( --e-global-typography-32d141f-font-size );font-weight:var( --e-global-typography-32d141f-font-weight );line-height:var( --e-global-typography-32d141f-line-height );letter-spacing:var( --e-global-typography-32d141f-letter-spacing );}.elementor-367 .elementor-element.elementor-element-a36363e{width:var( --container-widget-width, 655px );max-width:655px;--container-widget-width:655px;--container-widget-flex-grow:0;text-align:center;}.elementor-367 .elementor-element.elementor-element-a36363e.elementor-element{--align-self:center;}.elementor-367 .elementor-element.elementor-element-a36363e p{margin-block-end:0px;}.elementor-367 .elementor-element.elementor-element-ccb040f{--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:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:35px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-367 .elementor-element.elementor-element-4cb2332 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-367 .elementor-element.elementor-element-4cb2332 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-367 .elementor-element.elementor-element-287ad0f .elementor-button{background-color:var( --e-global-color-e9f0da6 );fill:var( --e-global-color-2a8bf29 );color:var( --e-global-color-2a8bf29 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a4cc800 );}.elementor-367 .elementor-element.elementor-element-287ad0f .elementor-button:hover, .elementor-367 .elementor-element.elementor-element-287ad0f .elementor-button:focus{border-color:var( --e-global-color-2a8bf29 );}.elementor-367 .elementor-element.elementor-element-672740d{text-align:center;}.elementor-367 .elementor-element.elementor-element-672740d .elementor-heading-title{font-family:var( --e-global-typography-eead6cf-font-family ), Sans-serif;font-size:var( --e-global-typography-eead6cf-font-size );font-weight:var( --e-global-typography-eead6cf-font-weight );text-transform:var( --e-global-typography-eead6cf-text-transform );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );color:var( --e-global-color-08148c8 );}@media(min-width:768px){.elementor-367 .elementor-element.elementor-element-a441305{--content-width:1220px;}.elementor-367 .elementor-element.elementor-element-212b3a4{--width:60%;}.elementor-367 .elementor-element.elementor-element-1d33f24{--width:40%;}.elementor-367 .elementor-element.elementor-element-c2357d6{--width:35%;}.elementor-367 .elementor-element.elementor-element-0faf72c{--width:65%;}.elementor-367 .elementor-element.elementor-element-0db82d6{--width:40%;}.elementor-367 .elementor-element.elementor-element-d2b9c0c{--width:60%;}.elementor-367 .elementor-element.elementor-element-7e4910f{--width:40%;}.elementor-367 .elementor-element.elementor-element-9a21c39{--width:60%;}.elementor-367 .elementor-element.elementor-element-af43df8{--content-width:840px;}}@media(max-width:1024px){.elementor-367 .elementor-element.elementor-element-a441305{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-367 .elementor-element.elementor-element-6799a04 .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}body:not(.rtl) .elementor-367 .elementor-element.elementor-element-cf4e8f8{left:-30px;}body.rtl .elementor-367 .elementor-element.elementor-element-cf4e8f8{right:-30px;}.elementor-367 .elementor-element.elementor-element-0fb05c5{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-367 .elementor-element.elementor-element-6b99de2 .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-0faf72c{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-367 .elementor-element.elementor-element-88bbfd5{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-367 .elementor-element.elementor-element-b4d55e2 .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-d2b9c0c{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-367 .elementor-element.elementor-element-6fdb721{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-367 .elementor-element.elementor-element-02478ac .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-9a21c39{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-367 .elementor-element.elementor-element-af43df8{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-367 .elementor-element.elementor-element-13cb497 .elementor-heading-title{font-size:var( --e-global-typography-32d141f-font-size );line-height:var( --e-global-typography-32d141f-line-height );letter-spacing:var( --e-global-typography-32d141f-letter-spacing );}.elementor-367 .elementor-element.elementor-element-672740d .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}}@media(max-width:767px){.elementor-367 .elementor-element.elementor-element-6799a04 .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-328d0ec{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}body:not(.rtl) .elementor-367 .elementor-element.elementor-element-cf4e8f8{left:0px;}body.rtl .elementor-367 .elementor-element.elementor-element-cf4e8f8{right:0px;}.elementor-367 .elementor-element.elementor-element-cf4e8f8{top:-20px;}.elementor-367 .elementor-element.elementor-element-0fb05c5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-367 .elementor-element.elementor-element-6b99de2 .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-88bbfd5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-367 .elementor-element.elementor-element-b4d55e2 .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-6fdb721{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-367 .elementor-element.elementor-element-02478ac .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}.elementor-367 .elementor-element.elementor-element-13cb497 .elementor-heading-title{font-size:var( --e-global-typography-32d141f-font-size );line-height:var( --e-global-typography-32d141f-line-height );letter-spacing:var( --e-global-typography-32d141f-letter-spacing );}.elementor-367 .elementor-element.elementor-element-ccb040f{--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;--align-items:stretch;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-367 .elementor-element.elementor-element-672740d .elementor-heading-title{font-size:var( --e-global-typography-eead6cf-font-size );line-height:var( --e-global-typography-eead6cf-line-height );letter-spacing:var( --e-global-typography-eead6cf-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-cf4e8f8 *//* notal-ggzchat-demo — CSS */
.ntggz-root,.ntggz-root *{box-sizing:border-box;margin:0;padding:0}
.ntggz-root{
  display:flex;
  justify-content:center;
  padding:24px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:transparent;
}
.ntggz-wrap{
  max-width:280px;
  width:100%;
  display:flex;
  flex-direction:column;
  position:relative;
}
/* Spraakbericht: witte bubbel met groene play + waveform */
.ntggz-voice{
  display:flex;
  align-items:center;
  gap:10px;
  background:#FAFAFA;
  box-shadow:0 3px 14px rgba(0,0,0,.08);
  border-radius:16px 16px 16px 4px;
  padding:10px 16px 10px 10px;
  width:fit-content;
  max-width:100%;
  margin-bottom:14px;
  opacity:0;
  transform:translateY(10px);
  animation:ntggz-fu .5s ease forwards .3s;
}
.ntggz-play{
  width:37px;
  height:37px;
  border-radius:50%;
  background:#A3E635;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  cursor:pointer;
  transition:transform .15s;
}
.ntggz-play:hover{transform:scale(1.07)}
.ntggz-wave{
  display:flex;
  align-items:center;
  gap:3px;
  height:26px;
}
.ntggz-wave span{
  display:block;
  width:3px;
  border-radius:2px;
  background:#1D1D1B;
  animation:ntggz-wv 1.15s ease-in-out infinite;
}
.ntggz-wave span:nth-child(1){height:7px;animation-delay:.0s}
.ntggz-wave span:nth-child(2){height:15px;animation-delay:.12s}
.ntggz-wave span:nth-child(3){height:10px;animation-delay:.24s}
.ntggz-wave span:nth-child(4){height:19px;animation-delay:.06s}
.ntggz-wave span:nth-child(5){height:8px;animation-delay:.3s}
.ntggz-wave span:nth-child(6){height:16px;animation-delay:.18s}
.ntggz-wave span:nth-child(7){height:12px;animation-delay:.36s}
.ntggz-wave span:nth-child(8){height:18px;animation-delay:.09s}
.ntggz-wave span:nth-child(9){height:9px;animation-delay:.27s}
.ntggz-time{
  font-size:12px;
  color:#6F7D7D;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* ══ Berichten: slot groeit open (dots-fase), dots morfen naadloos naar ballon ══ */
.ntggz-slot{
  display:grid;
  grid-template-rows:0fr;
  margin-bottom:0;
}
.ntggz-slot-in{
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.ntggz-slot-r .ntggz-slot-in{align-items:flex-end;}

/* Dots-wrapper: open tijdens typen, klapt dicht wanneer de ballon verschijnt */
.ntggz-dwrap{
  display:grid;
  grid-template-rows:1fr;
  width:fit-content;
}
.ntggz-dwrap-in{min-height:0;overflow:hidden}
/* Ballon-wrapper: dicht tijdens typen, klapt open wanneer het bericht komt */
.ntggz-bwrap{
  display:grid;
  grid-template-rows:0fr;
  width:fit-content;
  max-width:88%;
}
.ntggz-bwrap-in{min-height:0;overflow:hidden}

/* Typende puntjes */
.ntggz-dots{
  display:flex;
  align-items:center;
  gap:4px;
  padding:11px 14px;
  background:#EEFADE;
  border-radius:14px 14px 14px 3px;
  width:fit-content;
  opacity:0;
}
.ntggz-slot-r .ntggz-dots{
  border-radius:14px 14px 3px 14px;
  background:#1D1D1B;
}
.ntggz-slot-r .ntggz-dots span{background:#FAFAFA;}
.ntggz-dots span{
  width:6px;height:6px;
  background:#1D1D1B;
  border-radius:50%;
  display:block;
  opacity:.45;
  animation:ntggz-dt 1.2s ease-in-out infinite;
}
.ntggz-dots span:nth-child(2){animation-delay:.2s}
.ntggz-dots span:nth-child(3){animation-delay:.4s}

/* Ballonnen */
.ntggz-bub{
  padding:11px 15px;
  border-radius:14px;
  font-size:13.5px;
  line-height:1.55;
  opacity:0;
  transform:translateY(6px);
}
.ntggz-bub.ntggz-l{
  background:#EEFADE;
  color:#1D1D1B;
  border-bottom-left-radius:3px;
}
.ntggz-bub.ntggz-r{
  background:#1D1D1B;
  color:#FAFAFA;
  border-bottom-right-radius:3px;
}

@keyframes ntggz-wv{0%,100%{transform:scaleY(1);opacity:.75}50%{transform:scaleY(1.65);opacity:1}}
@keyframes ntggz-fu{to{opacity:1;transform:translateY(0)}}
@keyframes ntggz-dt{0%,80%,100%{transform:scale(1);opacity:.35}40%{transform:scale(1.3);opacity:.9}}
@keyframes ntggz-open{to{grid-template-rows:1fr;margin-bottom:10px}}
@keyframes ntggz-close{to{grid-template-rows:0fr}}
@keyframes ntggz-fade{0%{opacity:0}15%,85%{opacity:1}100%{opacity:0}}

/* ── Timing per bericht ──
   T      : slot opent + dots verschijnen
   T+1.5s : dots-wrapper klapt dicht, ballon-wrapper klapt open, ballon fadet in */

/* Bericht 1 (links) — T = 1.0s */
.ntggz-s1{animation:ntggz-open .3s ease forwards 1.0s}
.ntggz-s1 .ntggz-dwrap{animation:ntggz-close .35s ease forwards 2.5s}
.ntggz-s1 .ntggz-dots{animation:ntggz-fade 1.7s ease forwards 1.0s}
.ntggz-s1 .ntggz-dots span{animation:ntggz-dt 1.2s ease-in-out infinite}
.ntggz-s1 .ntggz-bwrap{animation:ntggz-open .35s ease forwards 2.5s}
.ntggz-s1 .ntggz-bub{animation:ntggz-fu .35s ease forwards 2.6s}

/* Bericht 2 (rechts) — T = 3.6s */
.ntggz-s2{animation:ntggz-open .3s ease forwards 3.6s}
.ntggz-s2 .ntggz-dwrap{animation:ntggz-close .35s ease forwards 5.1s}
.ntggz-s2 .ntggz-dots{animation:ntggz-fade 1.7s ease forwards 3.6s}
.ntggz-s2 .ntggz-dots span{animation:ntggz-dt 1.2s ease-in-out infinite}
.ntggz-s2 .ntggz-bwrap{animation:ntggz-open .35s ease forwards 5.1s}
.ntggz-s2 .ntggz-bub{animation:ntggz-fu .35s ease forwards 5.2s}

/* Bericht 3 (links) — T = 6.2s */
.ntggz-s3{animation:ntggz-open .3s ease forwards 6.2s}
.ntggz-s3 .ntggz-dwrap{animation:ntggz-close .35s ease forwards 7.7s}
.ntggz-s3 .ntggz-dots{animation:ntggz-fade 1.7s ease forwards 6.2s}
.ntggz-s3 .ntggz-dots span{animation:ntggz-dt 1.2s ease-in-out infinite}
.ntggz-s3 .ntggz-bwrap{animation:ntggz-open .35s ease forwards 7.7s}
.ntggz-s3 .ntggz-bub{animation:ntggz-fu .35s ease forwards 7.8s}

.ntggz-restart{
  display:none; /* wijzig naar display:flex om de replay-knop terug te zetten */
  position:absolute;
  top:-6px;
  right:-6px;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#fff;
  border:1px solid #d4e8bc;
  align-items:center;
  justify-content:center;
  font-size:15px;
  color:#5a7a52;
  cursor:pointer;
  opacity:0;
  animation:ntggz-fu .4s ease forwards 8.6s;
  transition:background .2s,transform .15s;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  padding:0;
  line-height:1;
  font-family:inherit;
}
.ntggz-restart:hover{background:#EEFADE;transform:rotate(-45deg)}
@media(max-width:480px){
  .ntggz-root{padding:16px;}
  .ntggz-wrap{max-width:100%;}
  .ntggz-bub{font-size:13px;padding:10px 13px;}
  .ntggz-bwrap{max-width:92%;}
  .ntggz-play{width:33px;height:33px;}
}
@media(prefers-reduced-motion:reduce){
  .ntggz-voice,.ntggz-bub{animation:none!important;opacity:1!important;transform:none!important}
  .ntggz-slot,.ntggz-bwrap{animation:none!important;grid-template-rows:1fr!important;margin-bottom:10px!important}
  .ntggz-dwrap{animation:none!important;grid-template-rows:0fr!important}
  .ntggz-dots{display:none!important}
  .ntggz-wave span{animation:none!important}
}/* End custom CSS */