.elementor-671 .elementor-element.elementor-element-fd59af5{--display:flex;--min-height:450px;--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;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-671 .elementor-element.elementor-element-fd59af5:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-fd59af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://2minpourconvaincre.com/wp-content/uploads/2026/02/generated_image_3838e072-c21d-4afe-b4df-fda85311488e.png");background-position:0px -60px;background-repeat:no-repeat;background-size:cover;}.elementor-671 .elementor-element.elementor-element-fd59af5::before, .elementor-671 .elementor-element.elementor-element-fd59af5 > .elementor-background-video-container::before, .elementor-671 .elementor-element.elementor-element-fd59af5 > .e-con-inner > .elementor-background-video-container::before, .elementor-671 .elementor-element.elementor-element-fd59af5 > .elementor-background-slideshow::before, .elementor-671 .elementor-element.elementor-element-fd59af5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-671 .elementor-element.elementor-element-fd59af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-b601f44 ) 0%, var( --e-global-color-d83a537 ) 100%);}.elementor-671 .elementor-element.elementor-element-24db15b{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-cc10982{text-align:start;}.elementor-671 .elementor-element.elementor-element-cc10982 .elementor-heading-title{font-weight:900;color:var( --e-global-color-accent );}.elementor-671 .elementor-element.elementor-element-8585fed{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -14px) 0px;width:var( --container-widget-width, 512px );max-width:512px;--container-widget-width:512px;--container-widget-flex-grow:0;}.elementor-671 .elementor-element.elementor-element-4f5d468{--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:0rem 0rem;--row-gap:0rem;--column-gap:0rem;}.elementor-671 .elementor-element.elementor-element-f156ec3{--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:center;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-f156ec3:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-f156ec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0049EF08;}.elementor-671 .elementor-element.elementor-element-7ce371c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem);font-weight:900;}.elementor-671 .elementor-element.elementor-element-4df8227{text-align:start;}.elementor-671 .elementor-element.elementor-element-ef19f8e .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:clamp(1rem, 1rem + 0vw, 1rem);font-weight:400;fill:var( --e-global-color-d788b30 );color:var( --e-global-color-d788b30 );background-color:var( --e-global-color-83b6041 );}.elementor-671 .elementor-element.elementor-element-ef19f8e .elementor-button:hover, .elementor-671 .elementor-element.elementor-element-ef19f8e .elementor-button:focus{color:var( --e-global-color-text );background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-d83a537 );}.elementor-671 .elementor-element.elementor-element-ef19f8e .elementor-button:hover svg, .elementor-671 .elementor-element.elementor-element-ef19f8e .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-ef19f8e{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-671 .elementor-element.elementor-element-ef19f8e.elementor-element{--align-self:flex-start;}.elementor-671 .elementor-element.elementor-element-b84330f{--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;}.elementor-671 .elementor-element.elementor-element-b84330f:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-b84330f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-04d3d84{--display:flex;--justify-content:center;}.elementor-671 .elementor-element.elementor-element-52b2bdd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem);font-weight:900;}.elementor-671 .elementor-element.elementor-element-52b2bdd{padding:0px 0px 0px 0px;}.elementor-671 .elementor-element.elementor-element-79f4ebc{text-align:justify;}.elementor-671 .elementor-element.elementor-element-9fec32e{--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;}.elementor-671 .elementor-element.elementor-element-9fec32e:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-9fec32e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-2c5ff5e{--display:flex;--min-height:500px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-671 .elementor-element.elementor-element-3b773b1{text-align:start;}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-671 .elementor-element.elementor-element-c2c301d{--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:3px;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-item > a{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-text{transition:color 0.3s;}.elementor-671 .elementor-element.elementor-element-c2c301d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-671 .elementor-element.elementor-element-151c21c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-671 .elementor-element.elementor-element-151c21c.elementor-element{--align-self:flex-start;}.elementor-671 .elementor-element.elementor-element-8bcbc3a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-671 .elementor-element.elementor-element-9279a80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-transform-rotateZ:-3deg;}.elementor-671 .elementor-element.elementor-element-9279a80:hover{--e-transform-rotateZ:3deg;}.elementor-671 .elementor-element.elementor-element-e410918{--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;--justify-content:space-between;--gap:124px 124px;--row-gap:124px;--column-gap:124px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-e410918:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-e410918 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-843456d );}.elementor-671 .elementor-element.elementor-element-01a284a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-671 .elementor-element.elementor-element-231e8df .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem);font-weight:900;}.elementor-671 .elementor-element.elementor-element-e62c98c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-671 .elementor-element.elementor-element-139c382{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(5, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--margin-top:-120px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-c394a7f{--display:flex;--min-height:260px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:7px 7px 7px 7px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--z-index:1;}.elementor-671 .elementor-element.elementor-element-c394a7f:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-c394a7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-wrapper{text-align:start;}.elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-title a{font-family:var( --e-global-typography-87d993b-font-family ), Sans-serif;font-size:var( --e-global-typography-87d993b-font-size );font-weight:var( --e-global-typography-87d993b-font-weight );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-description{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-efa98fe{--display:flex;--min-height:260px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:7px 7px 7px 7px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--z-index:2;}.elementor-671 .elementor-element.elementor-element-efa98fe:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-efa98fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-wrapper{text-align:start;}.elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-title a{font-family:var( --e-global-typography-87d993b-font-family ), Sans-serif;font-size:var( --e-global-typography-87d993b-font-size );font-weight:var( --e-global-typography-87d993b-font-weight );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-description{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-555a479{--display:flex;--min-height:260px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:7px 7px 7px 7px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--z-index:3;}.elementor-671 .elementor-element.elementor-element-555a479:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-555a479 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-wrapper{text-align:start;}.elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-title a{font-family:var( --e-global-typography-87d993b-font-family ), Sans-serif;font-size:var( --e-global-typography-87d993b-font-size );font-weight:var( --e-global-typography-87d993b-font-weight );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-description{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-fa09e12{--display:flex;--min-height:260px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:7px 7px 7px 7px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--z-index:4;}.elementor-671 .elementor-element.elementor-element-fa09e12:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-fa09e12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-wrapper{text-align:start;}.elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-title a{font-family:var( --e-global-typography-87d993b-font-family ), Sans-serif;font-size:var( --e-global-typography-87d993b-font-size );font-weight:var( --e-global-typography-87d993b-font-weight );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-description{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-106dc22{--display:flex;--min-height:260px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:7px 7px 7px 7px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--z-index:5;}.elementor-671 .elementor-element.elementor-element-106dc22:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-106dc22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-wrapper{text-align:start;}.elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-title a{font-family:var( --e-global-typography-87d993b-font-family ), Sans-serif;font-size:var( --e-global-typography-87d993b-font-size );font-weight:var( --e-global-typography-87d993b-font-weight );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-description{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-50d206a{--display:flex;--min-height:260px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:7px 7px 7px 7px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--z-index:6;}.elementor-671 .elementor-element.elementor-element-50d206a:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-50d206a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-wrapper{text-align:start;}.elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-title a{font-family:var( --e-global-typography-87d993b-font-family ), Sans-serif;font-size:var( --e-global-typography-87d993b-font-size );font-weight:var( --e-global-typography-87d993b-font-weight );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-description{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-103d472{--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;}.elementor-671 .elementor-element.elementor-element-2c056fa{--display:flex;--justify-content:center;}.elementor-671 .elementor-element.elementor-element-7ca13f4{text-align:start;}.elementor-671 .elementor-element.elementor-element-33e8ecb .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:clamp(1rem, 1rem + 0vw, 1rem);font-weight:400;fill:var( --e-global-color-d83a537 );color:var( --e-global-color-d83a537 );background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-9683cb6{--display:flex;}.elementor-671 .elementor-element.elementor-element-b0186c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-transform-rotateZ:-3deg;}.elementor-671 .elementor-element.elementor-element-b0186c4:hover{--e-transform-rotateZ:3deg;}.elementor-671 .elementor-element.elementor-element-94ce1ef{--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-671 .elementor-element.elementor-element-94ce1ef:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-94ce1ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-843456d );}.elementor-671 .elementor-element.elementor-element-7fbfcb8{text-align:center;}.elementor-671 .elementor-element.elementor-element-de28f81{text-align:center;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:15px;--ekit_testimonial_slidetoshow:3;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-single-testimonial-slider, .elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial_card, .elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-tootltip-testimonial .elementskit-commentor-content::before{background-color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-commentor-content{text-align:left;padding:0px 0px 0px 0px;min-height:250px;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial_card{text-align:left;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-profile-info{text-align:left;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-commentor-bio{text-align:left;justify-content:left;}.elementor-671 .elementor-element.elementor-element-0f2f95a .ekit_testimonial_style_5 .elementskit-commentor-header{text-align:left;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-single-testimonial-slider  .elementskit-commentor-content > p{color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial_card .elementskit-commentor-coment{color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-single-testimonial-slider  .elementskit-commentor-content > p, .elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial_card .elementskit-commentor-coment{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-stars > li > a, .elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-stars > li > span{color:#fec42d;fill:#fec42d;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-stars > li:not(:last-child){margin-right:5px;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-profile-info .elementskit-author-name{font-family:var( --e-global-typography-1b9fc95-font-family ), Sans-serif;font-size:var( --e-global-typography-1b9fc95-font-size );font-weight:var( --e-global-typography-1b9fc95-font-weight );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );margin-bottom:0px;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-profile-info .elementskit-author-des{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-commentor-bio .elementskit-commentor-image > img{height:70px;width:70px;}.elementor-671 .elementor-element.elementor-element-6da4a10{--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:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-6da4a10:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-6da4a10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-1f1bc29{--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-671 .elementor-element.elementor-element-d3f6a33{text-align:start;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group{padding-right:calc( 16px/2 );padding-left:calc( 16px/2 );margin-bottom:16px;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-form-fields-wrapper{margin-left:calc( -16px/2 );margin-right:calc( -16px/2 );margin-bottom:-16px;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-labels-inline .elementor-field-group > label{padding-left:12px;}body:not(.rtl) .elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-labels-inline .elementor-field-group > label{padding-right:12px;}body .elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-labels-above .elementor-field-group > label{padding-bottom:12px;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group > label{font-family:var( --e-global-typography-1b9fc95-font-family ), Sans-serif;font-size:var( --e-global-typography-1b9fc95-font-size );font-weight:var( --e-global-typography-1b9fc95-font-weight );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-type-html{padding-bottom:0px;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group .elementor-field, .elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-subgroup label{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:#2121216B;border-radius:3px 3px 3px 3px;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group .elementor-select-wrapper select{border-color:#2121216B;border-radius:3px 3px 3px 3px;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group .elementor-select-wrapper::before{color:#2121216B;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-button{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-dfaced3 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-button[type="submit"]{color:#ffffff;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-671 .elementor-element.elementor-element-dfaced3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-671 .elementor-element.elementor-element-dfaced3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-671 .elementor-element.elementor-element-dfaced3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-671 .elementor-element.elementor-element-dfaced3{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-671 .elementor-element.elementor-element-b2fc6df{--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;--overlay-opacity:0.8;--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-671 .elementor-element.elementor-element-b2fc6df:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-b2fc6df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-685a2f2 );}.elementor-671 .elementor-element.elementor-element-b2fc6df::before, .elementor-671 .elementor-element.elementor-element-b2fc6df > .elementor-background-video-container::before, .elementor-671 .elementor-element.elementor-element-b2fc6df > .e-con-inner > .elementor-background-video-container::before, .elementor-671 .elementor-element.elementor-element-b2fc6df > .elementor-background-slideshow::before, .elementor-671 .elementor-element.elementor-element-b2fc6df > .e-con-inner > .elementor-background-slideshow::before, .elementor-671 .elementor-element.elementor-element-b2fc6df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-671 .elementor-element.elementor-element-1d9bbe2{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-671 .elementor-element.elementor-element-d20810b{text-align:center;}.elementor-671 .elementor-element.elementor-element-d20810b .elementor-heading-title{font-family:var( --e-global-typography-87d993b-font-family ), Sans-serif;font-size:var( --e-global-typography-87d993b-font-size );font-weight:var( --e-global-typography-87d993b-font-weight );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-c03a525{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:clamp(1rem, 1rem + 0vw, 1rem);font-weight:400;color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-018a996{--display:flex;}.elementor-671 .elementor-element.elementor-element-8714ddf{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-8714ddf:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-8714ddf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-3f32468 img{width:60%;}.elementor-671 .elementor-element.elementor-element-98d76e4{--display:flex;}.elementor-671 .elementor-element.elementor-element-14b8556{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-14b8556:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-14b8556 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-b49d4af{--display:flex;}.elementor-671 .elementor-element.elementor-element-ab67c77{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-ab67c77:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-ab67c77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-2da8ac5 img{width:60%;}.elementor-671 .elementor-element.elementor-element-9ec5824{--display:flex;}.elementor-671 .elementor-element.elementor-element-b5fc2f6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-b5fc2f6:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-b5fc2f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-32cda9b{--display:flex;}.elementor-671 .elementor-element.elementor-element-b9764b9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-b9764b9:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-b9764b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-a8d5103 img{width:60%;}.elementor-671 .elementor-element.elementor-element-1eaa722{--display:flex;}.elementor-671 .elementor-element.elementor-element-f6e1a0f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-f6e1a0f:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-f6e1a0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-104603c{--display:flex;}.elementor-671 .elementor-element.elementor-element-9945f0a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-9945f0a:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-9945f0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-678b609{--display:flex;}.elementor-671 .elementor-element.elementor-element-57a8cc0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-57a8cc0:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-57a8cc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-de701fa img{width:60%;}.elementor-671 .elementor-element.elementor-element-de701fa{padding:0px 0px 0px 0px;}.elementor-671 .elementor-element.elementor-element-39b9e19{--display:flex;}.elementor-671 .elementor-element.elementor-element-c4cfef3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-c4cfef3:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-c4cfef3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-1c334d2 img{width:60%;}.elementor-671 .elementor-element.elementor-element-1438617{--display:flex;}.elementor-671 .elementor-element.elementor-element-1a2a85b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-1a2a85b:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-1a2a85b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-27e2e1d img{width:60%;}.elementor-671 .elementor-element.elementor-element-ba29d32{--display:flex;}.elementor-671 .elementor-element.elementor-element-f1c3113{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-f1c3113:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-f1c3113 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-26221c1 img{width:60%;}.elementor-671 .elementor-element.elementor-element-aaa402e{--display:flex;}.elementor-671 .elementor-element.elementor-element-09469f8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-09469f8:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-09469f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-718bcc2 img{width:60%;}.elementor-671 .elementor-element.elementor-element-4088f44{--display:flex;}.elementor-671 .elementor-element.elementor-element-2e15633{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-2e15633:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-2e15633 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-a4bd7f4{--display:flex;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-c6e8c10{--display:flex;}.elementor-671 .elementor-element.elementor-element-f57caa4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-f57caa4:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-f57caa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-6f86bf3{--display:flex;}.elementor-671 .elementor-element.elementor-element-f9db3d1{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-f9db3d1:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-f9db3d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-3156674 img{width:60%;}.elementor-671 .elementor-element.elementor-element-b38c570{--display:flex;}.elementor-671 .elementor-element.elementor-element-da8d386{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-da8d386:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-da8d386 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-f94c92c img{width:60%;}.elementor-671 .elementor-element.elementor-element-5070ada{--display:flex;}.elementor-671 .elementor-element.elementor-element-5e5687f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-5e5687f:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-5e5687f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-672f0b2{--display:flex;}.elementor-671 .elementor-element.elementor-element-2cb04a6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-2cb04a6:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-2cb04a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-1e659eb img{width:60%;}.elementor-671 .elementor-element.elementor-element-42ba20d{--display:flex;}.elementor-671 .elementor-element.elementor-element-95bdcb2{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-95bdcb2:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-95bdcb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-06f4978{--display:flex;}.elementor-671 .elementor-element.elementor-element-fb90771{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-fb90771:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-fb90771 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-27c30ab{--display:flex;}.elementor-671 .elementor-element.elementor-element-38d77e6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2121211F;--border-color:#2121211F;--border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-38d77e6:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-38d77e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-671 .elementor-element.elementor-element-75a648f{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-offset-size:80px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );width:auto;max-width:auto;}.elementor-671 .elementor-element.elementor-element-f5ea15f:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-f5ea15f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d83a537 );}.elementor-671 .elementor-element.elementor-element-f5ea15f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-671 .elementor-element.elementor-element-f5ea15f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-671 .elementor-element.elementor-element-568021c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-671 .elementor-element.elementor-element-568021c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-671 .elementor-element.elementor-element-5d8cbff{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-671 .elementor-element.elementor-element-5d8cbff .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:clamp(0.889rem, 0.9203rem + -0.1003vw, 0.8rem);font-weight:400;text-transform:uppercase;}.elementor-671 .elementor-element.elementor-element-982a6d5 .elementor-heading-title{font-family:var( --e-global-typography-87d993b-font-family ), Sans-serif;font-size:var( --e-global-typography-87d993b-font-size );font-weight:var( --e-global-typography-87d993b-font-weight );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-982a6d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:auto;max-width:auto;background-color:#02010100;}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-title{border-width:1px;padding:32px 30px 32px 30px;}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-content{border-width:1px;background-color:#FFFFFF;font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );padding:0px 30px 20px 30px;}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-toggle-title, .elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-toggle-icon{color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-toggle-icon svg{fill:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-title.elementor-active a, .elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-toggle-title{font-family:"Inter", Sans-serif;font-size:clamp(1.125rem, 1.081rem + 0.1408vw, 1.25rem);font-weight:700;text-transform:none;text-decoration:none;}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-title .elementor-toggle-icon i:before{color:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-title .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:var( --e-global-color-text );}.elementor-671 .elementor-element.elementor-element-f34f7c6{margin:02% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;background-color:#FFFFFF;border-style:none;border-radius:7px 7px 7px 7px;}.elementor-671 .elementor-element.elementor-element-78d18505{--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:112px;--padding-left:40px;--padding-right:40px;}.elementor-671 .elementor-element.elementor-element-450ff0e6{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-450ff0e6:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-450ff0e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-671 .elementor-element.elementor-element-41bd3c1{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-671 .elementor-element.elementor-element-73867166{text-align:center;}.elementor-671 .elementor-element.elementor-element-73867166 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem);font-weight:900;color:var( --e-global-color-d83a537 );}.elementor-671 .elementor-element.elementor-element-2f16997a{text-align:center;color:var( --e-global-color-d83a537 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -14px) 0px;padding:0px 0px 0px 0px;}.elementor-671 .elementor-element.elementor-element-502d77d3{--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:32px 32px;--row-gap:32px;--column-gap:32px;--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-671 .elementor-element.elementor-element-34ddabd2{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-671 .elementor-element.elementor-element-34ddabd2:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-34ddabd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ABADEA33;}.elementor-671 .elementor-element.elementor-element-5686bebf{text-align:center;}.elementor-671 .elementor-element.elementor-element-5686bebf .elementor-heading-title{font-family:var( --e-global-typography-1b9fc95-font-family ), Sans-serif;font-size:var( --e-global-typography-1b9fc95-font-size );font-weight:var( --e-global-typography-1b9fc95-font-weight );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );color:var( --e-global-color-8ac783d );}.elementor-671 .elementor-element.elementor-element-78be612 .elementor-icon-wrapper{text-align:center;}.elementor-671 .elementor-element.elementor-element-78be612.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-78be612.elementor-view-framed .elementor-icon, .elementor-671 .elementor-element.elementor-element-78be612.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-78be612.elementor-view-framed .elementor-icon, .elementor-671 .elementor-element.elementor-element-78be612.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-78be612 .elementor-icon{font-size:30px;}.elementor-671 .elementor-element.elementor-element-78be612 .elementor-icon svg{height:30px;}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-671 .elementor-element.elementor-element-505d5826{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-item > a{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-text{color:var( --e-global-color-8ac783d );transition:color 0.3s;}.elementor-671 .elementor-element.elementor-element-6b97a0e9{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-671 .elementor-element.elementor-element-6b97a0e9:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-6b97a0e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ABADEA33;}.elementor-671 .elementor-element.elementor-element-68bf94d7{text-align:center;}.elementor-671 .elementor-element.elementor-element-68bf94d7 .elementor-heading-title{font-family:var( --e-global-typography-1b9fc95-font-family ), Sans-serif;font-size:var( --e-global-typography-1b9fc95-font-size );font-weight:var( --e-global-typography-1b9fc95-font-weight );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-1a65855 .elementor-icon-wrapper{text-align:center;}.elementor-671 .elementor-element.elementor-element-1a65855.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-1a65855.elementor-view-framed .elementor-icon, .elementor-671 .elementor-element.elementor-element-1a65855.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-1a65855.elementor-view-framed .elementor-icon, .elementor-671 .elementor-element.elementor-element-1a65855.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-1a65855 .elementor-icon{font-size:30px;}.elementor-671 .elementor-element.elementor-element-1a65855 .elementor-icon svg{height:30px;}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-671 .elementor-element.elementor-element-7eb0fbf0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-item > a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:clamp(1rem, 1rem + 0vw, 1rem);font-weight:400;}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-text{color:var( --e-global-color-8ac783d );transition:color 0.3s;}.elementor-671 .elementor-element.elementor-element-1b1d1eb1{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-671 .elementor-element.elementor-element-1b1d1eb1:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-1b1d1eb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ABADEA33;}.elementor-671 .elementor-element.elementor-element-b39814c{text-align:center;}.elementor-671 .elementor-element.elementor-element-b39814c .elementor-heading-title{font-family:var( --e-global-typography-1b9fc95-font-family ), Sans-serif;font-size:var( --e-global-typography-1b9fc95-font-size );font-weight:var( --e-global-typography-1b9fc95-font-weight );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );color:var( --e-global-color-d788b30 );}.elementor-671 .elementor-element.elementor-element-f24aa70 .elementor-icon-wrapper{text-align:center;}.elementor-671 .elementor-element.elementor-element-f24aa70.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-f24aa70.elementor-view-framed .elementor-icon, .elementor-671 .elementor-element.elementor-element-f24aa70.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-f24aa70.elementor-view-framed .elementor-icon, .elementor-671 .elementor-element.elementor-element-f24aa70.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-671 .elementor-element.elementor-element-f24aa70 .elementor-icon{font-size:30px;}.elementor-671 .elementor-element.elementor-element-f24aa70 .elementor-icon svg{height:30px;}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-671 .elementor-element.elementor-element-765e0b4d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-item > a{font-family:var( --e-global-typography-9f3933b-font-family ), Sans-serif;font-size:var( --e-global-typography-9f3933b-font-size );font-weight:var( --e-global-typography-9f3933b-font-weight );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-text{color:var( --e-global-color-d788b30 );transition:color 0.3s;}.elementor-671 .elementor-element.elementor-element-174c0cd5 img{width:100%;max-width:84px;}body:not(.rtl) .elementor-671 .elementor-element.elementor-element-174c0cd5{right:58px;}body.rtl .elementor-671 .elementor-element.elementor-element-174c0cd5{left:58px;}.elementor-671 .elementor-element.elementor-element-174c0cd5{top:64px;}.elementor-671 .elementor-element.elementor-element-1a5a3757 img{width:100%;max-width:36px;}body:not(.rtl) .elementor-671 .elementor-element.elementor-element-1a5a3757{left:36px;}body.rtl .elementor-671 .elementor-element.elementor-element-1a5a3757{right:36px;}.elementor-671 .elementor-element.elementor-element-1a5a3757{bottom:60px;}@media(max-width:1024px){.elementor-671 .elementor-element.elementor-element-fd59af5{--min-height:400px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-671 .elementor-element.elementor-element-fd59af5:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-fd59af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-671 .elementor-element.elementor-element-4f5d468{--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-671 .elementor-element.elementor-element-52b2bdd{padding:0px 0px 0px 10px;}.elementor-671 .elementor-element.elementor-element-79f4ebc{padding:0px 10px 0px 10px;}.elementor-671 .elementor-element.elementor-element-9fec32e{--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-671 .elementor-element.elementor-element-c2c301d{--e-icon-list-icon-size:24px;}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-item > a{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-8bcbc3a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-671 .elementor-element.elementor-element-8bcbc3a.e-con{--order:-99999 /* order start hack */;}.elementor-671 .elementor-element.elementor-element-e410918{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-671 .elementor-element.elementor-element-139c382{--grid-auto-flow:row;--margin-top:0px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;}.elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-103d472{--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-671 .elementor-element.elementor-element-9683cb6.e-con{--order:-99999 /* order start hack */;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-single-testimonial-slider  .elementskit-commentor-content > p, .elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial_card .elementskit-commentor-coment{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-profile-info .elementskit-author-name{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-profile-info .elementskit-author-des{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group > label{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group .elementor-field, .elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-subgroup label{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-button{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-b2fc6df{--overlay-opacity:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-1d9bbe2{--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-671 .elementor-element.elementor-element-d20810b .elementor-heading-title{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-018a996{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-671 .elementor-element.elementor-element-f5ea15f{padding:100px 25px 100px 25px;}.elementor-671 .elementor-element.elementor-element-982a6d5 .elementor-heading-title{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-982a6d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-content{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-78d18505{--padding-top:0px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-671 .elementor-element.elementor-element-450ff0e6{--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:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-671 .elementor-element.elementor-element-502d77d3{--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-671 .elementor-element.elementor-element-5686bebf .elementor-heading-title{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-item > a{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-68bf94d7 .elementor-heading-title{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-7eb0fbf0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-671 .elementor-element.elementor-element-b39814c .elementor-heading-title{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-item > a{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-174c0cd5 img{max-width:60px;}body:not(.rtl) .elementor-671 .elementor-element.elementor-element-174c0cd5{right:40px;}body.rtl .elementor-671 .elementor-element.elementor-element-174c0cd5{left:40px;}.elementor-671 .elementor-element.elementor-element-174c0cd5{top:60px;}.elementor-671 .elementor-element.elementor-element-1a5a3757 img{max-width:30px;}body:not(.rtl) .elementor-671 .elementor-element.elementor-element-1a5a3757{left:30px;}body.rtl .elementor-671 .elementor-element.elementor-element-1a5a3757{right:30px;}.elementor-671 .elementor-element.elementor-element-1a5a3757{bottom:40px;}}@media(max-width:767px){.elementor-671 .elementor-element.elementor-element-fd59af5{--min-height:350px;}.elementor-671 .elementor-element.elementor-element-fd59af5:not(.elementor-motion-effects-element-type-background), .elementor-671 .elementor-element.elementor-element-fd59af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-671 .elementor-element.elementor-element-24db15b{--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-8585fed{text-align:justify;}.elementor-671 .elementor-element.elementor-element-79f4ebc{text-align:start;}.elementor-671 .elementor-element.elementor-element-2c5ff5e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-c2c301d .elementor-icon-list-item > a{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-c2c301d{padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-671 .elementor-element.elementor-element-e410918{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-139c382{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-62e601a .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-b2c74db .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-db5aef9 .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-d8df347 .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-c5337e9 .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-title, .elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-title a{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-afd7543 .elementor-icon-box-description{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-single-testimonial-slider  .elementskit-commentor-content > p, .elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-testimonial_card .elementskit-commentor-coment{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-profile-info .elementskit-author-name{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-0f2f95a .elementskit-profile-info .elementskit-author-des{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-6da4a10{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group > label{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-group .elementor-field, .elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-field-subgroup label{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-dfaced3 .elementor-button{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-d20810b .elementor-heading-title{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-018a996{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-671 .elementor-element.elementor-element-8714ddf{--width:0%;}.elementor-671 .elementor-element.elementor-element-14b8556{--width:0%;}.elementor-671 .elementor-element.elementor-element-ab67c77{--width:0%;}.elementor-671 .elementor-element.elementor-element-2da8ac5 img{width:60%;}.elementor-671 .elementor-element.elementor-element-b5fc2f6{--width:0%;}.elementor-671 .elementor-element.elementor-element-b9764b9{--width:0%;}.elementor-671 .elementor-element.elementor-element-f6e1a0f{--width:0%;}.elementor-671 .elementor-element.elementor-element-9945f0a{--width:0%;}.elementor-671 .elementor-element.elementor-element-57a8cc0{--width:0%;}.elementor-671 .elementor-element.elementor-element-c4cfef3{--width:0%;}.elementor-671 .elementor-element.elementor-element-1a2a85b{--width:0%;}.elementor-671 .elementor-element.elementor-element-f1c3113{--width:0%;}.elementor-671 .elementor-element.elementor-element-09469f8{--width:0%;}.elementor-671 .elementor-element.elementor-element-2e15633{--width:0%;}.elementor-671 .elementor-element.elementor-element-a4bd7f4{--width:45%;}.elementor-671 .elementor-element.elementor-element-f57caa4{--width:0%;}.elementor-671 .elementor-element.elementor-element-f9db3d1{--width:0%;}.elementor-671 .elementor-element.elementor-element-da8d386{--width:0%;}.elementor-671 .elementor-element.elementor-element-5e5687f{--width:0%;}.elementor-671 .elementor-element.elementor-element-2cb04a6{--width:0%;}.elementor-671 .elementor-element.elementor-element-95bdcb2{--width:0%;}.elementor-671 .elementor-element.elementor-element-fb90771{--width:0%;}.elementor-671 .elementor-element.elementor-element-38d77e6{--width:0%;}.elementor-671 .elementor-element.elementor-element-75a648f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-671 .elementor-element.elementor-element-5d8cbff{text-align:start;}.elementor-671 .elementor-element.elementor-element-982a6d5 .elementor-heading-title{font-size:var( --e-global-typography-87d993b-font-size );line-height:var( --e-global-typography-87d993b-line-height );letter-spacing:var( --e-global-typography-87d993b-letter-spacing );word-spacing:var( --e-global-typography-87d993b-word-spacing );}.elementor-671 .elementor-element.elementor-element-982a6d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-title{padding:20px 10px 20px 10px;}.elementor-671 .elementor-element.elementor-element-f34f7c6 .elementor-tab-content{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );padding:0px 10px 10px 10px;}.elementor-671 .elementor-element.elementor-element-78d18505{--padding-top:0px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-671 .elementor-element.elementor-element-450ff0e6{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-671 .elementor-element.elementor-element-502d77d3{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-671 .elementor-element.elementor-element-5686bebf .elementor-heading-title{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-505d5826 .elementor-icon-list-item > a{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}.elementor-671 .elementor-element.elementor-element-68bf94d7 .elementor-heading-title{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-7eb0fbf0 .elementor-icon-list-item > a{font-size:13px;}.elementor-671 .elementor-element.elementor-element-b39814c .elementor-heading-title{font-size:var( --e-global-typography-1b9fc95-font-size );line-height:var( --e-global-typography-1b9fc95-line-height );letter-spacing:var( --e-global-typography-1b9fc95-letter-spacing );word-spacing:var( --e-global-typography-1b9fc95-word-spacing );}.elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-671 .elementor-element.elementor-element-765e0b4d .elementor-icon-list-item > a{font-size:var( --e-global-typography-9f3933b-font-size );line-height:var( --e-global-typography-9f3933b-line-height );letter-spacing:var( --e-global-typography-9f3933b-letter-spacing );word-spacing:var( --e-global-typography-9f3933b-word-spacing );}}@media(min-width:768px){.elementor-671 .elementor-element.elementor-element-f156ec3{--width:70%;}.elementor-671 .elementor-element.elementor-element-01a284a{--width:40%;}.elementor-671 .elementor-element.elementor-element-139c382{--width:50%;}.elementor-671 .elementor-element.elementor-element-6da4a10{--content-width:60rem;}.elementor-671 .elementor-element.elementor-element-1f1bc29{--width:100%;}.elementor-671 .elementor-element.elementor-element-b2fc6df{--content-width:1290px;}.elementor-671 .elementor-element.elementor-element-8714ddf{--width:20%;}.elementor-671 .elementor-element.elementor-element-502d77d3{--content-width:954px;}}@media(max-width:1024px) and (min-width:768px){.elementor-671 .elementor-element.elementor-element-f156ec3{--width:100%;}.elementor-671 .elementor-element.elementor-element-2c5ff5e{--width:100%;}.elementor-671 .elementor-element.elementor-element-8bcbc3a{--width:100%;}.elementor-671 .elementor-element.elementor-element-01a284a{--width:100%;}.elementor-671 .elementor-element.elementor-element-139c382{--width:100%;}.elementor-671 .elementor-element.elementor-element-98d76e4{--content-width:100%;}.elementor-671 .elementor-element.elementor-element-14b8556{--width:100%;}.elementor-671 .elementor-element.elementor-element-502d77d3{--content-width:1600px;}.elementor-671 .elementor-element.elementor-element-34ddabd2{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8714ddf *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-8714ddf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b8556 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-14b8556 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab67c77 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-ab67c77 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc2f6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b5fc2f6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9764b9 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-b9764b9 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e1a0f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f6e1a0f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9945f0a *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-9945f0a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a8cc0 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-57a8cc0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4cfef3 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-c4cfef3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2a85b *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-1a2a85b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1c3113 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f1c3113 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09469f8 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-09469f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4bd7f4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-a4bd7f4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e15633 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2e15633 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57caa4 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f57caa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9db3d1 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-f9db3d1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da8d386 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-da8d386 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5687f *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-5e5687f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb04a6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-2cb04a6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95bdcb2 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-95bdcb2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb90771 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-fb90771 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38d77e6 *//* Paste this in Elementor Custom CSS for your container */
.elementor-671 .elementor-element.elementor-element-38d77e6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
}

:root{
  --ab-border-size: 2px;
  --ab-radius: 12px;
  --ab-border-color: #F6CC0C; /* animated border color */
  --ab-bg: #283477;           /* card background color */
  --ab-speed: 10s;
}
/* CARD */
.animated-border{
  position: relative;
  border-radius: var(--ab-radius);
  overflow: hidden;
  background: transparent;
}
/* rotating border bar */
.animated-border::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 180%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(
    90deg,
    transparent,
    var(--ab-border-color),
    var(--ab-border-color),
    transparent
  );
  animation: ab-rotate var(--ab-speed) linear infinite;
  pointer-events: none;
}
/* card background + border mask */
.animated-border::after{
  content: "";
  position: absolute;
  inset: var(--ab-border-size);
  border-radius: calc(var(--ab-radius) - var(--ab-border-size));
  background: var(--ab-bg);
  pointer-events: none;
}
/* content above */
.animated-border > *{
  position: relative;
  z-index: 1;
}
/* animation */
@keyframes ab-rotate{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */