.elementor-1392 .elementor-element.elementor-element-f14cd50{--display:flex;--min-height:96.7vh;--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;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.46;--padding-top:0px;--padding-bottom:90px;--padding-left:270px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-f14cd50:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-f14cd50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e31c0b9 );}.elementor-1392 .elementor-element.elementor-element-f14cd50::before, .elementor-1392 .elementor-element.elementor-element-f14cd50 > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-f14cd50 > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-f14cd50 > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-f14cd50 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-f14cd50 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-6e89ed9 > .elementor-widget-container{margin:-10px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-6e89ed9 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:70px;font-weight:600;letter-spacing:2.3px;color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-1bcd4f0{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1392 .elementor-element.elementor-element-a1a495a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-a1a495a{text-align:left;}.elementor-1392 .elementor-element.elementor-element-a1a495a img{width:14%;}.elementor-1392 .elementor-element.elementor-element-6d6dcfa > .elementor-widget-container{margin:-10px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-6d6dcfa .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:36px;font-weight:600;text-transform:uppercase;letter-spacing:2.3px;color:var( --e-global-color-de50c16 );}.elementor-widget-borderless-elementor-animated-text .borderless-elementor-animated-text-prefix{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-borderless-elementor-animated-text .borderless-elementor-animated-text-strings .Typewriter__wrapper{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-borderless-elementor-animated-text .borderless-elementor-animated-text-strings .Typewriter__cursor{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-borderless-elementor-animated-text .borderless-elementor-animated-text-suffix{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 .borderless-elementor-animated-text-widget{text-align:left;}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 .borderless-elementor-animated-text-prefix{color:#FFFFFF;font-family:"Barlow Condensed", Sans-serif;font-size:38px;font-weight:600;line-height:1px;letter-spacing:2.3px;}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 .borderless-elementor-animated-text-strings .Typewriter__wrapper{color:var( --e-global-color-025cd0d );font-family:"Barlow Condensed", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;line-height:1px;letter-spacing:2.3px;}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 .borderless-elementor-animated-text-strings .Typewriter__cursor{color:var( --e-global-color-de50c16 );font-size:24px;font-weight:600;line-height:1px;}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 .borderless-elementor-animated-text-suffix{font-size:24px;font-weight:600;line-height:1px;}.elementor-1392 .elementor-element.elementor-element-9d35d2b{--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:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-1392 .elementor-element.elementor-element-82c7a9b{--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;--justify-content:flex-end;}.elementor-1392 .elementor-element.elementor-element-8b28732{--display:flex;}.elementor-1392 .elementor-element.elementor-element-0ee96c0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-0ee96c0.elementor-element{--order:-99999 /* order start hack */;}.elementor-1392 .elementor-element.elementor-element-0ee96c0 img{width:14%;}.elementor-1392 .elementor-element.elementor-element-eeebb4d{--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;}.elementor-1392 .elementor-element.elementor-element-23b07d8 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:60px;font-weight:500;line-height:62px;letter-spacing:-0.5px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-55ce613 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-55ce613 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:21px;font-weight:500;text-transform:uppercase;line-height:28px;letter-spacing:2px;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-fece571 > .elementor-widget-container{margin:-24px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-fece571{font-family:"Barlow Condensed", Sans-serif;font-size:23px;font-weight:400;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-c8e170c{font-family:"Barlow Condensed", Sans-serif;font-size:18px;font-weight:400;line-height:23px;letter-spacing:0.8px;}.elementor-1392 .elementor-element.elementor-element-c9efcdf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-c9efcdf{font-family:"Barlow Condensed", Sans-serif;font-size:18px;font-weight:400;line-height:29px;letter-spacing:0.8px;}.elementor-1392 .elementor-element.elementor-element-8556a84{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-8556a84:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-8556a84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9B407;}.elementor-1392 .elementor-element.elementor-element-4bd9098{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1392 .elementor-element.elementor-element-dfdc094{--display:flex;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__front{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__back{background-color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-89de7e3 > .elementor-widget-container{box-shadow:-1px 0px 20px 0px rgba(0,0,0,0.11);}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box{height:252px;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-view-stacked .elementor-icon{background-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-view-stacked .elementor-icon svg{stroke:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-view-framed .elementor-icon, .elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-view-default .elementor-icon{color:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-view-framed .elementor-icon svg, .elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-view-default .elementor-icon svg{fill:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-icon{font-size:30px;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-icon svg{width:30px;transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-icon i{transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:10px;color:var( --e-global-color-e31c0b9 );font-family:"Barlow Condensed", Sans-serif;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:4.8px;word-spacing:0px;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;line-height:1.4em;letter-spacing:0.9px;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:left;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__button{margin-left:0;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:10px;color:#ffffff;font-family:"Raleway", Sans-serif;font-size:0.8em;font-weight:700;text-transform:uppercase;line-height:17px;letter-spacing:5px;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#ffffff;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-20f9fc4{--display:flex;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__front{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__back{background-color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-989e806 > .elementor-widget-container{box-shadow:-1px 0px 20px 0px rgba(0,0,0,0.11);}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box{height:252px;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-view-stacked .elementor-icon{background-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-view-stacked .elementor-icon svg{stroke:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-view-framed .elementor-icon, .elementor-1392 .elementor-element.elementor-element-989e806 .elementor-view-default .elementor-icon{color:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-view-framed .elementor-icon svg, .elementor-1392 .elementor-element.elementor-element-989e806 .elementor-view-default .elementor-icon svg{fill:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-icon{font-size:30px;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-icon svg{width:30px;transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-icon i{transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:10px;color:var( --e-global-color-e31c0b9 );font-family:"Barlow Condensed", Sans-serif;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:4.8px;word-spacing:0px;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;line-height:1.4em;letter-spacing:0.9px;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:left;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__button{margin-left:0;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:10px;color:#ffffff;font-family:"Raleway", Sans-serif;font-size:0.8em;font-weight:700;text-transform:uppercase;line-height:17px;letter-spacing:5px;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#ffffff;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-2a31646{--display:flex;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__front{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__back{background-color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-8cc07e8 > .elementor-widget-container{box-shadow:-1px 0px 20px 0px rgba(0,0,0,0.11);}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box{height:252px;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-view-stacked .elementor-icon{background-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-view-stacked .elementor-icon svg{stroke:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-view-framed .elementor-icon, .elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-view-default .elementor-icon{color:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-view-framed .elementor-icon svg, .elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-view-default .elementor-icon svg{fill:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-icon{font-size:30px;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-icon svg{width:30px;transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-icon i{transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:10px;color:var( --e-global-color-e31c0b9 );font-family:"Barlow Condensed", Sans-serif;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:4.8px;word-spacing:0px;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;line-height:1.4em;letter-spacing:0.9px;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:left;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__button{margin-left:0;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:10px;color:#ffffff;font-family:"Raleway", Sans-serif;font-size:0.8em;font-weight:700;text-transform:uppercase;line-height:17px;letter-spacing:5px;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#ffffff;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-c0ec486{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1392 .elementor-element.elementor-element-cc5ca8c{--display:flex;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__front{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__back{background-color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-e1e787d > .elementor-widget-container{box-shadow:-1px 0px 20px 0px rgba(0,0,0,0.11);}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box{height:252px;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-view-stacked .elementor-icon{background-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-view-stacked .elementor-icon svg{stroke:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-view-framed .elementor-icon, .elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-view-default .elementor-icon{color:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-view-framed .elementor-icon svg, .elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-view-default .elementor-icon svg{fill:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-icon{font-size:30px;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-icon svg{width:30px;transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-icon i{transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:10px;color:var( --e-global-color-e31c0b9 );font-family:"Barlow Condensed", Sans-serif;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:4.8px;word-spacing:0px;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;line-height:1.4em;letter-spacing:0.9px;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:left;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__button{margin-left:0;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:10px;color:#ffffff;font-family:"Raleway", Sans-serif;font-size:0.8em;font-weight:700;text-transform:uppercase;line-height:17px;letter-spacing:5px;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__back .elementor-flip-box__layer__description{color:#ffffff;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-45cab6d{--display:flex;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__front{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__back{background-color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-e7a4588 > .elementor-widget-container{box-shadow:-1px 0px 20px 0px rgba(0,0,0,0.11);}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box{height:252px;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-view-stacked .elementor-icon{background-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-view-stacked .elementor-icon svg{stroke:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-view-framed .elementor-icon, .elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-view-default .elementor-icon{color:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-view-framed .elementor-icon svg, .elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-view-default .elementor-icon svg{fill:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-icon{font-size:30px;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-icon svg{width:30px;transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-icon i{transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:10px;color:var( --e-global-color-e31c0b9 );font-family:"Barlow Condensed", Sans-serif;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:4.8px;word-spacing:0px;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;line-height:1.4em;letter-spacing:0.9px;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:left;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__button{margin-left:0;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:10px;color:#ffffff;font-family:"Raleway", Sans-serif;font-size:0.8em;font-weight:700;text-transform:uppercase;line-height:17px;letter-spacing:5px;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#ffffff;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-feb196b{--display:flex;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__front{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__back{background-color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-7e6c80c > .elementor-widget-container{box-shadow:-1px 0px 20px 0px rgba(0,0,0,0.11);}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box{height:252px;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-view-stacked .elementor-icon{background-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-view-stacked .elementor-icon svg{stroke:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-view-framed .elementor-icon, .elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-view-default .elementor-icon{color:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-view-framed .elementor-icon svg, .elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-view-default .elementor-icon svg{fill:#7D0625F2;border-color:#7D0625F2;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-icon{font-size:30px;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-icon svg{width:30px;transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-icon i{transform:rotate(0deg);}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:10px;color:var( --e-global-color-e31c0b9 );font-family:"Barlow Condensed", Sans-serif;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:4.8px;word-spacing:0px;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;line-height:1.4em;letter-spacing:0.9px;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:left;justify-content:center;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__button{margin-left:0;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:10px;color:#ffffff;font-family:"Raleway", Sans-serif;font-size:0.8em;font-weight:700;text-transform:uppercase;line-height:17px;letter-spacing:5px;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__back .elementor-flip-box__layer__description{color:#ffffff;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-97a1d49{--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;}.elementor-1392 .elementor-element.elementor-element-3f78220 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-3f78220{text-align:center;}.elementor-1392 .elementor-element.elementor-element-3f78220 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-9788e47{--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;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1392 .elementor-element.elementor-element-ea311c7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-fc8990a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-7b5692d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-7912aa6 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-5f1ac42{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-b9c81f4 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-e4884e3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-bedb36e .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-ea9c4cf{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-e7c0dfa .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-b4365b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-b4365b1{font-family:"Barlow Condensed", Sans-serif;font-size:13px;font-weight:400;}.elementor-1392 .elementor-element.elementor-element-92b1ad8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-0ae0c05{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-cafae0a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-7511f45 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-41262d4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-ecb88ca .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-e4191fe{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-ec38565 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-11fb0fb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-84113bd .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-90d5dcd > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-90d5dcd{font-family:"Barlow Condensed", Sans-serif;font-size:13px;font-weight:400;}.elementor-1392 .elementor-element.elementor-element-2fe2de7{--display:flex;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-bce2f20{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-8321502{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-69d7cd3 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-ec0435e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-7866010 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-d0630d7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-56decc9 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-68d26be{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-5ee23ba .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-a0333c3 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-a0333c3{font-family:"Barlow Condensed", Sans-serif;font-size:13px;font-weight:400;}.elementor-1392 .elementor-element.elementor-element-0c61a7e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-434849d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-42b172e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-16326d9 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-b909226{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-59780b5 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-b3aa594{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-874f74f .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-9de252a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1392 .elementor-element.elementor-element-d7e8552 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-e95abfc > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-e95abfc{font-family:"Barlow Condensed", Sans-serif;font-size:13px;font-weight:400;}.elementor-1392 .elementor-element.elementor-element-4333ffd{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:10px;--n-tabs-icon-color-active:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-4333ffd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-4333ffd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1392 .elementor-element.elementor-element-4333ffd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-4333ffd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-4333ffd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Barlow Condensed", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-1392 .elementor-element.elementor-element-4333ffd [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-6b7f75f{--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:120px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-2b16067 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:67px;font-weight:600;line-height:81px;letter-spacing:3.7px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-f7cfc56 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:56px;font-weight:600;line-height:63px;letter-spacing:3.7px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-c6b3a23 > .elementor-widget-container{margin:-24px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-c6b3a23{font-family:"Barlow Condensed", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-c2c9935{--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;--overlay-opacity:0.38;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-c2c9935:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-c2c9935 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-c2c9935::before, .elementor-1392 .elementor-element.elementor-element-c2c9935 > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-c2c9935 > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-c2c9935 > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-c2c9935 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-c2c9935 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-7a428a2{--display:flex;}.elementor-1392 .elementor-element.elementor-element-c8b336e{--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:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-00d1d96{--display:flex;--background-transition:1.2s;--overlay-opacity:0.79;--border-radius:10px 10px 10px 10px;--margin-top:0%;--margin-bottom:5%;--margin-left:2%;--margin-right:2%;--padding-top:0em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-1392 .elementor-element.elementor-element-00d1d96:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-00d1d96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AC8402;}.elementor-1392 .elementor-element.elementor-element-00d1d96:hover{background-color:var( --e-global-color-025cd0d );--overlay-opacity:0.15;}.elementor-1392 .elementor-element.elementor-element-00d1d96::before, .elementor-1392 .elementor-element.elementor-element-00d1d96 > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-00d1d96 > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-00d1d96 > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-00d1d96 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-00d1d96 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-00d1d96:hover::before, .elementor-1392 .elementor-element.elementor-element-00d1d96:hover > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-00d1d96:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-00d1d96 > .elementor-background-slideshow:hover::before, .elementor-1392 .elementor-element.elementor-element-00d1d96 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-00d1d96, .elementor-1392 .elementor-element.elementor-element-00d1d96::before{--overlay-transition:0.9s;}.elementor-1392 .elementor-element.elementor-element-ba7552e img{border-radius:0px 0px 80px 0px;}.elementor-1392 .elementor-element.elementor-element-a6a4e63 > .elementor-widget-container{margin:15% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-1392 .elementor-element.elementor-element-a6a4e63 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:27px;font-weight:700;text-transform:uppercase;line-height:1em;color:#ffffff;}.elementor-1392 .elementor-element.elementor-element-5073689{font-family:"Montserrat", Sans-serif;font-size:13px;line-height:1.3em;color:#ffffff;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(27px/2);margin-left:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-27px/2);margin-left:calc(-27px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-27px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-27px/2);}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-item:not(:last-child):after{content:"";border-color:rgba(255,255,255,0.29);}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-icon i{color:#ffffff;transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-icon svg{fill:#ffffff;transition:fill 0.3s;}.elementor-1392 .elementor-element.elementor-element-242f8da{--e-icon-list-icon-size:13px;--icon-vertical-offset:0px;}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-item > a{font-family:"Barlow", Sans-serif;font-size:18px;line-height:1.4em;}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-text{color:rgba(255,255,255,0.9);transition:color 0.3s;}.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-1392 .elementor-element.elementor-element-666a822 .elementor-button{background-color:rgba(237,21,82,0);font-family:"Barlow Condensed", Sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;}.elementor-1392 .elementor-element.elementor-element-666a822 .elementor-button:hover, .elementor-1392 .elementor-element.elementor-element-666a822 .elementor-button:focus{background-color:var( --e-global-color-de50c16 );color:var( --e-global-color-e31c0b9 );border-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-666a822 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-666a822 .elementor-button:hover svg, .elementor-1392 .elementor-element.elementor-element-666a822 .elementor-button:focus svg{fill:var( --e-global-color-e31c0b9 );}.elementor-1392 .elementor-element.elementor-element-cd0ab51{text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;color:#ffffff;}.elementor-1392 .elementor-element.elementor-element-88b7064{--display:flex;--background-transition:1.2s;--overlay-opacity:0.79;--border-radius:10px 10px 10px 10px;--margin-top:0%;--margin-bottom:5%;--margin-left:2%;--margin-right:2%;--padding-top:0em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-1392 .elementor-element.elementor-element-88b7064:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-88b7064 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AC8402;}.elementor-1392 .elementor-element.elementor-element-88b7064:hover{background-color:var( --e-global-color-025cd0d );--overlay-opacity:0.15;}.elementor-1392 .elementor-element.elementor-element-88b7064::before, .elementor-1392 .elementor-element.elementor-element-88b7064 > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-88b7064 > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-88b7064 > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-88b7064 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-88b7064 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-88b7064:hover::before, .elementor-1392 .elementor-element.elementor-element-88b7064:hover > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-88b7064:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-88b7064 > .elementor-background-slideshow:hover::before, .elementor-1392 .elementor-element.elementor-element-88b7064 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-88b7064, .elementor-1392 .elementor-element.elementor-element-88b7064::before{--overlay-transition:0.9s;}.elementor-1392 .elementor-element.elementor-element-62ea090 img{border-radius:0px 0px 80px 0px;}.elementor-1392 .elementor-element.elementor-element-835264d > .elementor-widget-container{margin:15% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-1392 .elementor-element.elementor-element-835264d .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:27px;font-weight:700;text-transform:uppercase;line-height:1em;color:#ffffff;}.elementor-1392 .elementor-element.elementor-element-cbc75a5{font-family:"Montserrat", Sans-serif;font-size:13px;line-height:1.3em;color:#ffffff;}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(27px/2);margin-left:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-27px/2);margin-left:calc(-27px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-27px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-27px/2);}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-item:not(:last-child):after{content:"";border-color:rgba(255,255,255,0.29);}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-icon i{color:#ffffff;transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-icon svg{fill:#ffffff;transition:fill 0.3s;}.elementor-1392 .elementor-element.elementor-element-ac7857c{--e-icon-list-icon-size:13px;--icon-vertical-offset:0px;}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-item > a{font-family:"Barlow", Sans-serif;font-size:18px;line-height:1.4em;}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-text{color:rgba(255,255,255,0.9);transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-3dd3a4b .elementor-button{background-color:rgba(237,21,82,0);font-family:"Barlow Condensed", Sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;}.elementor-1392 .elementor-element.elementor-element-3dd3a4b .elementor-button:hover, .elementor-1392 .elementor-element.elementor-element-3dd3a4b .elementor-button:focus{background-color:var( --e-global-color-de50c16 );color:var( --e-global-color-e31c0b9 );border-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-3dd3a4b > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-3dd3a4b .elementor-button:hover svg, .elementor-1392 .elementor-element.elementor-element-3dd3a4b .elementor-button:focus svg{fill:var( --e-global-color-e31c0b9 );}.elementor-1392 .elementor-element.elementor-element-097cb13{text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;color:#ffffff;}.elementor-1392 .elementor-element.elementor-element-bcc7426{--display:flex;--background-transition:1.2s;--overlay-opacity:0.79;--border-radius:10px 10px 10px 10px;--margin-top:0%;--margin-bottom:5%;--margin-left:2%;--margin-right:2%;--padding-top:0em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-1392 .elementor-element.elementor-element-bcc7426:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-bcc7426 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AC8402;}.elementor-1392 .elementor-element.elementor-element-bcc7426:hover{background-color:var( --e-global-color-025cd0d );--overlay-opacity:0.15;}.elementor-1392 .elementor-element.elementor-element-bcc7426::before, .elementor-1392 .elementor-element.elementor-element-bcc7426 > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-bcc7426 > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-bcc7426 > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-bcc7426 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-bcc7426 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-bcc7426:hover::before, .elementor-1392 .elementor-element.elementor-element-bcc7426:hover > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-bcc7426:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-bcc7426 > .elementor-background-slideshow:hover::before, .elementor-1392 .elementor-element.elementor-element-bcc7426 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-bcc7426, .elementor-1392 .elementor-element.elementor-element-bcc7426::before{--overlay-transition:0.9s;}.elementor-1392 .elementor-element.elementor-element-4fdf44f img{border-radius:0px 0px 80px 0px;}.elementor-1392 .elementor-element.elementor-element-f7ec3a0 > .elementor-widget-container{margin:15% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-1392 .elementor-element.elementor-element-f7ec3a0 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:27px;font-weight:700;text-transform:uppercase;line-height:1em;color:#ffffff;}.elementor-1392 .elementor-element.elementor-element-802dbc7{font-family:"Montserrat", Sans-serif;font-size:13px;line-height:1.3em;color:#ffffff;}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(27px/2);margin-left:calc(27px/2);}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-27px/2);margin-left:calc(-27px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-27px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-27px/2);}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-item:not(:last-child):after{content:"";border-color:rgba(255,255,255,0.29);}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-icon i{color:#ffffff;transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-icon svg{fill:#ffffff;transition:fill 0.3s;}.elementor-1392 .elementor-element.elementor-element-9b39ffd{--e-icon-list-icon-size:13px;--icon-vertical-offset:0px;}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-item > a{font-family:"Barlow", Sans-serif;font-size:18px;line-height:1.4em;}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-text{color:rgba(255,255,255,0.9);transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-24042c7 .elementor-button{background-color:rgba(237,21,82,0);font-family:"Barlow Condensed", Sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;}.elementor-1392 .elementor-element.elementor-element-24042c7 .elementor-button:hover, .elementor-1392 .elementor-element.elementor-element-24042c7 .elementor-button:focus{background-color:var( --e-global-color-de50c16 );color:var( --e-global-color-e31c0b9 );border-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-24042c7 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-24042c7 .elementor-button:hover svg, .elementor-1392 .elementor-element.elementor-element-24042c7 .elementor-button:focus svg{fill:var( --e-global-color-e31c0b9 );}.elementor-1392 .elementor-element.elementor-element-6fc425a{text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;color:#ffffff;}.elementor-1392 .elementor-element.elementor-element-f688549{--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-f688549:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-f688549 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D263801C;}.elementor-1392 .elementor-element.elementor-element-f688549 > .elementor-shape-top svg, .elementor-1392 .elementor-element.elementor-element-f688549 > .e-con-inner > .elementor-shape-top svg{height:326px;}.elementor-1392 .elementor-element.elementor-element-f688549 > .elementor-shape-bottom svg, .elementor-1392 .elementor-element.elementor-element-f688549 > .e-con-inner > .elementor-shape-bottom svg{height:53px;}.elementor-1392 .elementor-element.elementor-element-d3e03de{--display:flex;--min-height:0px;}.elementor-1392 .elementor-element.elementor-element-d3e03de > .elementor-shape-top svg, .elementor-1392 .elementor-element.elementor-element-d3e03de > .e-con-inner > .elementor-shape-top svg{height:0px;}.elementor-1392 .elementor-element.elementor-element-d3e03de.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1392 .elementor-element.elementor-element-d20089c{width:auto;max-width:auto;}.elementor-1392 .elementor-element.elementor-element-d20089c > .elementor-widget-container{--e-transform-rotateZ:20deg;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-d20089c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1392 .elementor-element.elementor-element-d20089c .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:19px;font-weight:600;line-height:47px;word-spacing:5px;color:#000000;}.elementor-1392 .elementor-element.elementor-element-46c77a8{--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;--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-1392 .elementor-element.elementor-element-1f87e91 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:56px;font-weight:600;line-height:62px;letter-spacing:3.7px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-86e135b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-86e135b{font-family:"Barlow Condensed", Sans-serif;font-size:19px;font-weight:400;line-height:21px;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-e141db1{--display:flex;--min-height:402px;--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;--overlay-opacity:0.56;}.elementor-1392 .elementor-element.elementor-element-e141db1::before, .elementor-1392 .elementor-element.elementor-element-e141db1 > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-e141db1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-e141db1 > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-e141db1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-e141db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-3ea2646{width:auto;max-width:auto;text-align:left;}.elementor-1392 .elementor-element.elementor-element-3ea2646 .elementor-heading-title{font-family:"Mukta", Sans-serif;font-size:99px;font-weight:600;color:#FFFFFFC9;}.elementor-1392 .elementor-element.elementor-element-04751db{text-align:right;}.elementor-1392 .elementor-element.elementor-element-04751db .elementor-heading-title{font-family:"Mukta", Sans-serif;font-size:99px;font-weight:600;color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-e9b6bfa{width:auto;max-width:auto;text-align:left;}.elementor-1392 .elementor-element.elementor-element-e9b6bfa .elementor-heading-title{font-family:"Mukta", Sans-serif;font-size:99px;font-weight:600;color:#FFFFFFC7;}.elementor-1392 .elementor-element.elementor-element-377c0fb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2px;--padding-bottom:2px;--padding-left:0px;--padding-right:0px;--z-index:16;}.elementor-1392 .elementor-element.elementor-element-377c0fb:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-377c0fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-5359124{--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:center;--gap:05px 05px;--row-gap:05px;--column-gap:05px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-5bf25c7{--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;--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-1392 .elementor-element.elementor-element-8418dd1 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-1392 .elementor-element.elementor-element-8418dd1 img{max-width:45%;}.elementor-1392 .elementor-element.elementor-element-75a67d5{--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;--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-1392 .elementor-element.elementor-element-da97705{width:auto;max-width:auto;text-align:left;}.elementor-1392 .elementor-element.elementor-element-da97705 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-da97705.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1392 .elementor-element.elementor-element-da97705 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:25px;font-weight:600;letter-spacing:0.7px;word-spacing:0px;color:#FFFFFFB0;}.elementor-1392 .elementor-element.elementor-element-fbae24a{--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:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-1392 .elementor-element.elementor-element-8f93815{--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-1392 .elementor-element.elementor-element-2f8066b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:19px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-2f8066b{font-family:"Barlow", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:#FFFFFFA6;}.elementor-1392 .elementor-element.elementor-element-02f97d4{--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-1392 .elementor-element.elementor-element-6541029 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(35px/2);}.elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(35px/2);}.elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(35px/2);margin-left:calc(35px/2);}.elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-35px/2);margin-left:calc(-35px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-35px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-35px/2);}.elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1392 .elementor-element.elementor-element-6541029{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-item > a{font-family:"Barlow", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;}.elementor-1392 .elementor-element.elementor-element-6541029 .elementor-icon-list-text{color:var( --e-global-color-de50c16 );transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-43943c8{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-cc9a74d{--display:flex;--min-height:360px;--justify-content:flex-end;}.elementor-1392 .elementor-element.elementor-element-cc9a74d:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-cc9a74d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://brusnika-ad.de/wp-content/uploads/2024/09/brusnika-marketing.webp");background-repeat:no-repeat;background-size:100% auto;}.elementor-1392 .elementor-element.elementor-element-7ac7c7e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-464ad5e{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:100px;}.elementor-1392 .elementor-element.elementor-element-2beb742{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1392 .elementor-element.elementor-element-f034393{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1392 .elementor-element.elementor-element-cac6402 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-cac6402{text-align:left;}.elementor-1392 .elementor-element.elementor-element-cac6402 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:2.4em;font-weight:500;line-height:1.2em;color:var( --e-global-color-e31c0b9 );}.elementor-1392 .elementor-element.elementor-element-2700b63 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-2700b63{text-align:left;}.elementor-1392 .elementor-element.elementor-element-2700b63 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;line-height:13px;letter-spacing:3.9px;word-spacing:0px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-dbae986 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-dbae986{font-family:"Barlow Condensed", Sans-serif;font-size:17px;font-weight:400;line-height:23px;letter-spacing:0.8px;}.elementor-1392 .elementor-element.elementor-element-a46f808{--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;--overlay-opacity:0.44;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-a46f808:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-a46f808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-025cd0d );background-image:url("https://brusnika-ad.de/wp-content/uploads/2024/08/brusnika-brand-kitchen_Kopie.jpg.webp");background-repeat:no-repeat;background-size:cover;}.elementor-1392 .elementor-element.elementor-element-a46f808::before, .elementor-1392 .elementor-element.elementor-element-a46f808 > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-a46f808 > .e-con-inner > .elementor-background-video-container::before, .elementor-1392 .elementor-element.elementor-element-a46f808 > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-a46f808 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1392 .elementor-element.elementor-element-a46f808 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-de50c16 );--background-overlay:'';}.elementor-1392 .elementor-element.elementor-element-1f6b509{--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;--justify-content:flex-end;}.elementor-1392 .elementor-element.elementor-element-f9e0408{--display:flex;}.elementor-1392 .elementor-element.elementor-element-d639ae6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-d639ae6.elementor-element{--order:-99999 /* order start hack */;}.elementor-1392 .elementor-element.elementor-element-d639ae6 img{width:25%;}.elementor-1392 .elementor-element.elementor-element-e22bc39{--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;}.elementor-1392 .elementor-element.elementor-element-5827cad{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1392 .elementor-element.elementor-element-9176be5 > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-9176be5{font-family:"Barlow Condensed", Sans-serif;font-size:23px;font-weight:400;line-height:40px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-ef7a904{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1392 .elementor-element.elementor-element-ef7a904:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-ef7a904 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB8;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1392 .elementor-element.elementor-element-224de0b > .elementor-widget-container{margin:05px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(99,115,129,0.27);border-radius:4px 4px 4px 4px;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-tab-title{border-width:0px;border-color:rgba(99,115,129,0.27);background-color:rgba(255,255,255,0);padding:37px 37px 37px 37px;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-tab-content{border-width:0px;border-bottom-color:rgba(99,115,129,0.27);background-color:rgba(255,255,255,0);color:#000000;font-family:"Barlow", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;letter-spacing:0px;padding:0px 30px 30px 30px;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-toggle-title, .elementor-1392 .elementor-element.elementor-element-224de0b .elementor-toggle-icon{color:#000000;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-toggle-icon svg{fill:#000000;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-tab-title.elementor-active a, .elementor-1392 .elementor-element.elementor-element-224de0b .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-toggle-title{font-family:"Barlow Condensed", Sans-serif;font-size:18px;font-weight:400;line-height:1em;letter-spacing:0px;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-tab-title .elementor-toggle-icon i:before{color:#384975;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-tab-title .elementor-toggle-icon svg{fill:#384975;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#a9b5bc;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#a9b5bc;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-toggle-icon.elementor-toggle-icon-left{margin-right:12px;}.elementor-1392 .elementor-element.elementor-element-224de0b .elementor-toggle-icon.elementor-toggle-icon-right{margin-left:12px;}.elementor-1392 .elementor-element.elementor-element-a44f957{--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:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;--z-index:17;}.elementor-1392 .elementor-element.elementor-element-a44f957:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-a44f957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-cd76175{--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;--justify-content:flex-end;}.elementor-1392 .elementor-element.elementor-element-74c4243{width:auto;max-width:auto;}.elementor-1392 .elementor-element.elementor-element-74c4243 > .elementor-widget-container{--e-transform-rotateZ:-90deg;--e-transform-translateY:111px;}.elementor-1392 .elementor-element.elementor-element-74c4243.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1392 .elementor-element.elementor-element-74c4243 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:33px;font-weight:600;line-height:47px;word-spacing:5px;color:#000000;}.elementor-1392 .elementor-element.elementor-element-ece9e6a{--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;}.elementor-1392 .elementor-element.elementor-element-e127c6f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1392 .elementor-element.elementor-element-7e5afee .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:48px;font-weight:600;text-transform:uppercase;line-height:53px;word-spacing:5px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-3e35d54 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:53px;font-weight:600;text-transform:uppercase;line-height:48px;word-spacing:5px;color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-27bf2cc .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:53px;font-weight:600;line-height:48px;word-spacing:5px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-c6c2f5c{--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:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-c6c2f5c:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-c6c2f5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1392 .elementor-element.elementor-element-0426d6a{width:auto;max-width:auto;text-align:left;}.elementor-1392 .elementor-element.elementor-element-0426d6a .elementor-heading-title{font-family:"Mukta", Sans-serif;font-size:177px;font-weight:600;color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-e01fc04{text-align:right;}.elementor-1392 .elementor-element.elementor-element-e01fc04 .elementor-heading-title{font-family:"Mukta", Sans-serif;font-size:177px;font-weight:600;color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-356765a > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-356765a{text-align:right;}.elementor-1392 .elementor-element.elementor-element-356765a .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:33px;font-weight:600;color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-e88048b{--display:flex;--min-height:30vh;--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:110px;--padding-bottom:70px;--padding-left:50px;--padding-right:40px;--z-index:19;}.elementor-1392 .elementor-element.elementor-element-e88048b:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-e88048b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de50c16 );}.elementor-1392 .elementor-element.elementor-element-f7496b1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:3.2rem;font-weight:300;letter-spacing:1.2px;color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-accf7f6 > .elementor-widget-container{margin:-26px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-accf7f6{font-family:"Barlow Condensed", Sans-serif;font-size:7.1rem;font-weight:500;line-height:1.1em;color:#000000;}.elementor-1392 .elementor-element.elementor-element-b82c3bc > .elementor-widget-container{margin:-24px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(12px/2);}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(12px/2);}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(12px/2);margin-left:calc(12px/2);}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-12px/2);margin-left:calc(-12px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-12px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-12px/2);}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-icon i{color:var( --e-global-color-025cd0d );transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-icon svg{fill:var( --e-global-color-025cd0d );transition:fill 0.3s;}.elementor-1392 .elementor-element.elementor-element-b82c3bc{--icon-vertical-offset:0px;}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-item > a{font-family:"Barlow Condensed", Sans-serif;line-height:1.5em;letter-spacing:0.1px;}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-text{color:#7A7A7ACC;transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-ae30e77{width:auto;max-width:auto;--icon-vertical-offset:0px;}.elementor-1392 .elementor-element.elementor-element-ae30e77 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(5px/2);}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(5px/2);}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(5px/2);margin-left:calc(5px/2);}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-5px/2);margin-left:calc(-5px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-5px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-5px/2);}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-icon i{color:var( --e-global-color-025cd0d );transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-icon svg{fill:var( --e-global-color-025cd0d );transition:fill 0.3s;}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-item > a{font-family:"Barlow Condensed", Sans-serif;font-size:1.8rem;text-transform:uppercase;line-height:1.5em;}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-text{color:#728565;transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-a5e5056{--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-3354487{width:auto;max-width:auto;--icon-vertical-offset:0px;}.elementor-1392 .elementor-element.elementor-element-3354487 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(35px/2);}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(35px/2);}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(35px/2);margin-left:calc(35px/2);}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-35px/2);margin-left:calc(-35px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-35px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-35px/2);}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-icon i{color:var( --e-global-color-025cd0d );transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-icon svg{fill:var( --e-global-color-025cd0d );transition:fill 0.3s;}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-item > a{font-family:"Barlow Condensed", Sans-serif;font-size:1.8rem;text-transform:uppercase;line-height:1.5em;}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-text{color:#728565;transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-3354487 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-025cd0d );}.elementor-1392 .elementor-element.elementor-element-cc3662b .elementor-button{background-color:var( --e-global-color-025cd0d );font-family:"Roboto Slab", Sans-serif;font-size:11px;font-weight:500;letter-spacing:2.7px;border-radius:30px 30px 30px 30px;}.elementor-1392 .elementor-element.elementor-element-cc3662b > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-1392 .elementor-element.elementor-element-5788847{--display:flex;}@media(max-width:1024px){.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-a6a4e63{text-align:center;}.elementor-1392 .elementor-element.elementor-element-5073689{text-align:center;}.elementor-1392 .elementor-element.elementor-element-cd0ab51{text-align:center;}.elementor-1392 .elementor-element.elementor-element-835264d{text-align:center;}.elementor-1392 .elementor-element.elementor-element-cbc75a5{text-align:center;}.elementor-1392 .elementor-element.elementor-element-097cb13{text-align:center;}.elementor-1392 .elementor-element.elementor-element-f7ec3a0{text-align:center;}.elementor-1392 .elementor-element.elementor-element-802dbc7{text-align:center;}.elementor-1392 .elementor-element.elementor-element-6fc425a{text-align:center;}.elementor-1392 .elementor-element.elementor-element-464ad5e{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1392 .elementor-element.elementor-element-2beb742{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-1392 .elementor-element.elementor-element-f14cd50{--min-height:100vh;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-6e89ed9 .elementor-heading-title{font-size:43px;line-height:0.9em;}.elementor-1392 .elementor-element.elementor-element-1bcd4f0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-a1a495a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0em 0em 0em 0em;}.elementor-1392 .elementor-element.elementor-element-a1a495a img{width:134px;}.elementor-1392 .elementor-element.elementor-element-6d6dcfa .elementor-heading-title{font-size:32px;line-height:0.9em;}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 .borderless-elementor-animated-text-prefix{font-size:91px;}.elementor-1392 .elementor-element.elementor-element-cd6f5e0 .borderless-elementor-animated-text-strings .Typewriter__wrapper{font-size:27px;}.elementor-1392 .elementor-element.elementor-element-eeebb4d{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-23b07d8 > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-23b07d8 .elementor-heading-title{font-size:41px;line-height:1em;}.elementor-1392 .elementor-element.elementor-element-55ce613 .elementor-heading-title{font-size:17px;line-height:1.4em;}.elementor-1392 .elementor-element.elementor-element-fece571 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-fece571{font-size:18px;line-height:1em;}.elementor-1392 .elementor-element.elementor-element-c8e170c > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-c9efcdf{line-height:1.4em;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-89de7e3 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-989e806 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-8cc07e8 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-e1e787d .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-e7a4588 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:1.5em;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-7e6c80c .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:0.9em;}.elementor-1392 .elementor-element.elementor-element-6b7f75f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-2b16067 .elementor-heading-title{line-height:1.1em;}.elementor-1392 .elementor-element.elementor-element-c6b3a23 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-c6b3a23{font-size:27px;line-height:1.3em;}.elementor-1392 .elementor-element.elementor-element-5073689 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-242f8da .elementor-icon-list-item > a{font-size:17px;}.elementor-1392 .elementor-element.elementor-element-cbc75a5 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-ac7857c .elementor-icon-list-item > a{font-size:17px;}.elementor-1392 .elementor-element.elementor-element-802dbc7 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-9b39ffd .elementor-icon-list-item > a{font-size:17px;}.elementor-1392 .elementor-element.elementor-element-f688549{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-1f87e91 > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-1392 .elementor-element.elementor-element-86e135b > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-1392 .elementor-element.elementor-element-43943c8{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1392 .elementor-element.elementor-element-cc9a74d:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-cc9a74d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-800px -350px;}.elementor-1392 .elementor-element.elementor-element-464ad5e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-cac6402 .elementor-heading-title{font-size:2em;}.elementor-1392 .elementor-element.elementor-element-2700b63{text-align:left;}.elementor-1392 .elementor-element.elementor-element-2700b63 .elementor-heading-title{font-size:9px;letter-spacing:3.4px;}.elementor-1392 .elementor-element.elementor-element-dbae986{font-size:18px;}.elementor-1392 .elementor-element.elementor-element-a46f808:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-a46f808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-1392 .elementor-element.elementor-element-7e5afee .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-3e35d54 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-27bf2cc .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-1392 .elementor-element.elementor-element-0426d6a .elementor-heading-title{font-size:94px;}.elementor-1392 .elementor-element.elementor-element-e01fc04 .elementor-heading-title{font-size:65px;}.elementor-1392 .elementor-element.elementor-element-356765a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-356765a .elementor-heading-title{font-size:21px;}.elementor-1392 .elementor-element.elementor-element-accf7f6 > .elementor-widget-container{margin:-13px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-accf7f6{font-size:35px;line-height:1em;}.elementor-1392 .elementor-element.elementor-element-b82c3bc > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(2px/2);}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(2px/2);}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(2px/2);margin-left:calc(2px/2);}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-2px/2);margin-left:calc(-2px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-2px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-2px/2);}.elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-b82c3bc .elementor-icon-list-item > a{font-size:17px;}.elementor-1392 .elementor-element.elementor-element-ae30e77 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-ae30e77 .elementor-icon-list-item > a{font-size:21px;}.elementor-1392 .elementor-element.elementor-element-3354487 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-cc3662b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-cc3662b .elementor-button{font-size:13px;}}@media(min-width:768px){.elementor-1392 .elementor-element.elementor-element-82c7a9b{--width:76%;}.elementor-1392 .elementor-element.elementor-element-eeebb4d{--width:100%;}.elementor-1392 .elementor-element.elementor-element-fc8990a{--width:100%;}.elementor-1392 .elementor-element.elementor-element-7b5692d{--width:100%;}.elementor-1392 .elementor-element.elementor-element-d3e03de{--width:20%;}.elementor-1392 .elementor-element.elementor-element-46c77a8{--width:80%;}.elementor-1392 .elementor-element.elementor-element-5359124{--width:40%;}.elementor-1392 .elementor-element.elementor-element-5bf25c7{--width:25%;}.elementor-1392 .elementor-element.elementor-element-75a67d5{--width:70%;}.elementor-1392 .elementor-element.elementor-element-fbae24a{--width:60%;}.elementor-1392 .elementor-element.elementor-element-8f93815{--width:25%;}.elementor-1392 .elementor-element.elementor-element-02f97d4{--width:80%;}.elementor-1392 .elementor-element.elementor-element-cc9a74d{--width:39.676%;}.elementor-1392 .elementor-element.elementor-element-464ad5e{--width:60.322%;}.elementor-1392 .elementor-element.elementor-element-1f6b509{--width:33.3333%;}.elementor-1392 .elementor-element.elementor-element-e22bc39{--width:66.6666%;}.elementor-1392 .elementor-element.elementor-element-cd76175{--width:33.3333%;}.elementor-1392 .elementor-element.elementor-element-ece9e6a{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1392 .elementor-element.elementor-element-7a428a2{--width:100%;}.elementor-1392 .elementor-element.elementor-element-00d1d96{--width:50%;}.elementor-1392 .elementor-element.elementor-element-88b7064{--width:50%;}.elementor-1392 .elementor-element.elementor-element-bcc7426{--width:50%;}.elementor-1392 .elementor-element.elementor-element-cc9a74d{--width:100%;}.elementor-1392 .elementor-element.elementor-element-464ad5e{--width:100%;}}@media(min-width:1025px){.elementor-1392 .elementor-element.elementor-element-a46f808:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-a46f808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-372b416 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-418e64c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2888f4e */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbba771 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97f288a */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb83939 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24c2185 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fb5110 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75b4b49 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11212f2 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cba8d8c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e72fcbb */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bc986d */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c4617c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d2d734 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8527b8 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-372b416 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-418e64c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2888f4e */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbba771 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97f288a */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb83939 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24c2185 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fb5110 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75b4b49 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11212f2 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cba8d8c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e72fcbb */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bc986d */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c4617c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d2d734 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8527b8 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-372b416 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-418e64c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2888f4e */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbba771 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97f288a */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb83939 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24c2185 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fb5110 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75b4b49 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11212f2 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cba8d8c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e72fcbb */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bc986d */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c4617c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d2d734 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8527b8 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-372b416 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-418e64c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2888f4e */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbba771 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97f288a */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb83939 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24c2185 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fb5110 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75b4b49 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11212f2 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cba8d8c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e72fcbb */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bc986d */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c4617c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d2d734 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8527b8 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-372b416 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-418e64c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2888f4e */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbba771 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97f288a */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb83939 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24c2185 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fb5110 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75b4b49 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11212f2 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cba8d8c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e72fcbb */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bc986d */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-1 {
  --primary: #415CA0; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c4617c */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */
.progressbar-2 {
  --primary: #CE2056; /* Blau */
  --value: 75;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d2d734 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */


.progressbar-3 {
  --primary: #F70037; /* Grün */
  --value: 85;
}



/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8527b8 */@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --secondary: #F2F2F2;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/* Beispiel: vier Fortschrittsleisten mit unterschiedlichen Farben */

.progressbar-4 {
  --primary: #69C9D0; /* Lila */
  --value: 65;
}

/* Demo */
body {
  margin: 0;
  
  place-items: center;
  gap: 20px;
  height: 100vh;
  grid-template-columns: repeat(2, auto);
}/* End custom CSS */