.elementor-13938 .elementor-element.elementor-element-1340e6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-1340e6e:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-1340e6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 40%, #EA068B1F 100%);}.elementor-13938 .elementor-element.elementor-element-5505a91{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#EC028B1F;--border-color:#EC028B1F;box-shadow:0px 5px 25px 0px rgba(0, 0, 0, 0.075);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-5505a91:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-5505a91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-a13210c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-b8d2b99{text-align:start;}.elementor-13938 .elementor-element.elementor-element-b8d2b99 img{width:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13938 .elementor-element.elementor-element-4ec9845 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.25rem;font-weight:800;line-height:1.4em;letter-spacing:1px;color:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-7912f2b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--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-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-13938 .elementor-element.elementor-element-009fc57{--display:flex;}.elementor-13938 .elementor-element.elementor-element-4765e20{--display:flex;}.elementor-13938 .elementor-element.elementor-element-a8bd98d{--display:flex;}.elementor-13938 .elementor-element.elementor-element-9fa0dce{--display:flex;}.elementor-13938 .elementor-element.elementor-element-ef61e35{--display:flex;}.elementor-13938 .elementor-element.elementor-element-66a4d84{--display:flex;}.elementor-13938 .elementor-element.elementor-element-ea089f8{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:10px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-align:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:10px;--n-menu-title-font-size:0.85rem;--n-menu-title-color-normal:#00000080;--n-menu-divider-content:"";--n-menu-divider-style:solid;--n-menu-divider-width:1px;--n-menu-divider-color:#00000080;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-accent );--n-menu-toggle-icon-color-hover:var( --e-global-color-accent );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-accent );--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-13938 .elementor-element.elementor-element-ea089f8 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:var( --e-global-color-45da846 );background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-45da846 ) 0%, var( --e-global-color-753437f ) 100%);}.elementor-13938 .elementor-element.elementor-element-ea089f8 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:var( --e-global-color-45da846 );background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-45da846 ) 0%, var( --e-global-color-753437f ) 100%);}.elementor-13938 .elementor-element.elementor-element-ea089f8 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:var( --e-global-color-45da846 );background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-45da846 ) 0%, var( --e-global-color-753437f ) 100%);}.elementor-13938 .elementor-element.elementor-element-ea089f8 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-13938 .elementor-element.elementor-element-ea089f8 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-13938 .elementor-element.elementor-element-ea089f8 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-ea089f8 {--n-menu-title-color-hover:var( --e-global-color-daaccf4 );--n-menu-title-color-active:var( --e-global-color-daaccf4 );}:where( .elementor-13938 .elementor-element.elementor-element-ea089f8 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{border-style:none;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13938 .elementor-element.elementor-element-050ce09 .elementor-button{background-color:transparent;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:500;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-image:linear-gradient(135deg, var( --e-global-color-45da846 ) 0%, var( --e-global-color-753437f ) 100%);box-shadow:0px 5px 15px 0px rgba(236.99999999999997, 23.999999999999993, 132.00000000000003, 0.25);border-style:none;border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.75rem 1.25rem 0.75rem 1.25rem;}.elementor-13938 .elementor-element.elementor-element-050ce09 .elementor-button:hover, .elementor-13938 .elementor-element.elementor-element-050ce09 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-753437f ) 0%, var( --e-global-color-45da846 ) 100%);}.elementor-13938 .elementor-element.elementor-element-bebba5a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-bebba5a:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-bebba5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 40%, #EA068B05 100%);}.elementor-13938 .elementor-element.elementor-element-b07cd58{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-13938 .elementor-element.elementor-element-1abc71d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-ca381cc > .elementor-widget-container{background-color:var( --e-global-color-6ebf38a );margin:0px 0px 0px 0px;padding:0.25em 0.75em 0.25em 0.75em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-ca381cc .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:#E23670;}.elementor-13938 .elementor-element.elementor-element-390bbe8 > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 1em 0em;}.elementor-13938 .elementor-element.elementor-element-390bbe8{text-align:start;}.elementor-13938 .elementor-element.elementor-element-390bbe8 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:3.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13938 .elementor-element.elementor-element-eb1b0d0{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#0000008D;}.elementor-13938 .elementor-element.elementor-element-3d867f3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-13938 .elementor-element.elementor-element-b6a65b3 .elementor-button{background-color:transparent;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:500;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-image:linear-gradient(135deg, var( --e-global-color-45da846 ) 0%, var( --e-global-color-753437f ) 100%);box-shadow:0px 5px 15px 0px rgba(236.99999999999997, 23.999999999999993, 132.00000000000003, 0.25);border-style:none;border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.75rem 1.25rem 0.75rem 1.25rem;}.elementor-13938 .elementor-element.elementor-element-b6a65b3 .elementor-button:hover, .elementor-13938 .elementor-element.elementor-element-b6a65b3 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-753437f ) 0%, var( --e-global-color-45da846 ) 100%);border-color:var( --e-global-color-de494a8 );}.elementor-13938 .elementor-element.elementor-element-b6a65b3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-13938 .elementor-element.elementor-element-c0b4708 .elementor-button{background-color:#FFFFFF00;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:500;fill:var( --e-global-color-45da846 );color:var( --e-global-color-45da846 );box-shadow:0px 5px 15px 0px rgba(236.99999999999997, 23.999999999999993, 132.00000000000003, 0.25);border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-45da846 );border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.75rem 1.25rem 0.75rem 1.25rem;}.elementor-13938 .elementor-element.elementor-element-c0b4708 .elementor-button:hover, .elementor-13938 .elementor-element.elementor-element-c0b4708 .elementor-button:focus{background-color:var( --e-global-color-45da846 );color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-c0b4708 .elementor-button:hover svg, .elementor-13938 .elementor-element.elementor-element-c0b4708 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-c980e58{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-13938 .elementor-element.elementor-element-209f78b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1.5em/2);}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1.5em/2);}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1.5em/2);}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1.5em/2);}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1.5em/2);}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-icon i{color:var( --e-global-color-1106070 );transition:color 0.3s;}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-icon svg{fill:var( --e-global-color-1106070 );transition:fill 0.3s;}.elementor-13938 .elementor-element.elementor-element-209f78b{--e-icon-list-icon-size:15px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:1rem;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-209f78b .elementor-icon-list-text{color:#000000A6;transition:color 0.3s;}.elementor-13938 .elementor-element.elementor-element-2d3800c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-91dcf88{--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:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-40dc623{--display:flex;}.elementor-13938 .elementor-element.elementor-element-8bbc46c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0em 0em 0em 0em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-8bbc46c{text-align:center;}.elementor-13938 .elementor-element.elementor-element-8bbc46c .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.85rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:var( --e-global-color-text );}.elementor-13938 .elementor-element.elementor-element-e662304{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-e662304.e-con{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-c37e23a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;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:#00000033;--border-color:#00000033;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.55em;--padding-bottom:0.55em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-13938 .elementor-element.elementor-element-c37e23a:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-c37e23a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c95cfc4 );}.elementor-13938 .elementor-element.elementor-element-db25985{--display:flex;--min-height:30px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50% 50% 50% 50%;--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-13938 .elementor-element.elementor-element-db25985:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-db25985 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de494a8 );}.elementor-13938 .elementor-element.elementor-element-db25985.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-13938 .elementor-element.elementor-element-14e730d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15em;font-weight:700;text-transform:uppercase;line-height:1.4em;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-e2705d8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-f9fe17e .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.85em;font-weight:600;color:var( --e-global-color-text );}.elementor-13938 .elementor-element.elementor-element-300bc91{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;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:#00000033;--border-color:#00000033;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.55em;--padding-bottom:0.55em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-13938 .elementor-element.elementor-element-300bc91:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-300bc91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c95cfc4 );}.elementor-13938 .elementor-element.elementor-element-178b0ff{--display:flex;--min-height:30px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50% 50% 50% 50%;--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-13938 .elementor-element.elementor-element-178b0ff:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-178b0ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-753437f );}.elementor-13938 .elementor-element.elementor-element-178b0ff.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-13938 .elementor-element.elementor-element-757be52.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-757be52{text-align:center;}.elementor-13938 .elementor-element.elementor-element-757be52 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15em;font-weight:700;text-transform:uppercase;line-height:1.5em;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-6dcbdc2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-690f9ed .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.85em;font-weight:600;color:var( --e-global-color-text );}.elementor-13938 .elementor-element.elementor-element-d544cc8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;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:#00000033;--border-color:#00000033;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.55em;--padding-bottom:0.55em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-13938 .elementor-element.elementor-element-d544cc8:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-d544cc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c95cfc4 );}.elementor-13938 .elementor-element.elementor-element-7736e9f{--display:flex;--min-height:30px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50% 50% 50% 50%;--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-13938 .elementor-element.elementor-element-7736e9f:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-7736e9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe1934f );}.elementor-13938 .elementor-element.elementor-element-7736e9f.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-13938 .elementor-element.elementor-element-09b5e3d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15em;font-weight:700;text-transform:uppercase;line-height:1.4em;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-a3dab9d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-5d73ca8 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.85em;font-weight:600;color:var( --e-global-color-text );}.elementor-13938 .elementor-element.elementor-element-48e9fb2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;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:#00000033;--border-color:#00000033;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.55em;--padding-bottom:0.55em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-13938 .elementor-element.elementor-element-48e9fb2:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-48e9fb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c95cfc4 );}.elementor-13938 .elementor-element.elementor-element-e9cea5b{--display:flex;--min-height:30px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50% 50% 50% 50%;--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-13938 .elementor-element.elementor-element-e9cea5b:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-e9cea5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de494a8 );}.elementor-13938 .elementor-element.elementor-element-e9cea5b.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-13938 .elementor-element.elementor-element-bdc0d23 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15em;font-weight:700;text-transform:uppercase;line-height:1.4em;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-ebd027c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-88d958b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.85em;font-weight:600;color:var( --e-global-color-text );}.elementor-13938 .elementor-element.elementor-element-b3ac883{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;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:#00000033;--border-color:#00000033;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.55em;--padding-bottom:0.55em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-13938 .elementor-element.elementor-element-b3ac883:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-b3ac883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c95cfc4 );}.elementor-13938 .elementor-element.elementor-element-97e0850{--display:flex;--min-height:30px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50% 50% 50% 50%;--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-13938 .elementor-element.elementor-element-97e0850:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-97e0850 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-13938 .elementor-element.elementor-element-97e0850.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-13938 .elementor-element.elementor-element-d47aefb .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15em;font-weight:700;text-transform:uppercase;line-height:1.4em;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-f302e96{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-0540122 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.85em;font-weight:600;color:var( --e-global-color-text );}.elementor-13938 .elementor-element.elementor-element-0609d23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-6ebf38a );--border-color:var( --e-global-color-6ebf38a );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-0609d23:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-0609d23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F2F44D;}.elementor-13938 .elementor-element.elementor-element-f1aa38c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-13938 .elementor-element.elementor-element-8f48105 > .elementor-widget-container{background-color:var( --e-global-color-6ebf38a );margin:0px 0px 0px 0px;padding:0.25em 0.75em 0.25em 0.75em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-8f48105.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-8f48105{text-align:center;}.elementor-13938 .elementor-element.elementor-element-8f48105 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:#E23670;}.elementor-13938 .elementor-element.elementor-element-8f0245d > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-8f0245d.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-8f0245d{text-align:center;}.elementor-13938 .elementor-element.elementor-element-8f0245d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-13938 .elementor-element.elementor-element-5583656.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-5583656{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#0000008D;}.elementor-13938 .elementor-element.elementor-element-7f77300{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-0a8eff8{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-28bea15 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-28bea15 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-e0afaa3{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-55dda26 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-55dda26 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-bc0175a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-7865f27 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-7865f27 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-822293c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-2769a88{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-5c835f6 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-281e472{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-01ed2cc .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-02d2ffa{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-2ea5739 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-636a6c9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-636a6c9:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-636a6c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-753437f ) 0%, var( --e-global-color-45da846 ) 100%);}.elementor-13938 .elementor-element.elementor-element-114a549{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-7b5dd1e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13938 .elementor-element.elementor-element-5d464e5 .elementor-counter-number-wrapper{color:var( --e-global-color-accent );font-family:"Sora", Sans-serif;font-size:3rem;font-weight:700;}.elementor-13938 .elementor-element.elementor-element-5d464e5 .elementor-counter-title{color:#FFFFFFD9;font-size:1.15em;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-015bb9d{--spacer-size:50px;width:var( --container-widget-width, 1px );max-width:1px;--container-widget-width:1px;--container-widget-flex-grow:0;}.elementor-13938 .elementor-element.elementor-element-015bb9d > .elementor-widget-container{background-color:#FFFFFF80;}.elementor-13938 .elementor-element.elementor-element-e6f9345{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-7971b14 .elementor-counter-number-wrapper{color:var( --e-global-color-accent );font-family:"Sora", Sans-serif;font-size:3rem;font-weight:700;}.elementor-13938 .elementor-element.elementor-element-7971b14 .elementor-counter-title{color:#FFFFFFD9;font-size:1.15em;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-fd9611c{--spacer-size:50px;width:var( --container-widget-width, 1px );max-width:1px;--container-widget-width:1px;--container-widget-flex-grow:0;}.elementor-13938 .elementor-element.elementor-element-fd9611c > .elementor-widget-container{background-color:#FFFFFF80;}.elementor-13938 .elementor-element.elementor-element-ae003df{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-d73ba82 .elementor-counter-number-wrapper{color:var( --e-global-color-accent );font-family:"Sora", Sans-serif;font-size:3rem;font-weight:700;}.elementor-13938 .elementor-element.elementor-element-d73ba82 .elementor-counter-title{color:#FFFFFFD9;font-size:1.15em;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-88f311b{--spacer-size:50px;width:var( --container-widget-width, 1px );max-width:1px;--container-widget-width:1px;--container-widget-flex-grow:0;}.elementor-13938 .elementor-element.elementor-element-88f311b > .elementor-widget-container{background-color:#FFFFFF80;}.elementor-13938 .elementor-element.elementor-element-846755d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-42793dd .elementor-counter-number-wrapper{color:var( --e-global-color-accent );font-family:"Sora", Sans-serif;font-size:3rem;font-weight:700;}.elementor-13938 .elementor-element.elementor-element-42793dd .elementor-counter-title{color:#FFFFFFD9;font-size:1.15em;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-8b2580c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-8b2580c:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-8b2580c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 40%, #FE63580D 100%);}.elementor-13938 .elementor-element.elementor-element-caad495{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-13938 .elementor-element.elementor-element-6430b23 > .elementor-widget-container{background-color:var( --e-global-color-6ebf38a );margin:0px 0px 0px 0px;padding:0.25em 0.75em 0.25em 0.75em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-6430b23.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-6430b23{text-align:center;}.elementor-13938 .elementor-element.elementor-element-6430b23 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:#E23670;}.elementor-13938 .elementor-element.elementor-element-b59a57b > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-b59a57b.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-b59a57b{text-align:center;}.elementor-13938 .elementor-element.elementor-element-b59a57b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-13938 .elementor-element.elementor-element-62edf5a{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#0000008D;}.elementor-13938 .elementor-element.elementor-element-d9a8d6e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13938 .elementor-element.elementor-element-a9ea219{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-c4cbd1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-58b2630{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-e08653e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-f27f619{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-355eaf5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-df90c54{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-78ad643{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-e6da216{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-6f31cee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13938 .elementor-element.elementor-element-d3d492e{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:1rem;--n-tabs-gap:1rem;--n-tabs-title-border-radius:1em 1em 1em 1em;--n-tabs-title-padding-top:1em;--n-tabs-title-padding-right:1em;--n-tabs-title-padding-bottom:1em;--n-tabs-title-padding-left:1em;--n-tabs-title-color:var( --e-global-color-secondary );--n-tabs-title-color-active:var( --e-global-color-accent );--n-tabs-icon-size:20px;--n-tabs-icon-gap:15px;--n-tabs-icon-color:var( --e-global-color-daaccf4 );--n-tabs-icon-color-active:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-d3d492e > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FE635826;}.elementor-13938 .elementor-element.elementor-element-d3d492e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-daaccf4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-d3d492e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-13938 .elementor-element.elementor-element-d3d492e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-daaccf4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-d3d492e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6ebf38a );}.elementor-13938 .elementor-element.elementor-element-d3d492e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-d3d492e [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-accent );--n-tabs-icon-color-hover:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-683907d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-683907d:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-683907d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-0b2b589{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-13938 .elementor-element.elementor-element-fb85209 > .elementor-widget-container{background-color:var( --e-global-color-6ebf38a );margin:0px 0px 0px 0px;padding:0.25em 0.75em 0.25em 0.75em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-fb85209.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-fb85209{text-align:center;}.elementor-13938 .elementor-element.elementor-element-fb85209 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:#E23670;}.elementor-13938 .elementor-element.elementor-element-cadb7c3 > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-cadb7c3.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-cadb7c3{text-align:center;}.elementor-13938 .elementor-element.elementor-element-cadb7c3 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-13938 .elementor-element.elementor-element-31859e3.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-31859e3{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#0000008D;}.elementor-13938 .elementor-element.elementor-element-2d11167{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-13938 .elementor-element.elementor-element-78bbbc4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-7f793c6 > .elementor-widget-container:hover{--e-transform-translateY:-10px;}.elementor-13938 .elementor-element.elementor-element-7f793c6 img{border-radius:15px 15px 15px 15px;box-shadow:0px 5px 25px 0px rgba(0, 0, 0, 0.25);}.elementor-13938 .elementor-element.elementor-element-68f266b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:3em;--padding-right:0em;}.elementor-13938 .elementor-element.elementor-element-57d2ead{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox .infobox-icon{align-self:baseline;}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-753437f );}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:0px 0px 0px 0px;}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-7b35a99 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox .infobox-icon{align-self:baseline;}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-753437f );}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:0px 0px 0px 0px;}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-090ac70 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox .infobox-icon{align-self:baseline;}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-753437f );}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:0px 0px 0px 0px;}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-cb103e9 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox .infobox-icon{align-self:baseline;}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-753437f );}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:0px 0px 0px 0px;}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-bfbe2b4 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox .infobox-icon{align-self:baseline;}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-753437f );}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:0px 0px 0px 0px;}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-83ccd1c .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-18753a8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-13938 .elementor-element.elementor-element-30f7cb3 .elementor-button{background-color:transparent;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:500;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-image:linear-gradient(135deg, var( --e-global-color-45da846 ) 0%, var( --e-global-color-753437f ) 100%);box-shadow:0px 5px 15px 0px rgba(236.99999999999997, 23.999999999999993, 132.00000000000003, 0.25);border-style:none;border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.75rem 1.25rem 0.75rem 1.25rem;}.elementor-13938 .elementor-element.elementor-element-30f7cb3 .elementor-button:hover, .elementor-13938 .elementor-element.elementor-element-30f7cb3 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-753437f ) 0%, var( --e-global-color-45da846 ) 100%);border-color:var( --e-global-color-de494a8 );}.elementor-13938 .elementor-element.elementor-element-30f7cb3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-13938 .elementor-element.elementor-element-57b5487 .elementor-button{background-color:#FFFFFF00;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:500;fill:var( --e-global-color-45da846 );color:var( --e-global-color-45da846 );box-shadow:0px 5px 15px 0px rgba(236.99999999999997, 23.999999999999993, 132.00000000000003, 0.25);border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-45da846 );border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.75rem 1.25rem 0.75rem 1.25rem;}.elementor-13938 .elementor-element.elementor-element-57b5487 .elementor-button:hover, .elementor-13938 .elementor-element.elementor-element-57b5487 .elementor-button:focus{background-color:var( --e-global-color-45da846 );color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-57b5487 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13938 .elementor-element.elementor-element-57b5487 .elementor-button:hover svg, .elementor-13938 .elementor-element.elementor-element-57b5487 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-1e9ae7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-6ebf38a );--border-color:var( --e-global-color-6ebf38a );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-1e9ae7b:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-1e9ae7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F8F2F44D 0%, var( --e-global-color-accent ) 100%);}.elementor-13938 .elementor-element.elementor-element-f820591{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-13938 .elementor-element.elementor-element-f820591.e-con{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-644a650 > .elementor-widget-container{background-color:var( --e-global-color-6ebf38a );margin:0px 0px 0px 0px;padding:0.25em 0.75em 0.25em 0.75em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-644a650.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-644a650{text-align:center;}.elementor-13938 .elementor-element.elementor-element-644a650 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:#E23670;}.elementor-13938 .elementor-element.elementor-element-df1bad0 > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-df1bad0.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-df1bad0{text-align:center;}.elementor-13938 .elementor-element.elementor-element-df1bad0 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-13938 .elementor-element.elementor-element-df86e2b{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#0000008D;}.elementor-13938 .elementor-element.elementor-element-e6e0c5a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-56f0415{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-6f69bbf .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-3545004{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-b579f12 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-b579f12 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-73e6cfe{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-2176393 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-2176393 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-aa91f05{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-2287a8d .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-2287a8d .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-2e9b6af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-f4aa3a0{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-e3e7761 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-c43ddbe{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-ae4c5b6 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-1abda9e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-44fc53c .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-44fc53c .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-bfa1ecc{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-13938 .elementor-element.elementor-element-823291e .eael-infobox .infobox-icon{align-self:flex-start;}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox{background-color:var( --e-global-color-accent );padding:1.5em 1.5em 1.5em 1.5em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C7233;border-radius:1em 1em 1em 1em;}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox .infobox-icon i{font-size:25px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox .infobox-icon svg{height:25px;width:25px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox .infobox-icon .infobox-icon-wrap img{height:25px;width:25px;}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox .infobox-icon .infobox-icon-wrap{width:50px;height:50px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-823291e .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-643619f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-13938 .elementor-element.elementor-element-643619f.e-con{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-7c2789e > .elementor-widget-container{background-color:var( --e-global-color-6ebf38a );margin:0px 0px 0px 0px;padding:0.25em 0.75em 0.25em 0.75em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-7c2789e.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-7c2789e{text-align:center;}.elementor-13938 .elementor-element.elementor-element-7c2789e .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:#E23670;}.elementor-13938 .elementor-element.elementor-element-135ae9f > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-135ae9f.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-135ae9f{text-align:center;}.elementor-13938 .elementor-element.elementor-element-135ae9f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-13938 .elementor-element.elementor-element-ba90c43{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#0000008D;}.elementor-13938 .elementor-element.elementor-element-71d8d45{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-13938 .elementor-element.elementor-element-433a2a0{--e-image-carousel-slides-to-show:5;}.elementor-13938 .elementor-element.elementor-element-433a2a0 .swiper-wrapper{display:flex;align-items:center;}.elementor-13938 .elementor-element.elementor-element-fd40d6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-6ebf38a );--border-color:var( --e-global-color-6ebf38a );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-fd40d6e:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-fd40d6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F2F44D;}.elementor-13938 .elementor-element.elementor-element-85d8f40{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-13938 .elementor-element.elementor-element-5723d61 > .elementor-widget-container{background-color:var( --e-global-color-6ebf38a );margin:0px 0px 0px 0px;padding:0.25em 0.75em 0.25em 0.75em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-5723d61.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-5723d61{text-align:center;}.elementor-13938 .elementor-element.elementor-element-5723d61 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:#E23670;}.elementor-13938 .elementor-element.elementor-element-5853e8d > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-5853e8d.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-5853e8d{text-align:center;}.elementor-13938 .elementor-element.elementor-element-5853e8d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-13938 .elementor-element.elementor-element-60bf64b.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-60bf64b{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#0000008D;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-13938 .elementor-element.elementor-element-6cda8e7 .elementor-main-swiper{width:100%;}.elementor-13938 .elementor-element.elementor-element-6cda8e7 .elementor-main-swiper .swiper-slide{border-width:1px 1px 1px 1px;border-radius:15px;border-color:#00000026;padding:2em 2em 2em 2em;}.elementor-13938 .elementor-element.elementor-element-6cda8e7 .elementor-swiper-button{font-size:20px;color:var( --e-global-color-45da846 );}.elementor-13938 .elementor-element.elementor-element-6cda8e7 .elementor-swiper-button svg{fill:var( --e-global-color-45da846 );}.elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_inline .elementor-testimonial__footer,
					.elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{margin-top:15px;}.elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_above .elementor-testimonial__footer{margin-bottom:15px;}.elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_left .elementor-testimonial__footer{padding-right:15px;}.elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-left:15px;}.elementor-13938 .elementor-element.elementor-element-6cda8e7 .elementor-testimonial__text{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-13938 .elementor-element.elementor-element-6cda8e7 .elementor-testimonial__name{color:var( --e-global-color-225cd43 );font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-6cda8e7 .elementor-testimonial__title{color:var( --e-global-color-753437f );font-size:15px;font-weight:500;}.elementor-13938 .elementor-element.elementor-element-6cda8e7 .elementor-testimonial__image img{width:45px;height:45px;border-radius:50px;}.elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_left .elementor-testimonial__content:after,
					 .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (45px / 2) - 8px );}body:not(.rtl) .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 body:not(.rtl) .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after,
					 .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (45px / 2) - 8px );right:auto;}body.rtl .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 body.rtl .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after,
					 .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (45px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (45px / 2) - 8px );right:auto;}body.rtl .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-13938 .elementor-element.elementor-element-6cda8e7.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (45px / 2) - 8px );left:auto;}.elementor-13938 .elementor-element.elementor-element-51141f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-6ebf38a );--border-color:var( --e-global-color-6ebf38a );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-51141f9:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-51141f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-e689db7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-13938 .elementor-element.elementor-element-f7aa333 > .elementor-widget-container{background-color:var( --e-global-color-6ebf38a );margin:0px 0px 0px 0px;padding:0.25em 0.75em 0.25em 0.75em;border-radius:3em 3em 3em 3em;}.elementor-13938 .elementor-element.elementor-element-f7aa333.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-f7aa333{text-align:center;}.elementor-13938 .elementor-element.elementor-element-f7aa333 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1px;color:#E23670;}.elementor-13938 .elementor-element.elementor-element-ff64302 > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-ff64302.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-ff64302{text-align:center;}.elementor-13938 .elementor-element.elementor-element-ff64302 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-13938 .elementor-element.elementor-element-1de949d.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-1de949d{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#0000008D;}.elementor-13938 .elementor-element.elementor-element-6fa93b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--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-13938 .elementor-element.elementor-element-5f69c6e{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:solid;border-width:0px 0px 1px 0px;border-color:#6C6C7233;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox .infobox-icon i{font-size:20px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox .infobox-icon svg{height:20px;width:20px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:20px;width:20px;}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox .infobox-icon .infobox-icon-wrap{width:40px;height:40px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox .infobox-icon{margin:0.5em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-5fa3619 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:solid;border-width:0px 0px 1px 0px;border-color:#6C6C7233;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox .infobox-icon i{font-size:20px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox .infobox-icon svg{height:20px;width:20px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:20px;width:20px;}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox .infobox-icon .infobox-icon-wrap{width:40px;height:40px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox .infobox-icon{margin:0.5em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-b81a2d8 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:solid;border-width:0px 0px 1px 0px;border-color:#6C6C7233;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox .infobox-icon i{font-size:20px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox .infobox-icon svg{height:20px;width:20px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:20px;width:20px;}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox .infobox-icon .infobox-icon-wrap{width:40px;height:40px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox .infobox-icon{margin:0.5em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-fc16845 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-64a4010{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:0em;}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:solid;border-width:0px 0px 1px 0px;border-color:#6C6C7233;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox .infobox-icon i{font-size:20px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox .infobox-icon svg{height:20px;width:20px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:20px;width:20px;}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox .infobox-icon .infobox-icon-wrap{width:40px;height:40px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox .infobox-icon{margin:0.5em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-7e88e55 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:solid;border-width:0px 0px 1px 0px;border-color:#6C6C7233;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox .infobox-icon i{font-size:20px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox .infobox-icon svg{height:20px;width:20px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox .infobox-icon .infobox-icon-wrap img{height:20px;width:20px;}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox .infobox-icon .infobox-icon-wrap{width:40px;height:40px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox .infobox-icon{margin:0.5em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-7943a2f .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox{background-color:var( --e-global-color-accent );padding:0em 0em 0em 0em;border-style:solid;border-width:0px 0px 1px 0px;border-color:#6C6C7233;border-radius:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox .infobox-icon i{font-size:20px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox .infobox-icon svg{height:20px;width:20px;fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox .infobox-icon .infobox-icon-wrap img{height:20px;width:20px;}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox .infobox-icon .infobox-icon-wrap{width:40px;height:40px;background:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox .infobox-icon{margin:0.5em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox.icon-beside-title .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox .infobox-icon-wrap{border-style:none;}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox:hover .infobox-icon i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox:hover .infobox-icon svg{fill:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox .infobox-content .title{color:var( --e-global-color-b60efd0 );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;line-height:1.4em;margin:10px 0px 10px 0px;}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox .infobox-content p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-76f4efa .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-13938 .elementor-element.elementor-element-e87bf87{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--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-13938 .elementor-element.elementor-element-6d9eb24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-6ebf38a );--border-color:var( --e-global-color-6ebf38a );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-6d9eb24:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-6d9eb24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-1106070 ) 0%, var( --e-global-color-45da846 ) 100%);}.elementor-13938 .elementor-element.elementor-element-6a8881b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-13938 .elementor-element.elementor-element-aa5631b > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-13938 .elementor-element.elementor-element-aa5631b.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-aa5631b{text-align:center;}.elementor-13938 .elementor-element.elementor-element-aa5631b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-5698fa4{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5em;color:#FFFFFFCC;}.elementor-13938 .elementor-element.elementor-element-5698fa4.elementor-element{--align-self:center;}.elementor-13938 .elementor-element.elementor-element-21087e9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--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-13938 .elementor-element.elementor-element-eb63072 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:500;fill:var( --e-global-color-1106070 );color:var( --e-global-color-1106070 );box-shadow:0px 5px 15px 0px rgba(236.99999999999997, 23.999999999999993, 132.00000000000003, 0.25);border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.75rem 1.25rem 0.75rem 1.25rem;}.elementor-13938 .elementor-element.elementor-element-eb63072 .elementor-button:hover, .elementor-13938 .elementor-element.elementor-element-eb63072 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-1106070 );}.elementor-13938 .elementor-element.elementor-element-eb63072 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13938 .elementor-element.elementor-element-eb63072 .elementor-button:hover svg, .elementor-13938 .elementor-element.elementor-element-eb63072 .elementor-button:focus svg{fill:var( --e-global-color-1106070 );}.elementor-13938 .elementor-element.elementor-element-7a75af1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-6ebf38a );--border-color:var( --e-global-color-6ebf38a );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-7a75af1:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-7a75af1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-daaccf4 );}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-item:not(:last-child):after{content:"";height:60%;border-color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:2px;}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:2px;}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-13938 .elementor-element.elementor-element-8ba4029{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-item > a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:400;}.elementor-13938 .elementor-element.elementor-element-8ba4029 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-13938 .elementor-element.elementor-element-110da7a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-6ebf38a );--border-color:var( --e-global-color-6ebf38a );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-110da7a:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-110da7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-13938 .elementor-element.elementor-element-124f2de{text-align:start;}.elementor-13938 .elementor-element.elementor-element-124f2de .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:500;color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-item:not(:last-child):after{content:"";height:60%;border-color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:2px;}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:2px;}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-icon i{color:var( --e-global-color-1106070 );transition:color 0.3s;}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-icon svg{fill:var( --e-global-color-1106070 );transition:fill 0.3s;}.elementor-13938 .elementor-element.elementor-element-75bed6e{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-item > a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:400;}.elementor-13938 .elementor-element.elementor-element-75bed6e .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-13938 .elementor-element.elementor-element-42cf085{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-6ebf38a );--border-color:var( --e-global-color-6ebf38a );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-13938 .elementor-element.elementor-element-42cf085:not(.elementor-motion-effects-element-type-background), .elementor-13938 .elementor-element.elementor-element-42cf085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-13938 .elementor-element.elementor-element-9957005 .elementor-button{background-color:transparent;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1em;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-image:linear-gradient(135deg, var( --e-global-color-753437f ) 0%, var( --e-global-color-45da846 ) 100%);box-shadow:0px 5px 15px 0px rgba(236.99999999999997, 23.999999999999993, 132.00000000000003, 0.25);border-style:none;border-radius:0.5rem 0.5rem 0.5rem 0.5rem;padding:0.75rem 1.25rem 0.75rem 1.25rem;}.elementor-13938 .elementor-element.elementor-element-9957005 .elementor-button:hover, .elementor-13938 .elementor-element.elementor-element-9957005 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-753437f ) 0%, var( --e-global-color-45da846 ) 100%);}body:not(.rtl) .elementor-13938 .elementor-element.elementor-element-9957005{left:0px;}body.rtl .elementor-13938 .elementor-element.elementor-element-9957005{right:0px;}.elementor-13938 .elementor-element.elementor-element-9957005{bottom:0px;}.elementor-13938 .elementor-element.elementor-element-9957005 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(min-width:768px){.elementor-13938 .elementor-element.elementor-element-a13210c{--width:35%;}.elementor-13938 .elementor-element.elementor-element-7912f2b{--width:65%;}.elementor-13938 .elementor-element.elementor-element-1abc71d{--width:50%;}.elementor-13938 .elementor-element.elementor-element-2d3800c{--width:50%;}.elementor-13938 .elementor-element.elementor-element-c37e23a{--width:25%;}.elementor-13938 .elementor-element.elementor-element-db25985{--width:30px;}.elementor-13938 .elementor-element.elementor-element-300bc91{--width:25%;}.elementor-13938 .elementor-element.elementor-element-178b0ff{--width:30px;}.elementor-13938 .elementor-element.elementor-element-d544cc8{--width:25%;}.elementor-13938 .elementor-element.elementor-element-7736e9f{--width:30px;}.elementor-13938 .elementor-element.elementor-element-48e9fb2{--width:25%;}.elementor-13938 .elementor-element.elementor-element-e9cea5b{--width:30px;}.elementor-13938 .elementor-element.elementor-element-b3ac883{--width:25%;}.elementor-13938 .elementor-element.elementor-element-97e0850{--width:30px;}.elementor-13938 .elementor-element.elementor-element-78bbbc4{--width:45%;}.elementor-13938 .elementor-element.elementor-element-68f266b{--width:53%;}}@media(max-width:1024px) and (min-width:768px){.elementor-13938 .elementor-element.elementor-element-1abc71d{--width:100%;}.elementor-13938 .elementor-element.elementor-element-2d3800c{--width:100%;}.elementor-13938 .elementor-element.elementor-element-c37e23a{--width:30%;}.elementor-13938 .elementor-element.elementor-element-300bc91{--width:30%;}.elementor-13938 .elementor-element.elementor-element-d544cc8{--width:30%;}.elementor-13938 .elementor-element.elementor-element-48e9fb2{--width:30%;}.elementor-13938 .elementor-element.elementor-element-b3ac883{--width:30%;}}@media(max-width:1024px){.elementor-13938 .elementor-element.elementor-element-7912f2b{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-13938 .elementor-element.elementor-element-b07cd58{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-13938 .elementor-element.elementor-element-e662304{--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;--flex-wrap:wrap;}.elementor-13938 .elementor-element.elementor-element-636a6c9{--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-13938 .elementor-element.elementor-element-114a549{--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;--flex-wrap:wrap;}.elementor-13938 .elementor-element.elementor-element-015bb9d{--spacer-size:50px;}.elementor-13938 .elementor-element.elementor-element-fd9611c{--spacer-size:50px;}.elementor-13938 .elementor-element.elementor-element-88f311b{--spacer-size:50px;}.elementor-13938 .elementor-element.elementor-element-433a2a0{--e-image-carousel-slides-to-show:3;}.elementor-13938 .elementor-element.elementor-element-124f2de .elementor-heading-title{font-size:12px;}}@media(max-width:767px){.elementor-13938 .elementor-element.elementor-element-1340e6e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13938 .elementor-element.elementor-element-5505a91{--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:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-a13210c{--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:center;--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-13938 .elementor-element.elementor-element-4ec9845 .elementor-heading-title{font-size:1.5rem;letter-spacing:3.5px;}.elementor-13938 .elementor-element.elementor-element-7912f2b{--justify-content:space-between;}.elementor-13938 .elementor-element.elementor-element-ea089f8{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-align:flex-start;--n-menu-title-space-between:1px;--n-menu-toggle-icon-size:22px;--n-menu-toggle-icon-border-radius:2px 2px 2px 2px;--n-menu-toggle-icon-padding:5px 10px 5px 10px;--n-menu-toggle-icon-distance-from-dropdown:19px;}.elementor-13938 .elementor-element.elementor-element-bebba5a{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-1abc71d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13938 .elementor-element.elementor-element-390bbe8{text-align:center;}.elementor-13938 .elementor-element.elementor-element-390bbe8 .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-eb1b0d0{text-align:center;}.elementor-13938 .elementor-element.elementor-element-3d867f3{--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:center;--flex-wrap:nowrap;}.elementor-13938 .elementor-element.elementor-element-c980e58{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-13938 .elementor-element.elementor-element-91dcf88{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-c37e23a{--width:100%;--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;}.elementor-13938 .elementor-element.elementor-element-db25985{--width:30px;--min-height:30px;--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-13938 .elementor-element.elementor-element-e2705d8{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13938 .elementor-element.elementor-element-300bc91{--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;}.elementor-13938 .elementor-element.elementor-element-178b0ff{--width:30px;--min-height:30px;--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-13938 .elementor-element.elementor-element-6dcbdc2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13938 .elementor-element.elementor-element-d544cc8{--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;}.elementor-13938 .elementor-element.elementor-element-7736e9f{--width:30px;--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-13938 .elementor-element.elementor-element-a3dab9d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13938 .elementor-element.elementor-element-48e9fb2{--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;}.elementor-13938 .elementor-element.elementor-element-e9cea5b{--width:30px;--min-height:30px;}.elementor-13938 .elementor-element.elementor-element-ebd027c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13938 .elementor-element.elementor-element-b3ac883{--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;}.elementor-13938 .elementor-element.elementor-element-97e0850{--width:30px;--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-13938 .elementor-element.elementor-element-f302e96{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13938 .elementor-element.elementor-element-0609d23{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-8f0245d .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-636a6c9{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-114a549{--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-13938 .elementor-element.elementor-element-5d464e5 .elementor-counter-number-wrapper{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-015bb9d{--spacer-size:1px;--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}.elementor-13938 .elementor-element.elementor-element-7971b14 .elementor-counter-number-wrapper{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-fd9611c{--spacer-size:1px;--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}.elementor-13938 .elementor-element.elementor-element-d73ba82 .elementor-counter-number-wrapper{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-88f311b{--spacer-size:1px;--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}.elementor-13938 .elementor-element.elementor-element-42793dd .elementor-counter-number-wrapper{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-8b2580c{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-b59a57b .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-a9ea219{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-58b2630{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-f27f619{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-df90c54{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-e6da216{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-13938 .elementor-element.elementor-element-683907d{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-cadb7c3 .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-68f266b{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-13938 .elementor-element.elementor-element-18753a8{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13938 .elementor-element.elementor-element-1e9ae7b{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-df1bad0 .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-135ae9f .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-433a2a0{--e-image-carousel-slides-to-show:3;}.elementor-13938 .elementor-element.elementor-element-fd40d6e{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-5853e8d .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-51141f9{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-ff64302 .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-6d9eb24{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-aa5631b .elementor-heading-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem);}.elementor-13938 .elementor-element.elementor-element-5698fa4{width:100%;max-width:100%;}.elementor-13938 .elementor-element.elementor-element-7a75af1{--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;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-110da7a{--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;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-13938 .elementor-element.elementor-element-124f2de{text-align:center;}.elementor-13938 .elementor-element.elementor-element-42cf085{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:2.75em;--padding-left:0em;--padding-right:0em;}.elementor-13938 .elementor-element.elementor-element-9957005{width:100%;max-width:100%;z-index:99;}.elementor-13938 .elementor-element.elementor-element-9957005 .elementor-button{font-size:1.25rem;border-radius:0rem 0rem 0rem 0rem;padding:1rem 1rem 1rem 1rem;}}/* Start custom CSS for heading, class: .elementor-element-390bbe8 */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f13d53 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ── Floating Metric Cards ── */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
    animation: floatIn 0.5s ease forwards;
  }

  .float-card.fc1 { top: 12px; left: -10px; animation-delay: 0.2s; }
  .float-card.fc2 { top: 90px; right: -10px; animation-delay: 0.35s; }
  .float-card.fc3 { bottom: 50px; left: -10px; animation-delay: 0.5s; }

  @keyframes floatIn {
    to { opacity: 1; transform: translateY(0); }
  }

  .fc-icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
  }

  .fc-label {
    font-size: 0.65rem;
    color: #999;
    font-weight: 500;
    white-space: nowrap;
  }

  .fc-val {
    font-size: 0.9rem;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1.1;
  }

  /* ── Dashboard Mockup Shell ── */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
      0 20px 60px rgba(0,0,0,0.12),
      0 4px 16px rgba(0,0,0,0.07),
      inset 0 1px 0 rgba(255,255,255,0.9);
    border: 1px solid rgba(255,255,255,0.7);
    opacity: 0;
    animation: floatIn 0.5s ease 0.1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #ffffff;
    border-bottom: 1px solid #eef0f3;
  }

  .mock-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
  }
  .mock-dot.d1 { background: #ff5f57; }
  .mock-dot.d2 { background: #febc2e; }
  .mock-dot.d3 { background: #28c840; }

  .mock-search {
    flex: 1;
    background: #f4f6f9;
    border-radius: 7px;
    padding: 4px 8px;
    font-size: 0.6rem;
    color: #aaa;
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 8px;
  }

  /* ── Body ── */
  .mock-body {
    display: flex;
    min-height: 260px;
  }

  /* ── Sidebar ── */
  .mock-sidebar {
    width: 130px;
    background: #ffffff;
    border-right: 1px solid #eef0f3;
    padding: 10px 6px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex-shrink: 0;
  }

  .mock-brand-s {
    font-size: 0.65rem;
    font-weight: 800;
    color: #1a1a2e;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 6px 10px;
    letter-spacing: -0.3px;
  }

  .mock-brand-icon {
    width: 14px; height: 14px;
    background: linear-gradient(135deg, #E23670, #f47d5d);
    border-radius: 4px;
    flex-shrink: 0;
  }

  .mock-nav-item {
    font-size: 0.57rem;
    color: #888;
    padding: 5px 6px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    font-weight: 500;
  }

  .mock-nav-item:hover {
    background: #ed148724;
    color: #e23670;
  }

  .mock-nav-item.active {
    background: #ed148724;
    color: #e23670;
    font-weight: 700;
  }

  .mock-nav-icon {
    font-size: 0.7rem;
    flex-shrink: 0;
  }

  /* ── Main Content ── */
  .mock-content {
    flex: 1;
    padding: 12px 10px;
    overflow: hidden;
  }

  .mock-greeting {
    font-size: 0.68rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 10px;
  }

  /* ── Stat Cards ── */
  .mock-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    margin-bottom: 10px;
  }

  .mock-card {
    background: #ffffff;
    border-radius: 8px;
    padding: 7px;
    border: 1px solid #eef0f3;
    min-width: 0;
  }

  .mc-num {
    font-size: 0.85rem;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1.1;
  }

  .mc-badge {
    display: inline-block;
    background: #e8f9f2;
    color: #1aab6e;
    font-size: 0.5rem;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 20px;
    margin-top: 3px;
    white-space: nowrap;
  }

  /* ── Table ── */
  .mock-table-wrap {
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #eef0f3;
    overflow: hidden;
  }

  .mock-table-title {
    font-size: 0.6rem;
    font-weight: 700;
    color: #1a1a2e;
    padding: 7px 10px 5px;
    border-bottom: 1px solid #eef0f3;
  }

  .mock-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    font-size: 0.6rem;
    color: #444;
    border-bottom: 1px solid #f4f6f9;
    font-weight: 500;
    transition: background 0.12s;
  }

  .mock-row:hover { background: #fafcff; }

  .mock-avatar {
    width: 20px; height: 20px;
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.5rem;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
  }

  /* ── Responsive ── */
  @media (max-width: 500px) {
    .float-card.fc1 { left: 0; top: 5px; }
    .float-card.fc2 { right: 0; top: 70px; }
    .float-card.fc3 { left: 0; bottom: 30px; }
    .dashboard-mockup { margin: 15px 5px; }
    .mock-cards { grid-template-columns: repeat(2, 1fr); }
    .mock-sidebar { width: 80px; }
  }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8f0245d */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b59a57b */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-236eb15 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px;  }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;}

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  /* per-card bob animations */
  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem;  font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px;
    background: #ffffff;
    border-bottom: 1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:300px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#ff6b35;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#fff3f0; color:#ff6b35; }
  .mock-nav-item.active { background:#fff3f0; color:#ff6b35; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FEE MANAGEMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }

  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Summary stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.orange{ background:#fff3e0; color:#ff6b35; }
  .mc-badge.red   { background:#ffeaea; color:#e74c3c; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ── Progress bar ── */
  .fee-progress-wrap { margin-bottom:10px; }
  .fee-progress-label {
    display:flex; justify-content:space-between; align-items:center;
    font-size:.58rem; color:#555; font-weight:600; margin-bottom:4px;
  }
  .fee-progress-label span:last-child { color:#1aab6e; font-weight:700; }
  .fee-progress-track {
    height:6px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .fee-progress-fill {
    height:100%; border-radius:20px;
    background:linear-gradient(90deg,#2ecc8a,#1aab6e);
    width:0;
    animation:fillBar 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  .fee-progress-fill.p78  { --target:78%; }
  .fee-progress-fill.p52  { --target:52%; }
  .fee-progress-fill.p91  { --target:91%; }
  @keyframes fillBar { to { width: var(--target); } }

  /* ── Fee table ── */
  .mock-table-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .mock-table-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .mock-table-title .tbl-action {
    font-size:.52rem; color:#ff6b35; font-weight:600; cursor:pointer;
    padding:2px 6px; border-radius:4px;
    background:#fff3f0;
    transition:background .15s, transform .15s;
  }
  .mock-table-title .tbl-action:hover { background:#ffe0d6; transform:scale(1.04); }

  /* table header */
  .mock-table-head {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    gap:4px; padding:4px 10px;
    font-size:.53rem; color:#bbb; font-weight:600;
    background:#fafbfc; border-bottom:1px solid #f0f2f4;
  }

  .mock-row {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    align-items:center; gap:4px;
    padding:5px 10px;
    font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .mock-row:last-child { border-bottom:none; }
  .mock-row:hover { background:#fff8f5 !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .mock-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .fee-status {
    display:inline-flex; align-items:center; gap:2px;
    font-size:.5rem; font-weight:700; padding:2px 5px; border-radius:20px;
  }
  .fee-status.paid    { background:#e8f9f2; color:#1aab6e; }
  .fee-status.pending { background:#fff3e0; color:#ff6b35; }
  .fee-status.overdue { background:#ffeaea; color:#e74c3c; }
  .fee-status::before {
    content:''; width:4px; height:4px; border-radius:50%; background:currentColor;
    display:inline-block;
    animation:statusPulse 1.8s ease-in-out infinite;
  }
  .fee-status.paid::before    { animation:none; opacity:.6; }
  @keyframes statusPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

  /* amount col */
  .fee-amt { font-weight:700; color:#1a1a2e; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mock-table-head,
    .mock-row { grid-template-columns:20px 1fr 48px 40px; }
    .mock-table-head > *:nth-child(5),
    .mock-row > *:nth-child(5) { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-369226c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px; }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px; }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#7c3aed;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#f5f0ff; color:#7c3aed; }
  .mock-nav-item.active { background:#f5f0ff; color:#7c3aed; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     REPORTS CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.purple{ background:#f0ebff; color:#7c3aed; }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }
  .mc-badge.amber { background:#fef9e7; color:#d4a017; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BAR CHART
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .chart-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .chart-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:8px; display:flex; justify-content:space-between; align-items:center;
  }
  .chart-legend {
    display:flex; gap:8px;
  }
  .legend-dot {
    width:6px; height:6px; border-radius:50%; display:inline-block; margin-right:2px;
  }
  .chart-legend span { font-size:.5rem; color:#999; font-weight:500; display:flex; align-items:center; }

  .bar-chart {
    display:flex; align-items:flex-end;
    gap:5px; height:60px;
  }

  .bar-group {
    display:flex; flex-direction:column; align-items:center;
    flex:1; gap:2px;
  }

  .bar-cols {
    display:flex; gap:2px; align-items:flex-end;
    height:50px; width:100%;
  }

  .bar {
    flex:1; border-radius:3px 3px 0 0;
    transform-origin: bottom;
    transform: scaleY(0);
    animation: growBar .8s cubic-bezier(.4,0,.2,1) forwards;
  }

  /* stagger each bar */
  .bar-group:nth-child(1) .bar { animation-delay:.3s; }
  .bar-group:nth-child(2) .bar { animation-delay:.4s; }
  .bar-group:nth-child(3) .bar { animation-delay:.5s; }
  .bar-group:nth-child(4) .bar { animation-delay:.6s; }
  .bar-group:nth-child(5) .bar { animation-delay:.7s; }
  .bar-group:nth-child(6) .bar { animation-delay:.8s; }

  @keyframes growBar { to { transform:scaleY(1); } }

  .bar.attendance { background:linear-gradient(180deg,#7c3aed,#a855f7); }
  .bar.performance{ background:linear-gradient(180deg,#4c6ef5,#74b9ff); }

  .bar-label {
    font-size:.48rem; color:#bbb; font-weight:600; margin-top:2px; text-align:center;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DONUT CHART (pure CSS)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  .donut-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .donut-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:6px; }

  .donut-body { display:flex; align-items:center; gap:10px; }

  .donut-svg { width:52px; height:52px; flex-shrink:0; }

  .donut-ring {
    fill:none; stroke-width:8;
    stroke-linecap:round;
  }
  .donut-track { stroke:#f0f2f4; }
  .donut-seg1 {
    stroke:#7c3aed;
    stroke-dasharray: 0 100;
    animation: donutFill1 1.2s cubic-bezier(.4,0,.2,1) .6s forwards;
  }
  .donut-seg2 {
    stroke:#4c6ef5;
    stroke-dasharray: 0 100;
    animation: donutFill2 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  @keyframes donutFill1 { to { stroke-dasharray: 42 100; } }
  @keyframes donutFill2 { to { stroke-dasharray: 28 100; stroke-dashoffset: -42; } }

  .donut-center {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:.55rem; font-weight:800; color:#1a1a2e;
  }
  .donut-rel { position:relative; width:52px; height:52px; }

  .donut-legend { display:flex; flex-direction:column; gap:4px; }
  .donut-legend-item {
    display:flex; align-items:center; gap:4px;
    font-size:.52rem; color:#666; font-weight:500;
  }
  .donut-legend-dot {
    width:6px; height:6px; border-radius:50%; flex-shrink:0;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     RECENT REPORTS LIST
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .reports-list {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .reports-list-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .report-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .report-row:last-child { border-bottom:none; }
  .report-row:hover { background:#faf8ff !important; padding-left:14px; }

  .report-icon {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.6rem; flex-shrink:0;
    transition:transform .2s ease;
  }
  .report-row:hover .report-icon { transform:scale(1.15) rotate(-4deg); }

  .report-tag {
    margin-left:auto; font-size:.5rem; font-weight:600;
    padding:2px 5px; border-radius:20px;
  }
  .report-tag.new    { background:#f0ebff; color:#7c3aed; }
  .report-tag.ready  { background:#e8f9f2; color:#1aab6e; }
  .report-tag.draft  { background:#f4f6f9; color:#999; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4489dda */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#0ea5e9;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#f0f9ff; color:#0ea5e9; }
  .mock-nav-item.active { background:#f0f9ff; color:#0ea5e9; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.sky    { background:#e0f4ff; color:#0ea5e9; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.rose   { background:#fff0f3; color:#e84393; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     TIMETABLE GRID
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .timetable-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .timetable-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:7px; display:flex; justify-content:space-between; align-items:center;
  }
  .tt-tag {
    font-size:.5rem; font-weight:600; padding:2px 6px;
    background:#e0f4ff; color:#0ea5e9; border-radius:4px;
  }

  .tt-grid {
    display:grid;
    grid-template-columns:32px repeat(5,1fr);
    gap:3px;
  }

  .tt-head {
    font-size:.5rem; font-weight:700; color:#bbb;
    text-align:center; padding:2px 0;
  }

  .tt-time {
    font-size:.48rem; color:#ccc; font-weight:600;
    display:flex; align-items:center; padding-right:3px;
  }

  .tt-cell {
    border-radius:5px; padding:3px 4px;
    font-size:.48rem; font-weight:700;
    min-height:22px;
    display:flex; align-items:center; justify-content:center;
    text-align:center; line-height:1.2;
    opacity:0;
    animation:cellPop .35s cubic-bezier(.34,1.56,.64,1) forwards;
    cursor:default;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), filter .2s;
  }
  .tt-cell:hover {
    transform:scale(1.08);
    filter:brightness(0.95);
    z-index:2;
    position:relative;
  }

  @keyframes cellPop { to { opacity:1; transform:scale(1); } }

  .tt-cell.empty { background:transparent; animation:none; opacity:1; }

  /* stagger cells by column */
  .tt-grid > *:nth-child(6n+2)  .tt-cell { animation-delay:.15s; }
  .tt-grid > *:nth-child(6n+3)  .tt-cell { animation-delay:.25s; }
  .tt-grid > *:nth-child(6n+4)  .tt-cell { animation-delay:.35s; }
  .tt-grid > *:nth-child(6n+5)  .tt-cell { animation-delay:.45s; }
  .tt-grid > *:nth-child(6n+6)  .tt-cell { animation-delay:.55s; }

  /* subject colours */
  .sub-math  { background:#e0f4ff; color:#0ea5e9; }
  .sub-sci   { background:#e8f9f2; color:#1aab6e; }
  .sub-eng   { background:#fff0f3; color:#e84393; }
  .sub-hist  { background:#fef9e7; color:#d4a017; }
  .sub-pe    { background:#fff3e0; color:#ff6b35; }
  .sub-art   { background:#f5f0ff; color:#7c3aed; }
  .sub-comp  { background:#eaf0ff; color:#4c6ef5; }
  .sub-free  { background:#f8fafb; color:#ccc;    font-weight:500; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BOTTOM ROW
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  /* ── Subject progress ── */
  .subject-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .subject-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:7px; }

  .subject-row { margin-bottom:6px; }
  .subject-label {
    display:flex; justify-content:space-between;
    font-size:.55rem; color:#666; font-weight:600; margin-bottom:3px;
  }
  .subject-label span:last-child { color:#0ea5e9; font-weight:700; }
  .subject-track {
    height:5px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .subject-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar 1.1s cubic-bezier(.4,0,.2,1) forwards;
  }
  .subject-fill.d1 { animation-delay:.4s; }
  .subject-fill.d2 { animation-delay:.55s; }
  .subject-fill.d3 { animation-delay:.7s; }
  .subject-fill.d4 { animation-delay:.85s; }
  @keyframes fillBar { to { width: var(--w); } }

  /* ── Top students ── */
  .students-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .students-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .student-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .student-row:last-child { border-bottom:none; }
  .student-row:hover { background:#f0f9ff !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .student-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .rank-badge {
    width:14px; height:14px; border-radius:4px;
    display:flex; align-items:center; justify-content:center;
    font-size:.45rem; font-weight:800; flex-shrink:0;
  }
  .rank-badge.r1 { background:#fef9e7; color:#d4a017; }
  .rank-badge.r2 { background:#f4f6f9; color:#888; }
  .rank-badge.r3 { background:#fff3e0; color:#cd7f32; }
  .rank-badge.r4 { background:#f0f9ff; color:#0ea5e9; }

  .score-pill {
    margin-left:auto; font-size:.5rem; font-weight:700;
    padding:2px 5px; border-radius:20px;
    background:#e0f4ff; color:#0ea5e9;
  }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
    .tt-grid { grid-template-columns:28px repeat(5,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-911a46c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:320px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#e84393;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#fff0f8; color:#e84393; }
  .mock-nav-item.active { background:#fff0f8; color:#e84393; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PHONE MOCKUP + FEATURE PILLS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mid-row {
    display:grid; grid-template-columns:80px 1fr; gap:8px; margin-bottom:8px;
  }

  /* ── Mini phone ── */
  .phone-mockup {
    width:68px;
    background:#1a1a2e;
    border-radius:12px;
    padding:5px 4px;
    display:flex; flex-direction:column; gap:3px;
    position:relative;
    box-shadow:0 6px 20px rgba(0,0,0,.18);
    animation:phoneWobble 5s ease-in-out 1.5s infinite;
  }
  @keyframes phoneWobble {
    0%,100%{ transform:rotate(0deg) translateY(0); }
    20%    { transform:rotate(-1.5deg) translateY(-2px); }
    40%    { transform:rotate(1deg) translateY(1px); }
    60%    { transform:rotate(-0.8deg) translateY(-1px); }
    80%    { transform:rotate(0.5deg) translateY(0); }
  }

  .phone-notch {
    width:20px; height:4px; background:#333;
    border-radius:20px; margin:0 auto 3px;
  }

  /* phone screen cards */
  .phone-card {
    background:#ffffff; border-radius:6px; padding:4px 5px;
    opacity:0;
    animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) forwards;
  }
  .phone-card:nth-child(2){ animation-delay:.5s; }
  .phone-card:nth-child(3){ animation-delay:.7s; }
  .phone-card:nth-child(4){ animation-delay:.9s; }
  .phone-card:nth-child(5){ animation-delay:1.1s; }

  @keyframes slideUp { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

  .pc-row {
    display:flex; align-items:center; gap:3px; margin-bottom:2px;
  }
  .pc-dot {
    width:5px; height:5px; border-radius:50%; flex-shrink:0;
  }
  .pc-label { font-size:.42rem; font-weight:700; color:#1a1a2e; }
  .pc-val   { font-size:.38rem; color:#999; margin-left:auto; }
  .pc-bar-track {
    height:3px; background:#f0f2f4; border-radius:20px; overflow:hidden; margin-top:1px;
  }
  .pc-bar-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar .9s cubic-bezier(.4,0,.2,1) 1s forwards;
  }
  @keyframes fillBar { to { width:var(--w); } }

  /* ── Feature pills ── */
  .feature-pills {
    display:flex; flex-direction:column; gap:5px; justify-content:center;
  }

  .feat-pill {
    display:flex; align-items:center; gap:6px;
    background:#ffffff; border-radius:8px;
    padding:6px 8px; border:1px solid #eef0f3;
    opacity:0;
    animation:slideRight .4s cubic-bezier(.34,1.56,.64,1) forwards;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease;
  }
  .feat-pill:hover {
    transform:translateX(4px);
    box-shadow:0 4px 14px rgba(0,0,0,.07);
  }
  .feat-pill:nth-child(1){ animation-delay:.4s; }
  .feat-pill:nth-child(2){ animation-delay:.55s; }
  .feat-pill:nth-child(3){ animation-delay:.7s; }
  .feat-pill:nth-child(4){ animation-delay:.85s; }
  @keyframes slideRight { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

  .feat-icon {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0;
  }
  .feat-text { font-size:.56rem; font-weight:700; color:#1a1a2e; }
  .feat-sub  { font-size:.48rem; color:#aaa; font-weight:500; }
  .feat-arrow {
    margin-left:auto; font-size:.6rem; color:#ddd;
    transition:color .15s, transform .2s;
  }
  .feat-pill:hover .feat-arrow { color:#e84393; transform:translateX(2px); }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     NOTIFICATIONS FEED
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .notif-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .notif-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .notif-live {
    display:flex; align-items:center; gap:3px;
    font-size:.5rem; color:#1aab6e; font-weight:600;
  }
  .notif-live::before {
    content:''; width:5px; height:5px; background:#1aab6e;
    border-radius:50%; display:inline-block;
    animation:livePulse 1.4s ease-in-out infinite;
  }
  @keyframes livePulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.3)} }

  .notif-row {
    display:flex; align-items:flex-start; gap:7px;
    padding:6px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .notif-row:last-child { border-bottom:none; }
  .notif-row:hover { background:#fff6fb !important; padding-left:14px; }

  .notif-icon-wrap {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0; margin-top:1px;
    transition:transform .2s ease;
  }
  .notif-row:hover .notif-icon-wrap { transform:scale(1.15) rotate(-4deg); }

  .notif-body { flex:1; min-width:0; }
  .notif-msg  { font-size:.56rem; font-weight:600; color:#1a1a2e; line-height:1.3; }
  .notif-time { font-size:.48rem; color:#bbb; margin-top:1px; }

  .notif-dot {
    width:5px; height:5px; border-radius:50%;
    background:#e84393; flex-shrink:0; margin-top:5px;
    animation:livePulse 2s ease-in-out infinite;
  }
  .notif-dot.read { background:transparent; animation:none; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mid-row { grid-template-columns:1fr; }
    .phone-mockup { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc203a9 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS (Financial Focus)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
  }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-body { display:flex; min-height:320px; }

  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s { font-size:.65rem; font-weight:800; color:#1a1a2e; padding:4px 6px 10px; }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; font-weight:500;
  }
  .mock-nav-item.active { background:#e8f9f2; color:#1aab6e; font-weight:700; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PAYMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card { background:#ffffff; border-radius:8px; padding:7px; border:1px solid #eef0f3; }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px;
  }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  /* Payment Action Section */
  .payment-box {
    background: #ffffff; border: 1px solid #eef0f3; border-radius: 10px;
    padding: 10px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between;
  }
  .pay-btn {
    background: #1aab6e; color: #fff; font-size: .55rem; font-weight: 700;
    padding: 6px 12px; border-radius: 6px; border: none; cursor: pointer;
    box-shadow: 0 4px 10px rgba(26,171,110,0.3);
  }

  /* List Styling */
  .trans-row {
    display:flex; align-items:center; gap:8px; padding:6px 0;
    border-bottom: 1px solid #f4f6f9;
  }
  .trans-info { flex:1; }
  .trans-title { font-size: .56rem; font-weight: 700; color: #1a1a2e; }
  .trans-date { font-size: .48rem; color: #bbb; }
  .trans-amt { font-size: .58rem; font-weight: 800; color: #1a1a2e; }

  @media (max-width:500px) {
    .dashboard-mockup { margin: 15px 5px; }
    .mock-sidebar { display: none; }
    .mock-cards { grid-template-columns: repeat(2,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-236eb15 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px;  }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;}

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  /* per-card bob animations */
  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem;  font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px;
    background: #ffffff;
    border-bottom: 1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:300px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#ff6b35;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#fff3f0; color:#ff6b35; }
  .mock-nav-item.active { background:#fff3f0; color:#ff6b35; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FEE MANAGEMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }

  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Summary stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.orange{ background:#fff3e0; color:#ff6b35; }
  .mc-badge.red   { background:#ffeaea; color:#e74c3c; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ── Progress bar ── */
  .fee-progress-wrap { margin-bottom:10px; }
  .fee-progress-label {
    display:flex; justify-content:space-between; align-items:center;
    font-size:.58rem; color:#555; font-weight:600; margin-bottom:4px;
  }
  .fee-progress-label span:last-child { color:#1aab6e; font-weight:700; }
  .fee-progress-track {
    height:6px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .fee-progress-fill {
    height:100%; border-radius:20px;
    background:linear-gradient(90deg,#2ecc8a,#1aab6e);
    width:0;
    animation:fillBar 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  .fee-progress-fill.p78  { --target:78%; }
  .fee-progress-fill.p52  { --target:52%; }
  .fee-progress-fill.p91  { --target:91%; }
  @keyframes fillBar { to { width: var(--target); } }

  /* ── Fee table ── */
  .mock-table-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .mock-table-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .mock-table-title .tbl-action {
    font-size:.52rem; color:#ff6b35; font-weight:600; cursor:pointer;
    padding:2px 6px; border-radius:4px;
    background:#fff3f0;
    transition:background .15s, transform .15s;
  }
  .mock-table-title .tbl-action:hover { background:#ffe0d6; transform:scale(1.04); }

  /* table header */
  .mock-table-head {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    gap:4px; padding:4px 10px;
    font-size:.53rem; color:#bbb; font-weight:600;
    background:#fafbfc; border-bottom:1px solid #f0f2f4;
  }

  .mock-row {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    align-items:center; gap:4px;
    padding:5px 10px;
    font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .mock-row:last-child { border-bottom:none; }
  .mock-row:hover { background:#fff8f5 !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .mock-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .fee-status {
    display:inline-flex; align-items:center; gap:2px;
    font-size:.5rem; font-weight:700; padding:2px 5px; border-radius:20px;
  }
  .fee-status.paid    { background:#e8f9f2; color:#1aab6e; }
  .fee-status.pending { background:#fff3e0; color:#ff6b35; }
  .fee-status.overdue { background:#ffeaea; color:#e74c3c; }
  .fee-status::before {
    content:''; width:4px; height:4px; border-radius:50%; background:currentColor;
    display:inline-block;
    animation:statusPulse 1.8s ease-in-out infinite;
  }
  .fee-status.paid::before    { animation:none; opacity:.6; }
  @keyframes statusPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

  /* amount col */
  .fee-amt { font-weight:700; color:#1a1a2e; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mock-table-head,
    .mock-row { grid-template-columns:20px 1fr 48px 40px; }
    .mock-table-head > *:nth-child(5),
    .mock-row > *:nth-child(5) { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-369226c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px; }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px; }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#7c3aed;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#f5f0ff; color:#7c3aed; }
  .mock-nav-item.active { background:#f5f0ff; color:#7c3aed; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     REPORTS CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.purple{ background:#f0ebff; color:#7c3aed; }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }
  .mc-badge.amber { background:#fef9e7; color:#d4a017; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BAR CHART
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .chart-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .chart-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:8px; display:flex; justify-content:space-between; align-items:center;
  }
  .chart-legend {
    display:flex; gap:8px;
  }
  .legend-dot {
    width:6px; height:6px; border-radius:50%; display:inline-block; margin-right:2px;
  }
  .chart-legend span { font-size:.5rem; color:#999; font-weight:500; display:flex; align-items:center; }

  .bar-chart {
    display:flex; align-items:flex-end;
    gap:5px; height:60px;
  }

  .bar-group {
    display:flex; flex-direction:column; align-items:center;
    flex:1; gap:2px;
  }

  .bar-cols {
    display:flex; gap:2px; align-items:flex-end;
    height:50px; width:100%;
  }

  .bar {
    flex:1; border-radius:3px 3px 0 0;
    transform-origin: bottom;
    transform: scaleY(0);
    animation: growBar .8s cubic-bezier(.4,0,.2,1) forwards;
  }

  /* stagger each bar */
  .bar-group:nth-child(1) .bar { animation-delay:.3s; }
  .bar-group:nth-child(2) .bar { animation-delay:.4s; }
  .bar-group:nth-child(3) .bar { animation-delay:.5s; }
  .bar-group:nth-child(4) .bar { animation-delay:.6s; }
  .bar-group:nth-child(5) .bar { animation-delay:.7s; }
  .bar-group:nth-child(6) .bar { animation-delay:.8s; }

  @keyframes growBar { to { transform:scaleY(1); } }

  .bar.attendance { background:linear-gradient(180deg,#7c3aed,#a855f7); }
  .bar.performance{ background:linear-gradient(180deg,#4c6ef5,#74b9ff); }

  .bar-label {
    font-size:.48rem; color:#bbb; font-weight:600; margin-top:2px; text-align:center;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DONUT CHART (pure CSS)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  .donut-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .donut-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:6px; }

  .donut-body { display:flex; align-items:center; gap:10px; }

  .donut-svg { width:52px; height:52px; flex-shrink:0; }

  .donut-ring {
    fill:none; stroke-width:8;
    stroke-linecap:round;
  }
  .donut-track { stroke:#f0f2f4; }
  .donut-seg1 {
    stroke:#7c3aed;
    stroke-dasharray: 0 100;
    animation: donutFill1 1.2s cubic-bezier(.4,0,.2,1) .6s forwards;
  }
  .donut-seg2 {
    stroke:#4c6ef5;
    stroke-dasharray: 0 100;
    animation: donutFill2 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  @keyframes donutFill1 { to { stroke-dasharray: 42 100; } }
  @keyframes donutFill2 { to { stroke-dasharray: 28 100; stroke-dashoffset: -42; } }

  .donut-center {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:.55rem; font-weight:800; color:#1a1a2e;
  }
  .donut-rel { position:relative; width:52px; height:52px; }

  .donut-legend { display:flex; flex-direction:column; gap:4px; }
  .donut-legend-item {
    display:flex; align-items:center; gap:4px;
    font-size:.52rem; color:#666; font-weight:500;
  }
  .donut-legend-dot {
    width:6px; height:6px; border-radius:50%; flex-shrink:0;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     RECENT REPORTS LIST
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .reports-list {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .reports-list-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .report-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .report-row:last-child { border-bottom:none; }
  .report-row:hover { background:#faf8ff !important; padding-left:14px; }

  .report-icon {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.6rem; flex-shrink:0;
    transition:transform .2s ease;
  }
  .report-row:hover .report-icon { transform:scale(1.15) rotate(-4deg); }

  .report-tag {
    margin-left:auto; font-size:.5rem; font-weight:600;
    padding:2px 5px; border-radius:20px;
  }
  .report-tag.new    { background:#f0ebff; color:#7c3aed; }
  .report-tag.ready  { background:#e8f9f2; color:#1aab6e; }
  .report-tag.draft  { background:#f4f6f9; color:#999; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4489dda */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#0ea5e9;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#f0f9ff; color:#0ea5e9; }
  .mock-nav-item.active { background:#f0f9ff; color:#0ea5e9; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.sky    { background:#e0f4ff; color:#0ea5e9; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.rose   { background:#fff0f3; color:#e84393; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     TIMETABLE GRID
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .timetable-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .timetable-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:7px; display:flex; justify-content:space-between; align-items:center;
  }
  .tt-tag {
    font-size:.5rem; font-weight:600; padding:2px 6px;
    background:#e0f4ff; color:#0ea5e9; border-radius:4px;
  }

  .tt-grid {
    display:grid;
    grid-template-columns:32px repeat(5,1fr);
    gap:3px;
  }

  .tt-head {
    font-size:.5rem; font-weight:700; color:#bbb;
    text-align:center; padding:2px 0;
  }

  .tt-time {
    font-size:.48rem; color:#ccc; font-weight:600;
    display:flex; align-items:center; padding-right:3px;
  }

  .tt-cell {
    border-radius:5px; padding:3px 4px;
    font-size:.48rem; font-weight:700;
    min-height:22px;
    display:flex; align-items:center; justify-content:center;
    text-align:center; line-height:1.2;
    opacity:0;
    animation:cellPop .35s cubic-bezier(.34,1.56,.64,1) forwards;
    cursor:default;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), filter .2s;
  }
  .tt-cell:hover {
    transform:scale(1.08);
    filter:brightness(0.95);
    z-index:2;
    position:relative;
  }

  @keyframes cellPop { to { opacity:1; transform:scale(1); } }

  .tt-cell.empty { background:transparent; animation:none; opacity:1; }

  /* stagger cells by column */
  .tt-grid > *:nth-child(6n+2)  .tt-cell { animation-delay:.15s; }
  .tt-grid > *:nth-child(6n+3)  .tt-cell { animation-delay:.25s; }
  .tt-grid > *:nth-child(6n+4)  .tt-cell { animation-delay:.35s; }
  .tt-grid > *:nth-child(6n+5)  .tt-cell { animation-delay:.45s; }
  .tt-grid > *:nth-child(6n+6)  .tt-cell { animation-delay:.55s; }

  /* subject colours */
  .sub-math  { background:#e0f4ff; color:#0ea5e9; }
  .sub-sci   { background:#e8f9f2; color:#1aab6e; }
  .sub-eng   { background:#fff0f3; color:#e84393; }
  .sub-hist  { background:#fef9e7; color:#d4a017; }
  .sub-pe    { background:#fff3e0; color:#ff6b35; }
  .sub-art   { background:#f5f0ff; color:#7c3aed; }
  .sub-comp  { background:#eaf0ff; color:#4c6ef5; }
  .sub-free  { background:#f8fafb; color:#ccc;    font-weight:500; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BOTTOM ROW
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  /* ── Subject progress ── */
  .subject-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .subject-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:7px; }

  .subject-row { margin-bottom:6px; }
  .subject-label {
    display:flex; justify-content:space-between;
    font-size:.55rem; color:#666; font-weight:600; margin-bottom:3px;
  }
  .subject-label span:last-child { color:#0ea5e9; font-weight:700; }
  .subject-track {
    height:5px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .subject-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar 1.1s cubic-bezier(.4,0,.2,1) forwards;
  }
  .subject-fill.d1 { animation-delay:.4s; }
  .subject-fill.d2 { animation-delay:.55s; }
  .subject-fill.d3 { animation-delay:.7s; }
  .subject-fill.d4 { animation-delay:.85s; }
  @keyframes fillBar { to { width: var(--w); } }

  /* ── Top students ── */
  .students-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .students-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .student-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .student-row:last-child { border-bottom:none; }
  .student-row:hover { background:#f0f9ff !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .student-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .rank-badge {
    width:14px; height:14px; border-radius:4px;
    display:flex; align-items:center; justify-content:center;
    font-size:.45rem; font-weight:800; flex-shrink:0;
  }
  .rank-badge.r1 { background:#fef9e7; color:#d4a017; }
  .rank-badge.r2 { background:#f4f6f9; color:#888; }
  .rank-badge.r3 { background:#fff3e0; color:#cd7f32; }
  .rank-badge.r4 { background:#f0f9ff; color:#0ea5e9; }

  .score-pill {
    margin-left:auto; font-size:.5rem; font-weight:700;
    padding:2px 5px; border-radius:20px;
    background:#e0f4ff; color:#0ea5e9;
  }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
    .tt-grid { grid-template-columns:28px repeat(5,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-911a46c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:320px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#e84393;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#fff0f8; color:#e84393; }
  .mock-nav-item.active { background:#fff0f8; color:#e84393; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PHONE MOCKUP + FEATURE PILLS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mid-row {
    display:grid; grid-template-columns:80px 1fr; gap:8px; margin-bottom:8px;
  }

  /* ── Mini phone ── */
  .phone-mockup {
    width:68px;
    background:#1a1a2e;
    border-radius:12px;
    padding:5px 4px;
    display:flex; flex-direction:column; gap:3px;
    position:relative;
    box-shadow:0 6px 20px rgba(0,0,0,.18);
    animation:phoneWobble 5s ease-in-out 1.5s infinite;
  }
  @keyframes phoneWobble {
    0%,100%{ transform:rotate(0deg) translateY(0); }
    20%    { transform:rotate(-1.5deg) translateY(-2px); }
    40%    { transform:rotate(1deg) translateY(1px); }
    60%    { transform:rotate(-0.8deg) translateY(-1px); }
    80%    { transform:rotate(0.5deg) translateY(0); }
  }

  .phone-notch {
    width:20px; height:4px; background:#333;
    border-radius:20px; margin:0 auto 3px;
  }

  /* phone screen cards */
  .phone-card {
    background:#ffffff; border-radius:6px; padding:4px 5px;
    opacity:0;
    animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) forwards;
  }
  .phone-card:nth-child(2){ animation-delay:.5s; }
  .phone-card:nth-child(3){ animation-delay:.7s; }
  .phone-card:nth-child(4){ animation-delay:.9s; }
  .phone-card:nth-child(5){ animation-delay:1.1s; }

  @keyframes slideUp { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

  .pc-row {
    display:flex; align-items:center; gap:3px; margin-bottom:2px;
  }
  .pc-dot {
    width:5px; height:5px; border-radius:50%; flex-shrink:0;
  }
  .pc-label { font-size:.42rem; font-weight:700; color:#1a1a2e; }
  .pc-val   { font-size:.38rem; color:#999; margin-left:auto; }
  .pc-bar-track {
    height:3px; background:#f0f2f4; border-radius:20px; overflow:hidden; margin-top:1px;
  }
  .pc-bar-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar .9s cubic-bezier(.4,0,.2,1) 1s forwards;
  }
  @keyframes fillBar { to { width:var(--w); } }

  /* ── Feature pills ── */
  .feature-pills {
    display:flex; flex-direction:column; gap:5px; justify-content:center;
  }

  .feat-pill {
    display:flex; align-items:center; gap:6px;
    background:#ffffff; border-radius:8px;
    padding:6px 8px; border:1px solid #eef0f3;
    opacity:0;
    animation:slideRight .4s cubic-bezier(.34,1.56,.64,1) forwards;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease;
  }
  .feat-pill:hover {
    transform:translateX(4px);
    box-shadow:0 4px 14px rgba(0,0,0,.07);
  }
  .feat-pill:nth-child(1){ animation-delay:.4s; }
  .feat-pill:nth-child(2){ animation-delay:.55s; }
  .feat-pill:nth-child(3){ animation-delay:.7s; }
  .feat-pill:nth-child(4){ animation-delay:.85s; }
  @keyframes slideRight { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

  .feat-icon {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0;
  }
  .feat-text { font-size:.56rem; font-weight:700; color:#1a1a2e; }
  .feat-sub  { font-size:.48rem; color:#aaa; font-weight:500; }
  .feat-arrow {
    margin-left:auto; font-size:.6rem; color:#ddd;
    transition:color .15s, transform .2s;
  }
  .feat-pill:hover .feat-arrow { color:#e84393; transform:translateX(2px); }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     NOTIFICATIONS FEED
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .notif-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .notif-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .notif-live {
    display:flex; align-items:center; gap:3px;
    font-size:.5rem; color:#1aab6e; font-weight:600;
  }
  .notif-live::before {
    content:''; width:5px; height:5px; background:#1aab6e;
    border-radius:50%; display:inline-block;
    animation:livePulse 1.4s ease-in-out infinite;
  }
  @keyframes livePulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.3)} }

  .notif-row {
    display:flex; align-items:flex-start; gap:7px;
    padding:6px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .notif-row:last-child { border-bottom:none; }
  .notif-row:hover { background:#fff6fb !important; padding-left:14px; }

  .notif-icon-wrap {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0; margin-top:1px;
    transition:transform .2s ease;
  }
  .notif-row:hover .notif-icon-wrap { transform:scale(1.15) rotate(-4deg); }

  .notif-body { flex:1; min-width:0; }
  .notif-msg  { font-size:.56rem; font-weight:600; color:#1a1a2e; line-height:1.3; }
  .notif-time { font-size:.48rem; color:#bbb; margin-top:1px; }

  .notif-dot {
    width:5px; height:5px; border-radius:50%;
    background:#e84393; flex-shrink:0; margin-top:5px;
    animation:livePulse 2s ease-in-out infinite;
  }
  .notif-dot.read { background:transparent; animation:none; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mid-row { grid-template-columns:1fr; }
    .phone-mockup { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc203a9 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS (Financial Focus)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
  }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-body { display:flex; min-height:320px; }

  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s { font-size:.65rem; font-weight:800; color:#1a1a2e; padding:4px 6px 10px; }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; font-weight:500;
  }
  .mock-nav-item.active { background:#e8f9f2; color:#1aab6e; font-weight:700; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PAYMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card { background:#ffffff; border-radius:8px; padding:7px; border:1px solid #eef0f3; }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px;
  }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  /* Payment Action Section */
  .payment-box {
    background: #ffffff; border: 1px solid #eef0f3; border-radius: 10px;
    padding: 10px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between;
  }
  .pay-btn {
    background: #1aab6e; color: #fff; font-size: .55rem; font-weight: 700;
    padding: 6px 12px; border-radius: 6px; border: none; cursor: pointer;
    box-shadow: 0 4px 10px rgba(26,171,110,0.3);
  }

  /* List Styling */
  .trans-row {
    display:flex; align-items:center; gap:8px; padding:6px 0;
    border-bottom: 1px solid #f4f6f9;
  }
  .trans-info { flex:1; }
  .trans-title { font-size: .56rem; font-weight: 700; color: #1a1a2e; }
  .trans-date { font-size: .48rem; color: #bbb; }
  .trans-amt { font-size: .58rem; font-weight: 800; color: #1a1a2e; }

  @media (max-width:500px) {
    .dashboard-mockup { margin: 15px 5px; }
    .mock-sidebar { display: none; }
    .mock-cards { grid-template-columns: repeat(2,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-236eb15 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px;  }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;}

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  /* per-card bob animations */
  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem;  font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px;
    background: #ffffff;
    border-bottom: 1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:300px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#ff6b35;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#fff3f0; color:#ff6b35; }
  .mock-nav-item.active { background:#fff3f0; color:#ff6b35; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FEE MANAGEMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }

  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Summary stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.orange{ background:#fff3e0; color:#ff6b35; }
  .mc-badge.red   { background:#ffeaea; color:#e74c3c; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ── Progress bar ── */
  .fee-progress-wrap { margin-bottom:10px; }
  .fee-progress-label {
    display:flex; justify-content:space-between; align-items:center;
    font-size:.58rem; color:#555; font-weight:600; margin-bottom:4px;
  }
  .fee-progress-label span:last-child { color:#1aab6e; font-weight:700; }
  .fee-progress-track {
    height:6px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .fee-progress-fill {
    height:100%; border-radius:20px;
    background:linear-gradient(90deg,#2ecc8a,#1aab6e);
    width:0;
    animation:fillBar 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  .fee-progress-fill.p78  { --target:78%; }
  .fee-progress-fill.p52  { --target:52%; }
  .fee-progress-fill.p91  { --target:91%; }
  @keyframes fillBar { to { width: var(--target); } }

  /* ── Fee table ── */
  .mock-table-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .mock-table-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .mock-table-title .tbl-action {
    font-size:.52rem; color:#ff6b35; font-weight:600; cursor:pointer;
    padding:2px 6px; border-radius:4px;
    background:#fff3f0;
    transition:background .15s, transform .15s;
  }
  .mock-table-title .tbl-action:hover { background:#ffe0d6; transform:scale(1.04); }

  /* table header */
  .mock-table-head {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    gap:4px; padding:4px 10px;
    font-size:.53rem; color:#bbb; font-weight:600;
    background:#fafbfc; border-bottom:1px solid #f0f2f4;
  }

  .mock-row {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    align-items:center; gap:4px;
    padding:5px 10px;
    font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .mock-row:last-child { border-bottom:none; }
  .mock-row:hover { background:#fff8f5 !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .mock-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .fee-status {
    display:inline-flex; align-items:center; gap:2px;
    font-size:.5rem; font-weight:700; padding:2px 5px; border-radius:20px;
  }
  .fee-status.paid    { background:#e8f9f2; color:#1aab6e; }
  .fee-status.pending { background:#fff3e0; color:#ff6b35; }
  .fee-status.overdue { background:#ffeaea; color:#e74c3c; }
  .fee-status::before {
    content:''; width:4px; height:4px; border-radius:50%; background:currentColor;
    display:inline-block;
    animation:statusPulse 1.8s ease-in-out infinite;
  }
  .fee-status.paid::before    { animation:none; opacity:.6; }
  @keyframes statusPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

  /* amount col */
  .fee-amt { font-weight:700; color:#1a1a2e; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mock-table-head,
    .mock-row { grid-template-columns:20px 1fr 48px 40px; }
    .mock-table-head > *:nth-child(5),
    .mock-row > *:nth-child(5) { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-369226c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px; }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px; }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#7c3aed;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#f5f0ff; color:#7c3aed; }
  .mock-nav-item.active { background:#f5f0ff; color:#7c3aed; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     REPORTS CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.purple{ background:#f0ebff; color:#7c3aed; }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }
  .mc-badge.amber { background:#fef9e7; color:#d4a017; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BAR CHART
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .chart-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .chart-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:8px; display:flex; justify-content:space-between; align-items:center;
  }
  .chart-legend {
    display:flex; gap:8px;
  }
  .legend-dot {
    width:6px; height:6px; border-radius:50%; display:inline-block; margin-right:2px;
  }
  .chart-legend span { font-size:.5rem; color:#999; font-weight:500; display:flex; align-items:center; }

  .bar-chart {
    display:flex; align-items:flex-end;
    gap:5px; height:60px;
  }

  .bar-group {
    display:flex; flex-direction:column; align-items:center;
    flex:1; gap:2px;
  }

  .bar-cols {
    display:flex; gap:2px; align-items:flex-end;
    height:50px; width:100%;
  }

  .bar {
    flex:1; border-radius:3px 3px 0 0;
    transform-origin: bottom;
    transform: scaleY(0);
    animation: growBar .8s cubic-bezier(.4,0,.2,1) forwards;
  }

  /* stagger each bar */
  .bar-group:nth-child(1) .bar { animation-delay:.3s; }
  .bar-group:nth-child(2) .bar { animation-delay:.4s; }
  .bar-group:nth-child(3) .bar { animation-delay:.5s; }
  .bar-group:nth-child(4) .bar { animation-delay:.6s; }
  .bar-group:nth-child(5) .bar { animation-delay:.7s; }
  .bar-group:nth-child(6) .bar { animation-delay:.8s; }

  @keyframes growBar { to { transform:scaleY(1); } }

  .bar.attendance { background:linear-gradient(180deg,#7c3aed,#a855f7); }
  .bar.performance{ background:linear-gradient(180deg,#4c6ef5,#74b9ff); }

  .bar-label {
    font-size:.48rem; color:#bbb; font-weight:600; margin-top:2px; text-align:center;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DONUT CHART (pure CSS)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  .donut-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .donut-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:6px; }

  .donut-body { display:flex; align-items:center; gap:10px; }

  .donut-svg { width:52px; height:52px; flex-shrink:0; }

  .donut-ring {
    fill:none; stroke-width:8;
    stroke-linecap:round;
  }
  .donut-track { stroke:#f0f2f4; }
  .donut-seg1 {
    stroke:#7c3aed;
    stroke-dasharray: 0 100;
    animation: donutFill1 1.2s cubic-bezier(.4,0,.2,1) .6s forwards;
  }
  .donut-seg2 {
    stroke:#4c6ef5;
    stroke-dasharray: 0 100;
    animation: donutFill2 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  @keyframes donutFill1 { to { stroke-dasharray: 42 100; } }
  @keyframes donutFill2 { to { stroke-dasharray: 28 100; stroke-dashoffset: -42; } }

  .donut-center {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:.55rem; font-weight:800; color:#1a1a2e;
  }
  .donut-rel { position:relative; width:52px; height:52px; }

  .donut-legend { display:flex; flex-direction:column; gap:4px; }
  .donut-legend-item {
    display:flex; align-items:center; gap:4px;
    font-size:.52rem; color:#666; font-weight:500;
  }
  .donut-legend-dot {
    width:6px; height:6px; border-radius:50%; flex-shrink:0;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     RECENT REPORTS LIST
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .reports-list {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .reports-list-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .report-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .report-row:last-child { border-bottom:none; }
  .report-row:hover { background:#faf8ff !important; padding-left:14px; }

  .report-icon {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.6rem; flex-shrink:0;
    transition:transform .2s ease;
  }
  .report-row:hover .report-icon { transform:scale(1.15) rotate(-4deg); }

  .report-tag {
    margin-left:auto; font-size:.5rem; font-weight:600;
    padding:2px 5px; border-radius:20px;
  }
  .report-tag.new    { background:#f0ebff; color:#7c3aed; }
  .report-tag.ready  { background:#e8f9f2; color:#1aab6e; }
  .report-tag.draft  { background:#f4f6f9; color:#999; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4489dda */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#0ea5e9;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#f0f9ff; color:#0ea5e9; }
  .mock-nav-item.active { background:#f0f9ff; color:#0ea5e9; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.sky    { background:#e0f4ff; color:#0ea5e9; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.rose   { background:#fff0f3; color:#e84393; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     TIMETABLE GRID
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .timetable-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .timetable-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:7px; display:flex; justify-content:space-between; align-items:center;
  }
  .tt-tag {
    font-size:.5rem; font-weight:600; padding:2px 6px;
    background:#e0f4ff; color:#0ea5e9; border-radius:4px;
  }

  .tt-grid {
    display:grid;
    grid-template-columns:32px repeat(5,1fr);
    gap:3px;
  }

  .tt-head {
    font-size:.5rem; font-weight:700; color:#bbb;
    text-align:center; padding:2px 0;
  }

  .tt-time {
    font-size:.48rem; color:#ccc; font-weight:600;
    display:flex; align-items:center; padding-right:3px;
  }

  .tt-cell {
    border-radius:5px; padding:3px 4px;
    font-size:.48rem; font-weight:700;
    min-height:22px;
    display:flex; align-items:center; justify-content:center;
    text-align:center; line-height:1.2;
    opacity:0;
    animation:cellPop .35s cubic-bezier(.34,1.56,.64,1) forwards;
    cursor:default;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), filter .2s;
  }
  .tt-cell:hover {
    transform:scale(1.08);
    filter:brightness(0.95);
    z-index:2;
    position:relative;
  }

  @keyframes cellPop { to { opacity:1; transform:scale(1); } }

  .tt-cell.empty { background:transparent; animation:none; opacity:1; }

  /* stagger cells by column */
  .tt-grid > *:nth-child(6n+2)  .tt-cell { animation-delay:.15s; }
  .tt-grid > *:nth-child(6n+3)  .tt-cell { animation-delay:.25s; }
  .tt-grid > *:nth-child(6n+4)  .tt-cell { animation-delay:.35s; }
  .tt-grid > *:nth-child(6n+5)  .tt-cell { animation-delay:.45s; }
  .tt-grid > *:nth-child(6n+6)  .tt-cell { animation-delay:.55s; }

  /* subject colours */
  .sub-math  { background:#e0f4ff; color:#0ea5e9; }
  .sub-sci   { background:#e8f9f2; color:#1aab6e; }
  .sub-eng   { background:#fff0f3; color:#e84393; }
  .sub-hist  { background:#fef9e7; color:#d4a017; }
  .sub-pe    { background:#fff3e0; color:#ff6b35; }
  .sub-art   { background:#f5f0ff; color:#7c3aed; }
  .sub-comp  { background:#eaf0ff; color:#4c6ef5; }
  .sub-free  { background:#f8fafb; color:#ccc;    font-weight:500; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BOTTOM ROW
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  /* ── Subject progress ── */
  .subject-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .subject-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:7px; }

  .subject-row { margin-bottom:6px; }
  .subject-label {
    display:flex; justify-content:space-between;
    font-size:.55rem; color:#666; font-weight:600; margin-bottom:3px;
  }
  .subject-label span:last-child { color:#0ea5e9; font-weight:700; }
  .subject-track {
    height:5px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .subject-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar 1.1s cubic-bezier(.4,0,.2,1) forwards;
  }
  .subject-fill.d1 { animation-delay:.4s; }
  .subject-fill.d2 { animation-delay:.55s; }
  .subject-fill.d3 { animation-delay:.7s; }
  .subject-fill.d4 { animation-delay:.85s; }
  @keyframes fillBar { to { width: var(--w); } }

  /* ── Top students ── */
  .students-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .students-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .student-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .student-row:last-child { border-bottom:none; }
  .student-row:hover { background:#f0f9ff !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .student-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .rank-badge {
    width:14px; height:14px; border-radius:4px;
    display:flex; align-items:center; justify-content:center;
    font-size:.45rem; font-weight:800; flex-shrink:0;
  }
  .rank-badge.r1 { background:#fef9e7; color:#d4a017; }
  .rank-badge.r2 { background:#f4f6f9; color:#888; }
  .rank-badge.r3 { background:#fff3e0; color:#cd7f32; }
  .rank-badge.r4 { background:#f0f9ff; color:#0ea5e9; }

  .score-pill {
    margin-left:auto; font-size:.5rem; font-weight:700;
    padding:2px 5px; border-radius:20px;
    background:#e0f4ff; color:#0ea5e9;
  }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
    .tt-grid { grid-template-columns:28px repeat(5,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-911a46c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:320px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#e84393;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#fff0f8; color:#e84393; }
  .mock-nav-item.active { background:#fff0f8; color:#e84393; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PHONE MOCKUP + FEATURE PILLS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mid-row {
    display:grid; grid-template-columns:80px 1fr; gap:8px; margin-bottom:8px;
  }

  /* ── Mini phone ── */
  .phone-mockup {
    width:68px;
    background:#1a1a2e;
    border-radius:12px;
    padding:5px 4px;
    display:flex; flex-direction:column; gap:3px;
    position:relative;
    box-shadow:0 6px 20px rgba(0,0,0,.18);
    animation:phoneWobble 5s ease-in-out 1.5s infinite;
  }
  @keyframes phoneWobble {
    0%,100%{ transform:rotate(0deg) translateY(0); }
    20%    { transform:rotate(-1.5deg) translateY(-2px); }
    40%    { transform:rotate(1deg) translateY(1px); }
    60%    { transform:rotate(-0.8deg) translateY(-1px); }
    80%    { transform:rotate(0.5deg) translateY(0); }
  }

  .phone-notch {
    width:20px; height:4px; background:#333;
    border-radius:20px; margin:0 auto 3px;
  }

  /* phone screen cards */
  .phone-card {
    background:#ffffff; border-radius:6px; padding:4px 5px;
    opacity:0;
    animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) forwards;
  }
  .phone-card:nth-child(2){ animation-delay:.5s; }
  .phone-card:nth-child(3){ animation-delay:.7s; }
  .phone-card:nth-child(4){ animation-delay:.9s; }
  .phone-card:nth-child(5){ animation-delay:1.1s; }

  @keyframes slideUp { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

  .pc-row {
    display:flex; align-items:center; gap:3px; margin-bottom:2px;
  }
  .pc-dot {
    width:5px; height:5px; border-radius:50%; flex-shrink:0;
  }
  .pc-label { font-size:.42rem; font-weight:700; color:#1a1a2e; }
  .pc-val   { font-size:.38rem; color:#999; margin-left:auto; }
  .pc-bar-track {
    height:3px; background:#f0f2f4; border-radius:20px; overflow:hidden; margin-top:1px;
  }
  .pc-bar-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar .9s cubic-bezier(.4,0,.2,1) 1s forwards;
  }
  @keyframes fillBar { to { width:var(--w); } }

  /* ── Feature pills ── */
  .feature-pills {
    display:flex; flex-direction:column; gap:5px; justify-content:center;
  }

  .feat-pill {
    display:flex; align-items:center; gap:6px;
    background:#ffffff; border-radius:8px;
    padding:6px 8px; border:1px solid #eef0f3;
    opacity:0;
    animation:slideRight .4s cubic-bezier(.34,1.56,.64,1) forwards;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease;
  }
  .feat-pill:hover {
    transform:translateX(4px);
    box-shadow:0 4px 14px rgba(0,0,0,.07);
  }
  .feat-pill:nth-child(1){ animation-delay:.4s; }
  .feat-pill:nth-child(2){ animation-delay:.55s; }
  .feat-pill:nth-child(3){ animation-delay:.7s; }
  .feat-pill:nth-child(4){ animation-delay:.85s; }
  @keyframes slideRight { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

  .feat-icon {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0;
  }
  .feat-text { font-size:.56rem; font-weight:700; color:#1a1a2e; }
  .feat-sub  { font-size:.48rem; color:#aaa; font-weight:500; }
  .feat-arrow {
    margin-left:auto; font-size:.6rem; color:#ddd;
    transition:color .15s, transform .2s;
  }
  .feat-pill:hover .feat-arrow { color:#e84393; transform:translateX(2px); }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     NOTIFICATIONS FEED
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .notif-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .notif-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .notif-live {
    display:flex; align-items:center; gap:3px;
    font-size:.5rem; color:#1aab6e; font-weight:600;
  }
  .notif-live::before {
    content:''; width:5px; height:5px; background:#1aab6e;
    border-radius:50%; display:inline-block;
    animation:livePulse 1.4s ease-in-out infinite;
  }
  @keyframes livePulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.3)} }

  .notif-row {
    display:flex; align-items:flex-start; gap:7px;
    padding:6px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .notif-row:last-child { border-bottom:none; }
  .notif-row:hover { background:#fff6fb !important; padding-left:14px; }

  .notif-icon-wrap {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0; margin-top:1px;
    transition:transform .2s ease;
  }
  .notif-row:hover .notif-icon-wrap { transform:scale(1.15) rotate(-4deg); }

  .notif-body { flex:1; min-width:0; }
  .notif-msg  { font-size:.56rem; font-weight:600; color:#1a1a2e; line-height:1.3; }
  .notif-time { font-size:.48rem; color:#bbb; margin-top:1px; }

  .notif-dot {
    width:5px; height:5px; border-radius:50%;
    background:#e84393; flex-shrink:0; margin-top:5px;
    animation:livePulse 2s ease-in-out infinite;
  }
  .notif-dot.read { background:transparent; animation:none; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mid-row { grid-template-columns:1fr; }
    .phone-mockup { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc203a9 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS (Financial Focus)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
  }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-body { display:flex; min-height:320px; }

  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s { font-size:.65rem; font-weight:800; color:#1a1a2e; padding:4px 6px 10px; }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; font-weight:500;
  }
  .mock-nav-item.active { background:#e8f9f2; color:#1aab6e; font-weight:700; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PAYMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card { background:#ffffff; border-radius:8px; padding:7px; border:1px solid #eef0f3; }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px;
  }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  /* Payment Action Section */
  .payment-box {
    background: #ffffff; border: 1px solid #eef0f3; border-radius: 10px;
    padding: 10px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between;
  }
  .pay-btn {
    background: #1aab6e; color: #fff; font-size: .55rem; font-weight: 700;
    padding: 6px 12px; border-radius: 6px; border: none; cursor: pointer;
    box-shadow: 0 4px 10px rgba(26,171,110,0.3);
  }

  /* List Styling */
  .trans-row {
    display:flex; align-items:center; gap:8px; padding:6px 0;
    border-bottom: 1px solid #f4f6f9;
  }
  .trans-info { flex:1; }
  .trans-title { font-size: .56rem; font-weight: 700; color: #1a1a2e; }
  .trans-date { font-size: .48rem; color: #bbb; }
  .trans-amt { font-size: .58rem; font-weight: 800; color: #1a1a2e; }

  @media (max-width:500px) {
    .dashboard-mockup { margin: 15px 5px; }
    .mock-sidebar { display: none; }
    .mock-cards { grid-template-columns: repeat(2,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-236eb15 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px;  }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;}

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  /* per-card bob animations */
  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem;  font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px;
    background: #ffffff;
    border-bottom: 1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:300px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#ff6b35;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#fff3f0; color:#ff6b35; }
  .mock-nav-item.active { background:#fff3f0; color:#ff6b35; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FEE MANAGEMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }

  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Summary stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.orange{ background:#fff3e0; color:#ff6b35; }
  .mc-badge.red   { background:#ffeaea; color:#e74c3c; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ── Progress bar ── */
  .fee-progress-wrap { margin-bottom:10px; }
  .fee-progress-label {
    display:flex; justify-content:space-between; align-items:center;
    font-size:.58rem; color:#555; font-weight:600; margin-bottom:4px;
  }
  .fee-progress-label span:last-child { color:#1aab6e; font-weight:700; }
  .fee-progress-track {
    height:6px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .fee-progress-fill {
    height:100%; border-radius:20px;
    background:linear-gradient(90deg,#2ecc8a,#1aab6e);
    width:0;
    animation:fillBar 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  .fee-progress-fill.p78  { --target:78%; }
  .fee-progress-fill.p52  { --target:52%; }
  .fee-progress-fill.p91  { --target:91%; }
  @keyframes fillBar { to { width: var(--target); } }

  /* ── Fee table ── */
  .mock-table-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .mock-table-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .mock-table-title .tbl-action {
    font-size:.52rem; color:#ff6b35; font-weight:600; cursor:pointer;
    padding:2px 6px; border-radius:4px;
    background:#fff3f0;
    transition:background .15s, transform .15s;
  }
  .mock-table-title .tbl-action:hover { background:#ffe0d6; transform:scale(1.04); }

  /* table header */
  .mock-table-head {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    gap:4px; padding:4px 10px;
    font-size:.53rem; color:#bbb; font-weight:600;
    background:#fafbfc; border-bottom:1px solid #f0f2f4;
  }

  .mock-row {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    align-items:center; gap:4px;
    padding:5px 10px;
    font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .mock-row:last-child { border-bottom:none; }
  .mock-row:hover { background:#fff8f5 !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .mock-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .fee-status {
    display:inline-flex; align-items:center; gap:2px;
    font-size:.5rem; font-weight:700; padding:2px 5px; border-radius:20px;
  }
  .fee-status.paid    { background:#e8f9f2; color:#1aab6e; }
  .fee-status.pending { background:#fff3e0; color:#ff6b35; }
  .fee-status.overdue { background:#ffeaea; color:#e74c3c; }
  .fee-status::before {
    content:''; width:4px; height:4px; border-radius:50%; background:currentColor;
    display:inline-block;
    animation:statusPulse 1.8s ease-in-out infinite;
  }
  .fee-status.paid::before    { animation:none; opacity:.6; }
  @keyframes statusPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

  /* amount col */
  .fee-amt { font-weight:700; color:#1a1a2e; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mock-table-head,
    .mock-row { grid-template-columns:20px 1fr 48px 40px; }
    .mock-table-head > *:nth-child(5),
    .mock-row > *:nth-child(5) { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-369226c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px; }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px; }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#7c3aed;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#f5f0ff; color:#7c3aed; }
  .mock-nav-item.active { background:#f5f0ff; color:#7c3aed; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     REPORTS CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.purple{ background:#f0ebff; color:#7c3aed; }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }
  .mc-badge.amber { background:#fef9e7; color:#d4a017; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BAR CHART
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .chart-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .chart-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:8px; display:flex; justify-content:space-between; align-items:center;
  }
  .chart-legend {
    display:flex; gap:8px;
  }
  .legend-dot {
    width:6px; height:6px; border-radius:50%; display:inline-block; margin-right:2px;
  }
  .chart-legend span { font-size:.5rem; color:#999; font-weight:500; display:flex; align-items:center; }

  .bar-chart {
    display:flex; align-items:flex-end;
    gap:5px; height:60px;
  }

  .bar-group {
    display:flex; flex-direction:column; align-items:center;
    flex:1; gap:2px;
  }

  .bar-cols {
    display:flex; gap:2px; align-items:flex-end;
    height:50px; width:100%;
  }

  .bar {
    flex:1; border-radius:3px 3px 0 0;
    transform-origin: bottom;
    transform: scaleY(0);
    animation: growBar .8s cubic-bezier(.4,0,.2,1) forwards;
  }

  /* stagger each bar */
  .bar-group:nth-child(1) .bar { animation-delay:.3s; }
  .bar-group:nth-child(2) .bar { animation-delay:.4s; }
  .bar-group:nth-child(3) .bar { animation-delay:.5s; }
  .bar-group:nth-child(4) .bar { animation-delay:.6s; }
  .bar-group:nth-child(5) .bar { animation-delay:.7s; }
  .bar-group:nth-child(6) .bar { animation-delay:.8s; }

  @keyframes growBar { to { transform:scaleY(1); } }

  .bar.attendance { background:linear-gradient(180deg,#7c3aed,#a855f7); }
  .bar.performance{ background:linear-gradient(180deg,#4c6ef5,#74b9ff); }

  .bar-label {
    font-size:.48rem; color:#bbb; font-weight:600; margin-top:2px; text-align:center;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DONUT CHART (pure CSS)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  .donut-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .donut-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:6px; }

  .donut-body { display:flex; align-items:center; gap:10px; }

  .donut-svg { width:52px; height:52px; flex-shrink:0; }

  .donut-ring {
    fill:none; stroke-width:8;
    stroke-linecap:round;
  }
  .donut-track { stroke:#f0f2f4; }
  .donut-seg1 {
    stroke:#7c3aed;
    stroke-dasharray: 0 100;
    animation: donutFill1 1.2s cubic-bezier(.4,0,.2,1) .6s forwards;
  }
  .donut-seg2 {
    stroke:#4c6ef5;
    stroke-dasharray: 0 100;
    animation: donutFill2 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  @keyframes donutFill1 { to { stroke-dasharray: 42 100; } }
  @keyframes donutFill2 { to { stroke-dasharray: 28 100; stroke-dashoffset: -42; } }

  .donut-center {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:.55rem; font-weight:800; color:#1a1a2e;
  }
  .donut-rel { position:relative; width:52px; height:52px; }

  .donut-legend { display:flex; flex-direction:column; gap:4px; }
  .donut-legend-item {
    display:flex; align-items:center; gap:4px;
    font-size:.52rem; color:#666; font-weight:500;
  }
  .donut-legend-dot {
    width:6px; height:6px; border-radius:50%; flex-shrink:0;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     RECENT REPORTS LIST
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .reports-list {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .reports-list-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .report-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .report-row:last-child { border-bottom:none; }
  .report-row:hover { background:#faf8ff !important; padding-left:14px; }

  .report-icon {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.6rem; flex-shrink:0;
    transition:transform .2s ease;
  }
  .report-row:hover .report-icon { transform:scale(1.15) rotate(-4deg); }

  .report-tag {
    margin-left:auto; font-size:.5rem; font-weight:600;
    padding:2px 5px; border-radius:20px;
  }
  .report-tag.new    { background:#f0ebff; color:#7c3aed; }
  .report-tag.ready  { background:#e8f9f2; color:#1aab6e; }
  .report-tag.draft  { background:#f4f6f9; color:#999; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4489dda */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#0ea5e9;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#f0f9ff; color:#0ea5e9; }
  .mock-nav-item.active { background:#f0f9ff; color:#0ea5e9; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.sky    { background:#e0f4ff; color:#0ea5e9; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.rose   { background:#fff0f3; color:#e84393; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     TIMETABLE GRID
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .timetable-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .timetable-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:7px; display:flex; justify-content:space-between; align-items:center;
  }
  .tt-tag {
    font-size:.5rem; font-weight:600; padding:2px 6px;
    background:#e0f4ff; color:#0ea5e9; border-radius:4px;
  }

  .tt-grid {
    display:grid;
    grid-template-columns:32px repeat(5,1fr);
    gap:3px;
  }

  .tt-head {
    font-size:.5rem; font-weight:700; color:#bbb;
    text-align:center; padding:2px 0;
  }

  .tt-time {
    font-size:.48rem; color:#ccc; font-weight:600;
    display:flex; align-items:center; padding-right:3px;
  }

  .tt-cell {
    border-radius:5px; padding:3px 4px;
    font-size:.48rem; font-weight:700;
    min-height:22px;
    display:flex; align-items:center; justify-content:center;
    text-align:center; line-height:1.2;
    opacity:0;
    animation:cellPop .35s cubic-bezier(.34,1.56,.64,1) forwards;
    cursor:default;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), filter .2s;
  }
  .tt-cell:hover {
    transform:scale(1.08);
    filter:brightness(0.95);
    z-index:2;
    position:relative;
  }

  @keyframes cellPop { to { opacity:1; transform:scale(1); } }

  .tt-cell.empty { background:transparent; animation:none; opacity:1; }

  /* stagger cells by column */
  .tt-grid > *:nth-child(6n+2)  .tt-cell { animation-delay:.15s; }
  .tt-grid > *:nth-child(6n+3)  .tt-cell { animation-delay:.25s; }
  .tt-grid > *:nth-child(6n+4)  .tt-cell { animation-delay:.35s; }
  .tt-grid > *:nth-child(6n+5)  .tt-cell { animation-delay:.45s; }
  .tt-grid > *:nth-child(6n+6)  .tt-cell { animation-delay:.55s; }

  /* subject colours */
  .sub-math  { background:#e0f4ff; color:#0ea5e9; }
  .sub-sci   { background:#e8f9f2; color:#1aab6e; }
  .sub-eng   { background:#fff0f3; color:#e84393; }
  .sub-hist  { background:#fef9e7; color:#d4a017; }
  .sub-pe    { background:#fff3e0; color:#ff6b35; }
  .sub-art   { background:#f5f0ff; color:#7c3aed; }
  .sub-comp  { background:#eaf0ff; color:#4c6ef5; }
  .sub-free  { background:#f8fafb; color:#ccc;    font-weight:500; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BOTTOM ROW
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  /* ── Subject progress ── */
  .subject-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .subject-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:7px; }

  .subject-row { margin-bottom:6px; }
  .subject-label {
    display:flex; justify-content:space-between;
    font-size:.55rem; color:#666; font-weight:600; margin-bottom:3px;
  }
  .subject-label span:last-child { color:#0ea5e9; font-weight:700; }
  .subject-track {
    height:5px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .subject-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar 1.1s cubic-bezier(.4,0,.2,1) forwards;
  }
  .subject-fill.d1 { animation-delay:.4s; }
  .subject-fill.d2 { animation-delay:.55s; }
  .subject-fill.d3 { animation-delay:.7s; }
  .subject-fill.d4 { animation-delay:.85s; }
  @keyframes fillBar { to { width: var(--w); } }

  /* ── Top students ── */
  .students-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .students-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .student-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .student-row:last-child { border-bottom:none; }
  .student-row:hover { background:#f0f9ff !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .student-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .rank-badge {
    width:14px; height:14px; border-radius:4px;
    display:flex; align-items:center; justify-content:center;
    font-size:.45rem; font-weight:800; flex-shrink:0;
  }
  .rank-badge.r1 { background:#fef9e7; color:#d4a017; }
  .rank-badge.r2 { background:#f4f6f9; color:#888; }
  .rank-badge.r3 { background:#fff3e0; color:#cd7f32; }
  .rank-badge.r4 { background:#f0f9ff; color:#0ea5e9; }

  .score-pill {
    margin-left:auto; font-size:.5rem; font-weight:700;
    padding:2px 5px; border-radius:20px;
    background:#e0f4ff; color:#0ea5e9;
  }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
    .tt-grid { grid-template-columns:28px repeat(5,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-911a46c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:320px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#e84393;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#fff0f8; color:#e84393; }
  .mock-nav-item.active { background:#fff0f8; color:#e84393; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PHONE MOCKUP + FEATURE PILLS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mid-row {
    display:grid; grid-template-columns:80px 1fr; gap:8px; margin-bottom:8px;
  }

  /* ── Mini phone ── */
  .phone-mockup {
    width:68px;
    background:#1a1a2e;
    border-radius:12px;
    padding:5px 4px;
    display:flex; flex-direction:column; gap:3px;
    position:relative;
    box-shadow:0 6px 20px rgba(0,0,0,.18);
    animation:phoneWobble 5s ease-in-out 1.5s infinite;
  }
  @keyframes phoneWobble {
    0%,100%{ transform:rotate(0deg) translateY(0); }
    20%    { transform:rotate(-1.5deg) translateY(-2px); }
    40%    { transform:rotate(1deg) translateY(1px); }
    60%    { transform:rotate(-0.8deg) translateY(-1px); }
    80%    { transform:rotate(0.5deg) translateY(0); }
  }

  .phone-notch {
    width:20px; height:4px; background:#333;
    border-radius:20px; margin:0 auto 3px;
  }

  /* phone screen cards */
  .phone-card {
    background:#ffffff; border-radius:6px; padding:4px 5px;
    opacity:0;
    animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) forwards;
  }
  .phone-card:nth-child(2){ animation-delay:.5s; }
  .phone-card:nth-child(3){ animation-delay:.7s; }
  .phone-card:nth-child(4){ animation-delay:.9s; }
  .phone-card:nth-child(5){ animation-delay:1.1s; }

  @keyframes slideUp { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

  .pc-row {
    display:flex; align-items:center; gap:3px; margin-bottom:2px;
  }
  .pc-dot {
    width:5px; height:5px; border-radius:50%; flex-shrink:0;
  }
  .pc-label { font-size:.42rem; font-weight:700; color:#1a1a2e; }
  .pc-val   { font-size:.38rem; color:#999; margin-left:auto; }
  .pc-bar-track {
    height:3px; background:#f0f2f4; border-radius:20px; overflow:hidden; margin-top:1px;
  }
  .pc-bar-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar .9s cubic-bezier(.4,0,.2,1) 1s forwards;
  }
  @keyframes fillBar { to { width:var(--w); } }

  /* ── Feature pills ── */
  .feature-pills {
    display:flex; flex-direction:column; gap:5px; justify-content:center;
  }

  .feat-pill {
    display:flex; align-items:center; gap:6px;
    background:#ffffff; border-radius:8px;
    padding:6px 8px; border:1px solid #eef0f3;
    opacity:0;
    animation:slideRight .4s cubic-bezier(.34,1.56,.64,1) forwards;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease;
  }
  .feat-pill:hover {
    transform:translateX(4px);
    box-shadow:0 4px 14px rgba(0,0,0,.07);
  }
  .feat-pill:nth-child(1){ animation-delay:.4s; }
  .feat-pill:nth-child(2){ animation-delay:.55s; }
  .feat-pill:nth-child(3){ animation-delay:.7s; }
  .feat-pill:nth-child(4){ animation-delay:.85s; }
  @keyframes slideRight { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

  .feat-icon {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0;
  }
  .feat-text { font-size:.56rem; font-weight:700; color:#1a1a2e; }
  .feat-sub  { font-size:.48rem; color:#aaa; font-weight:500; }
  .feat-arrow {
    margin-left:auto; font-size:.6rem; color:#ddd;
    transition:color .15s, transform .2s;
  }
  .feat-pill:hover .feat-arrow { color:#e84393; transform:translateX(2px); }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     NOTIFICATIONS FEED
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .notif-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .notif-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .notif-live {
    display:flex; align-items:center; gap:3px;
    font-size:.5rem; color:#1aab6e; font-weight:600;
  }
  .notif-live::before {
    content:''; width:5px; height:5px; background:#1aab6e;
    border-radius:50%; display:inline-block;
    animation:livePulse 1.4s ease-in-out infinite;
  }
  @keyframes livePulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.3)} }

  .notif-row {
    display:flex; align-items:flex-start; gap:7px;
    padding:6px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .notif-row:last-child { border-bottom:none; }
  .notif-row:hover { background:#fff6fb !important; padding-left:14px; }

  .notif-icon-wrap {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0; margin-top:1px;
    transition:transform .2s ease;
  }
  .notif-row:hover .notif-icon-wrap { transform:scale(1.15) rotate(-4deg); }

  .notif-body { flex:1; min-width:0; }
  .notif-msg  { font-size:.56rem; font-weight:600; color:#1a1a2e; line-height:1.3; }
  .notif-time { font-size:.48rem; color:#bbb; margin-top:1px; }

  .notif-dot {
    width:5px; height:5px; border-radius:50%;
    background:#e84393; flex-shrink:0; margin-top:5px;
    animation:livePulse 2s ease-in-out infinite;
  }
  .notif-dot.read { background:transparent; animation:none; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mid-row { grid-template-columns:1fr; }
    .phone-mockup { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc203a9 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS (Financial Focus)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
  }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-body { display:flex; min-height:320px; }

  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s { font-size:.65rem; font-weight:800; color:#1a1a2e; padding:4px 6px 10px; }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; font-weight:500;
  }
  .mock-nav-item.active { background:#e8f9f2; color:#1aab6e; font-weight:700; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PAYMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card { background:#ffffff; border-radius:8px; padding:7px; border:1px solid #eef0f3; }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px;
  }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  /* Payment Action Section */
  .payment-box {
    background: #ffffff; border: 1px solid #eef0f3; border-radius: 10px;
    padding: 10px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between;
  }
  .pay-btn {
    background: #1aab6e; color: #fff; font-size: .55rem; font-weight: 700;
    padding: 6px 12px; border-radius: 6px; border: none; cursor: pointer;
    box-shadow: 0 4px 10px rgba(26,171,110,0.3);
  }

  /* List Styling */
  .trans-row {
    display:flex; align-items:center; gap:8px; padding:6px 0;
    border-bottom: 1px solid #f4f6f9;
  }
  .trans-info { flex:1; }
  .trans-title { font-size: .56rem; font-weight: 700; color: #1a1a2e; }
  .trans-date { font-size: .48rem; color: #bbb; }
  .trans-amt { font-size: .58rem; font-weight: 800; color: #1a1a2e; }

  @media (max-width:500px) {
    .dashboard-mockup { margin: 15px 5px; }
    .mock-sidebar { display: none; }
    .mock-cards { grid-template-columns: repeat(2,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-236eb15 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px;  }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;}

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  /* per-card bob animations */
  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem;  font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px;
    background: #ffffff;
    border-bottom: 1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:300px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#ff6b35;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#fff3f0; color:#ff6b35; }
  .mock-nav-item.active { background:#fff3f0; color:#ff6b35; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FEE MANAGEMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }

  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Summary stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.orange{ background:#fff3e0; color:#ff6b35; }
  .mc-badge.red   { background:#ffeaea; color:#e74c3c; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ── Progress bar ── */
  .fee-progress-wrap { margin-bottom:10px; }
  .fee-progress-label {
    display:flex; justify-content:space-between; align-items:center;
    font-size:.58rem; color:#555; font-weight:600; margin-bottom:4px;
  }
  .fee-progress-label span:last-child { color:#1aab6e; font-weight:700; }
  .fee-progress-track {
    height:6px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .fee-progress-fill {
    height:100%; border-radius:20px;
    background:linear-gradient(90deg,#2ecc8a,#1aab6e);
    width:0;
    animation:fillBar 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  .fee-progress-fill.p78  { --target:78%; }
  .fee-progress-fill.p52  { --target:52%; }
  .fee-progress-fill.p91  { --target:91%; }
  @keyframes fillBar { to { width: var(--target); } }

  /* ── Fee table ── */
  .mock-table-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .mock-table-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .mock-table-title .tbl-action {
    font-size:.52rem; color:#ff6b35; font-weight:600; cursor:pointer;
    padding:2px 6px; border-radius:4px;
    background:#fff3f0;
    transition:background .15s, transform .15s;
  }
  .mock-table-title .tbl-action:hover { background:#ffe0d6; transform:scale(1.04); }

  /* table header */
  .mock-table-head {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    gap:4px; padding:4px 10px;
    font-size:.53rem; color:#bbb; font-weight:600;
    background:#fafbfc; border-bottom:1px solid #f0f2f4;
  }

  .mock-row {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    align-items:center; gap:4px;
    padding:5px 10px;
    font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .mock-row:last-child { border-bottom:none; }
  .mock-row:hover { background:#fff8f5 !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .mock-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .fee-status {
    display:inline-flex; align-items:center; gap:2px;
    font-size:.5rem; font-weight:700; padding:2px 5px; border-radius:20px;
  }
  .fee-status.paid    { background:#e8f9f2; color:#1aab6e; }
  .fee-status.pending { background:#fff3e0; color:#ff6b35; }
  .fee-status.overdue { background:#ffeaea; color:#e74c3c; }
  .fee-status::before {
    content:''; width:4px; height:4px; border-radius:50%; background:currentColor;
    display:inline-block;
    animation:statusPulse 1.8s ease-in-out infinite;
  }
  .fee-status.paid::before    { animation:none; opacity:.6; }
  @keyframes statusPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

  /* amount col */
  .fee-amt { font-weight:700; color:#1a1a2e; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mock-table-head,
    .mock-row { grid-template-columns:20px 1fr 48px 40px; }
    .mock-table-head > *:nth-child(5),
    .mock-row > *:nth-child(5) { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-369226c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px; }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px; }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#7c3aed;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#f5f0ff; color:#7c3aed; }
  .mock-nav-item.active { background:#f5f0ff; color:#7c3aed; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     REPORTS CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.purple{ background:#f0ebff; color:#7c3aed; }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }
  .mc-badge.amber { background:#fef9e7; color:#d4a017; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BAR CHART
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .chart-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .chart-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:8px; display:flex; justify-content:space-between; align-items:center;
  }
  .chart-legend {
    display:flex; gap:8px;
  }
  .legend-dot {
    width:6px; height:6px; border-radius:50%; display:inline-block; margin-right:2px;
  }
  .chart-legend span { font-size:.5rem; color:#999; font-weight:500; display:flex; align-items:center; }

  .bar-chart {
    display:flex; align-items:flex-end;
    gap:5px; height:60px;
  }

  .bar-group {
    display:flex; flex-direction:column; align-items:center;
    flex:1; gap:2px;
  }

  .bar-cols {
    display:flex; gap:2px; align-items:flex-end;
    height:50px; width:100%;
  }

  .bar {
    flex:1; border-radius:3px 3px 0 0;
    transform-origin: bottom;
    transform: scaleY(0);
    animation: growBar .8s cubic-bezier(.4,0,.2,1) forwards;
  }

  /* stagger each bar */
  .bar-group:nth-child(1) .bar { animation-delay:.3s; }
  .bar-group:nth-child(2) .bar { animation-delay:.4s; }
  .bar-group:nth-child(3) .bar { animation-delay:.5s; }
  .bar-group:nth-child(4) .bar { animation-delay:.6s; }
  .bar-group:nth-child(5) .bar { animation-delay:.7s; }
  .bar-group:nth-child(6) .bar { animation-delay:.8s; }

  @keyframes growBar { to { transform:scaleY(1); } }

  .bar.attendance { background:linear-gradient(180deg,#7c3aed,#a855f7); }
  .bar.performance{ background:linear-gradient(180deg,#4c6ef5,#74b9ff); }

  .bar-label {
    font-size:.48rem; color:#bbb; font-weight:600; margin-top:2px; text-align:center;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DONUT CHART (pure CSS)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  .donut-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .donut-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:6px; }

  .donut-body { display:flex; align-items:center; gap:10px; }

  .donut-svg { width:52px; height:52px; flex-shrink:0; }

  .donut-ring {
    fill:none; stroke-width:8;
    stroke-linecap:round;
  }
  .donut-track { stroke:#f0f2f4; }
  .donut-seg1 {
    stroke:#7c3aed;
    stroke-dasharray: 0 100;
    animation: donutFill1 1.2s cubic-bezier(.4,0,.2,1) .6s forwards;
  }
  .donut-seg2 {
    stroke:#4c6ef5;
    stroke-dasharray: 0 100;
    animation: donutFill2 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  @keyframes donutFill1 { to { stroke-dasharray: 42 100; } }
  @keyframes donutFill2 { to { stroke-dasharray: 28 100; stroke-dashoffset: -42; } }

  .donut-center {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:.55rem; font-weight:800; color:#1a1a2e;
  }
  .donut-rel { position:relative; width:52px; height:52px; }

  .donut-legend { display:flex; flex-direction:column; gap:4px; }
  .donut-legend-item {
    display:flex; align-items:center; gap:4px;
    font-size:.52rem; color:#666; font-weight:500;
  }
  .donut-legend-dot {
    width:6px; height:6px; border-radius:50%; flex-shrink:0;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     RECENT REPORTS LIST
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .reports-list {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .reports-list-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .report-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .report-row:last-child { border-bottom:none; }
  .report-row:hover { background:#faf8ff !important; padding-left:14px; }

  .report-icon {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.6rem; flex-shrink:0;
    transition:transform .2s ease;
  }
  .report-row:hover .report-icon { transform:scale(1.15) rotate(-4deg); }

  .report-tag {
    margin-left:auto; font-size:.5rem; font-weight:600;
    padding:2px 5px; border-radius:20px;
  }
  .report-tag.new    { background:#f0ebff; color:#7c3aed; }
  .report-tag.ready  { background:#e8f9f2; color:#1aab6e; }
  .report-tag.draft  { background:#f4f6f9; color:#999; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4489dda */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#0ea5e9;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#f0f9ff; color:#0ea5e9; }
  .mock-nav-item.active { background:#f0f9ff; color:#0ea5e9; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.sky    { background:#e0f4ff; color:#0ea5e9; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.rose   { background:#fff0f3; color:#e84393; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     TIMETABLE GRID
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .timetable-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .timetable-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:7px; display:flex; justify-content:space-between; align-items:center;
  }
  .tt-tag {
    font-size:.5rem; font-weight:600; padding:2px 6px;
    background:#e0f4ff; color:#0ea5e9; border-radius:4px;
  }

  .tt-grid {
    display:grid;
    grid-template-columns:32px repeat(5,1fr);
    gap:3px;
  }

  .tt-head {
    font-size:.5rem; font-weight:700; color:#bbb;
    text-align:center; padding:2px 0;
  }

  .tt-time {
    font-size:.48rem; color:#ccc; font-weight:600;
    display:flex; align-items:center; padding-right:3px;
  }

  .tt-cell {
    border-radius:5px; padding:3px 4px;
    font-size:.48rem; font-weight:700;
    min-height:22px;
    display:flex; align-items:center; justify-content:center;
    text-align:center; line-height:1.2;
    opacity:0;
    animation:cellPop .35s cubic-bezier(.34,1.56,.64,1) forwards;
    cursor:default;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), filter .2s;
  }
  .tt-cell:hover {
    transform:scale(1.08);
    filter:brightness(0.95);
    z-index:2;
    position:relative;
  }

  @keyframes cellPop { to { opacity:1; transform:scale(1); } }

  .tt-cell.empty { background:transparent; animation:none; opacity:1; }

  /* stagger cells by column */
  .tt-grid > *:nth-child(6n+2)  .tt-cell { animation-delay:.15s; }
  .tt-grid > *:nth-child(6n+3)  .tt-cell { animation-delay:.25s; }
  .tt-grid > *:nth-child(6n+4)  .tt-cell { animation-delay:.35s; }
  .tt-grid > *:nth-child(6n+5)  .tt-cell { animation-delay:.45s; }
  .tt-grid > *:nth-child(6n+6)  .tt-cell { animation-delay:.55s; }

  /* subject colours */
  .sub-math  { background:#e0f4ff; color:#0ea5e9; }
  .sub-sci   { background:#e8f9f2; color:#1aab6e; }
  .sub-eng   { background:#fff0f3; color:#e84393; }
  .sub-hist  { background:#fef9e7; color:#d4a017; }
  .sub-pe    { background:#fff3e0; color:#ff6b35; }
  .sub-art   { background:#f5f0ff; color:#7c3aed; }
  .sub-comp  { background:#eaf0ff; color:#4c6ef5; }
  .sub-free  { background:#f8fafb; color:#ccc;    font-weight:500; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BOTTOM ROW
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  /* ── Subject progress ── */
  .subject-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .subject-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:7px; }

  .subject-row { margin-bottom:6px; }
  .subject-label {
    display:flex; justify-content:space-between;
    font-size:.55rem; color:#666; font-weight:600; margin-bottom:3px;
  }
  .subject-label span:last-child { color:#0ea5e9; font-weight:700; }
  .subject-track {
    height:5px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .subject-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar 1.1s cubic-bezier(.4,0,.2,1) forwards;
  }
  .subject-fill.d1 { animation-delay:.4s; }
  .subject-fill.d2 { animation-delay:.55s; }
  .subject-fill.d3 { animation-delay:.7s; }
  .subject-fill.d4 { animation-delay:.85s; }
  @keyframes fillBar { to { width: var(--w); } }

  /* ── Top students ── */
  .students-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .students-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .student-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .student-row:last-child { border-bottom:none; }
  .student-row:hover { background:#f0f9ff !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .student-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .rank-badge {
    width:14px; height:14px; border-radius:4px;
    display:flex; align-items:center; justify-content:center;
    font-size:.45rem; font-weight:800; flex-shrink:0;
  }
  .rank-badge.r1 { background:#fef9e7; color:#d4a017; }
  .rank-badge.r2 { background:#f4f6f9; color:#888; }
  .rank-badge.r3 { background:#fff3e0; color:#cd7f32; }
  .rank-badge.r4 { background:#f0f9ff; color:#0ea5e9; }

  .score-pill {
    margin-left:auto; font-size:.5rem; font-weight:700;
    padding:2px 5px; border-radius:20px;
    background:#e0f4ff; color:#0ea5e9;
  }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
    .tt-grid { grid-template-columns:28px repeat(5,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-911a46c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:320px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#e84393;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#fff0f8; color:#e84393; }
  .mock-nav-item.active { background:#fff0f8; color:#e84393; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PHONE MOCKUP + FEATURE PILLS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mid-row {
    display:grid; grid-template-columns:80px 1fr; gap:8px; margin-bottom:8px;
  }

  /* ── Mini phone ── */
  .phone-mockup {
    width:68px;
    background:#1a1a2e;
    border-radius:12px;
    padding:5px 4px;
    display:flex; flex-direction:column; gap:3px;
    position:relative;
    box-shadow:0 6px 20px rgba(0,0,0,.18);
    animation:phoneWobble 5s ease-in-out 1.5s infinite;
  }
  @keyframes phoneWobble {
    0%,100%{ transform:rotate(0deg) translateY(0); }
    20%    { transform:rotate(-1.5deg) translateY(-2px); }
    40%    { transform:rotate(1deg) translateY(1px); }
    60%    { transform:rotate(-0.8deg) translateY(-1px); }
    80%    { transform:rotate(0.5deg) translateY(0); }
  }

  .phone-notch {
    width:20px; height:4px; background:#333;
    border-radius:20px; margin:0 auto 3px;
  }

  /* phone screen cards */
  .phone-card {
    background:#ffffff; border-radius:6px; padding:4px 5px;
    opacity:0;
    animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) forwards;
  }
  .phone-card:nth-child(2){ animation-delay:.5s; }
  .phone-card:nth-child(3){ animation-delay:.7s; }
  .phone-card:nth-child(4){ animation-delay:.9s; }
  .phone-card:nth-child(5){ animation-delay:1.1s; }

  @keyframes slideUp { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

  .pc-row {
    display:flex; align-items:center; gap:3px; margin-bottom:2px;
  }
  .pc-dot {
    width:5px; height:5px; border-radius:50%; flex-shrink:0;
  }
  .pc-label { font-size:.42rem; font-weight:700; color:#1a1a2e; }
  .pc-val   { font-size:.38rem; color:#999; margin-left:auto; }
  .pc-bar-track {
    height:3px; background:#f0f2f4; border-radius:20px; overflow:hidden; margin-top:1px;
  }
  .pc-bar-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar .9s cubic-bezier(.4,0,.2,1) 1s forwards;
  }
  @keyframes fillBar { to { width:var(--w); } }

  /* ── Feature pills ── */
  .feature-pills {
    display:flex; flex-direction:column; gap:5px; justify-content:center;
  }

  .feat-pill {
    display:flex; align-items:center; gap:6px;
    background:#ffffff; border-radius:8px;
    padding:6px 8px; border:1px solid #eef0f3;
    opacity:0;
    animation:slideRight .4s cubic-bezier(.34,1.56,.64,1) forwards;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease;
  }
  .feat-pill:hover {
    transform:translateX(4px);
    box-shadow:0 4px 14px rgba(0,0,0,.07);
  }
  .feat-pill:nth-child(1){ animation-delay:.4s; }
  .feat-pill:nth-child(2){ animation-delay:.55s; }
  .feat-pill:nth-child(3){ animation-delay:.7s; }
  .feat-pill:nth-child(4){ animation-delay:.85s; }
  @keyframes slideRight { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

  .feat-icon {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0;
  }
  .feat-text { font-size:.56rem; font-weight:700; color:#1a1a2e; }
  .feat-sub  { font-size:.48rem; color:#aaa; font-weight:500; }
  .feat-arrow {
    margin-left:auto; font-size:.6rem; color:#ddd;
    transition:color .15s, transform .2s;
  }
  .feat-pill:hover .feat-arrow { color:#e84393; transform:translateX(2px); }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     NOTIFICATIONS FEED
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .notif-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .notif-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .notif-live {
    display:flex; align-items:center; gap:3px;
    font-size:.5rem; color:#1aab6e; font-weight:600;
  }
  .notif-live::before {
    content:''; width:5px; height:5px; background:#1aab6e;
    border-radius:50%; display:inline-block;
    animation:livePulse 1.4s ease-in-out infinite;
  }
  @keyframes livePulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.3)} }

  .notif-row {
    display:flex; align-items:flex-start; gap:7px;
    padding:6px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .notif-row:last-child { border-bottom:none; }
  .notif-row:hover { background:#fff6fb !important; padding-left:14px; }

  .notif-icon-wrap {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0; margin-top:1px;
    transition:transform .2s ease;
  }
  .notif-row:hover .notif-icon-wrap { transform:scale(1.15) rotate(-4deg); }

  .notif-body { flex:1; min-width:0; }
  .notif-msg  { font-size:.56rem; font-weight:600; color:#1a1a2e; line-height:1.3; }
  .notif-time { font-size:.48rem; color:#bbb; margin-top:1px; }

  .notif-dot {
    width:5px; height:5px; border-radius:50%;
    background:#e84393; flex-shrink:0; margin-top:5px;
    animation:livePulse 2s ease-in-out infinite;
  }
  .notif-dot.read { background:transparent; animation:none; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mid-row { grid-template-columns:1fr; }
    .phone-mockup { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc203a9 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS (Financial Focus)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
  }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-body { display:flex; min-height:320px; }

  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s { font-size:.65rem; font-weight:800; color:#1a1a2e; padding:4px 6px 10px; }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; font-weight:500;
  }
  .mock-nav-item.active { background:#e8f9f2; color:#1aab6e; font-weight:700; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PAYMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card { background:#ffffff; border-radius:8px; padding:7px; border:1px solid #eef0f3; }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px;
  }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  /* Payment Action Section */
  .payment-box {
    background: #ffffff; border: 1px solid #eef0f3; border-radius: 10px;
    padding: 10px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between;
  }
  .pay-btn {
    background: #1aab6e; color: #fff; font-size: .55rem; font-weight: 700;
    padding: 6px 12px; border-radius: 6px; border: none; cursor: pointer;
    box-shadow: 0 4px 10px rgba(26,171,110,0.3);
  }

  /* List Styling */
  .trans-row {
    display:flex; align-items:center; gap:8px; padding:6px 0;
    border-bottom: 1px solid #f4f6f9;
  }
  .trans-info { flex:1; }
  .trans-title { font-size: .56rem; font-weight: 700; color: #1a1a2e; }
  .trans-date { font-size: .48rem; color: #bbb; }
  .trans-amt { font-size: .58rem; font-weight: 800; color: #1a1a2e; }

  @media (max-width:500px) {
    .dashboard-mockup { margin: 15px 5px; }
    .mock-sidebar { display: none; }
    .mock-cards { grid-template-columns: repeat(2,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-236eb15 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px;  }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;}

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  /* per-card bob animations */
  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem;  font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px;
    background: #ffffff;
    border-bottom: 1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:300px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#ff6b35;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#fff3f0; color:#ff6b35; }
  .mock-nav-item.active { background:#fff3f0; color:#ff6b35; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FEE MANAGEMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }

  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Summary stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.orange{ background:#fff3e0; color:#ff6b35; }
  .mc-badge.red   { background:#ffeaea; color:#e74c3c; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ── Progress bar ── */
  .fee-progress-wrap { margin-bottom:10px; }
  .fee-progress-label {
    display:flex; justify-content:space-between; align-items:center;
    font-size:.58rem; color:#555; font-weight:600; margin-bottom:4px;
  }
  .fee-progress-label span:last-child { color:#1aab6e; font-weight:700; }
  .fee-progress-track {
    height:6px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .fee-progress-fill {
    height:100%; border-radius:20px;
    background:linear-gradient(90deg,#2ecc8a,#1aab6e);
    width:0;
    animation:fillBar 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  .fee-progress-fill.p78  { --target:78%; }
  .fee-progress-fill.p52  { --target:52%; }
  .fee-progress-fill.p91  { --target:91%; }
  @keyframes fillBar { to { width: var(--target); } }

  /* ── Fee table ── */
  .mock-table-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .mock-table-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .mock-table-title .tbl-action {
    font-size:.52rem; color:#ff6b35; font-weight:600; cursor:pointer;
    padding:2px 6px; border-radius:4px;
    background:#fff3f0;
    transition:background .15s, transform .15s;
  }
  .mock-table-title .tbl-action:hover { background:#ffe0d6; transform:scale(1.04); }

  /* table header */
  .mock-table-head {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    gap:4px; padding:4px 10px;
    font-size:.53rem; color:#bbb; font-weight:600;
    background:#fafbfc; border-bottom:1px solid #f0f2f4;
  }

  .mock-row {
    display:grid;
    grid-template-columns:20px 1fr 55px 48px 46px;
    align-items:center; gap:4px;
    padding:5px 10px;
    font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .mock-row:last-child { border-bottom:none; }
  .mock-row:hover { background:#fff8f5 !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .mock-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .fee-status {
    display:inline-flex; align-items:center; gap:2px;
    font-size:.5rem; font-weight:700; padding:2px 5px; border-radius:20px;
  }
  .fee-status.paid    { background:#e8f9f2; color:#1aab6e; }
  .fee-status.pending { background:#fff3e0; color:#ff6b35; }
  .fee-status.overdue { background:#ffeaea; color:#e74c3c; }
  .fee-status::before {
    content:''; width:4px; height:4px; border-radius:50%; background:currentColor;
    display:inline-block;
    animation:statusPulse 1.8s ease-in-out infinite;
  }
  .fee-status.paid::before    { animation:none; opacity:.6; }
  @keyframes statusPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

  /* amount col */
  .fee-amt { font-weight:700; color:#1a1a2e; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mock-table-head,
    .mock-row { grid-template-columns:20px 1fr 48px 40px; }
    .mock-table-head > *:nth-child(5),
    .mock-row > *:nth-child(5) { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-369226c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;  left: -10px; }
  .float-card.fc2 { top: 90px;  right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px; }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#7c3aed;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover { background:#f5f0ff; color:#7c3aed; }
  .mock-nav-item.active { background:#f5f0ff; color:#7c3aed; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     REPORTS CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.purple{ background:#f0ebff; color:#7c3aed; }
  .mc-badge.green { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.blue  { background:#eaf0ff; color:#4c6ef5; }
  .mc-badge.amber { background:#fef9e7; color:#d4a017; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BAR CHART
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .chart-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .chart-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:8px; display:flex; justify-content:space-between; align-items:center;
  }
  .chart-legend {
    display:flex; gap:8px;
  }
  .legend-dot {
    width:6px; height:6px; border-radius:50%; display:inline-block; margin-right:2px;
  }
  .chart-legend span { font-size:.5rem; color:#999; font-weight:500; display:flex; align-items:center; }

  .bar-chart {
    display:flex; align-items:flex-end;
    gap:5px; height:60px;
  }

  .bar-group {
    display:flex; flex-direction:column; align-items:center;
    flex:1; gap:2px;
  }

  .bar-cols {
    display:flex; gap:2px; align-items:flex-end;
    height:50px; width:100%;
  }

  .bar {
    flex:1; border-radius:3px 3px 0 0;
    transform-origin: bottom;
    transform: scaleY(0);
    animation: growBar .8s cubic-bezier(.4,0,.2,1) forwards;
  }

  /* stagger each bar */
  .bar-group:nth-child(1) .bar { animation-delay:.3s; }
  .bar-group:nth-child(2) .bar { animation-delay:.4s; }
  .bar-group:nth-child(3) .bar { animation-delay:.5s; }
  .bar-group:nth-child(4) .bar { animation-delay:.6s; }
  .bar-group:nth-child(5) .bar { animation-delay:.7s; }
  .bar-group:nth-child(6) .bar { animation-delay:.8s; }

  @keyframes growBar { to { transform:scaleY(1); } }

  .bar.attendance { background:linear-gradient(180deg,#7c3aed,#a855f7); }
  .bar.performance{ background:linear-gradient(180deg,#4c6ef5,#74b9ff); }

  .bar-label {
    font-size:.48rem; color:#bbb; font-weight:600; margin-top:2px; text-align:center;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DONUT CHART (pure CSS)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  .donut-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .donut-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:6px; }

  .donut-body { display:flex; align-items:center; gap:10px; }

  .donut-svg { width:52px; height:52px; flex-shrink:0; }

  .donut-ring {
    fill:none; stroke-width:8;
    stroke-linecap:round;
  }
  .donut-track { stroke:#f0f2f4; }
  .donut-seg1 {
    stroke:#7c3aed;
    stroke-dasharray: 0 100;
    animation: donutFill1 1.2s cubic-bezier(.4,0,.2,1) .6s forwards;
  }
  .donut-seg2 {
    stroke:#4c6ef5;
    stroke-dasharray: 0 100;
    animation: donutFill2 1.2s cubic-bezier(.4,0,.2,1) .8s forwards;
  }
  @keyframes donutFill1 { to { stroke-dasharray: 42 100; } }
  @keyframes donutFill2 { to { stroke-dasharray: 28 100; stroke-dashoffset: -42; } }

  .donut-center {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:.55rem; font-weight:800; color:#1a1a2e;
  }
  .donut-rel { position:relative; width:52px; height:52px; }

  .donut-legend { display:flex; flex-direction:column; gap:4px; }
  .donut-legend-item {
    display:flex; align-items:center; gap:4px;
    font-size:.52rem; color:#666; font-weight:500;
  }
  .donut-legend-dot {
    width:6px; height:6px; border-radius:50%; flex-shrink:0;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     RECENT REPORTS LIST
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .reports-list {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .reports-list-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .report-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .report-row:last-child { border-bottom:none; }
  .report-row:hover { background:#faf8ff !important; padding-left:14px; }

  .report-icon {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.6rem; flex-shrink:0;
    transition:transform .2s ease;
  }
  .report-row:hover .report-icon { transform:scale(1.15) rotate(-4deg); }

  .report-tag {
    margin-left:auto; font-size:.5rem; font-weight:600;
    padding:2px 5px; border-radius:20px;
  }
  .report-tag.new    { background:#f0ebff; color:#7c3aed; }
  .report-tag.ready  { background:#e8f9f2; color:#1aab6e; }
  .report-tag.draft  { background:#f4f6f9; color:#999; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4489dda */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:310px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#0ea5e9;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#f0f9ff; color:#0ea5e9; }
  .mock-nav-item.active { background:#f0f9ff; color:#0ea5e9; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }

  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.sky    { background:#e0f4ff; color:#0ea5e9; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.rose   { background:#fff0f3; color:#e84393; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     TIMETABLE GRID
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .timetable-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
    margin-bottom:8px;
  }
  .timetable-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    margin-bottom:7px; display:flex; justify-content:space-between; align-items:center;
  }
  .tt-tag {
    font-size:.5rem; font-weight:600; padding:2px 6px;
    background:#e0f4ff; color:#0ea5e9; border-radius:4px;
  }

  .tt-grid {
    display:grid;
    grid-template-columns:32px repeat(5,1fr);
    gap:3px;
  }

  .tt-head {
    font-size:.5rem; font-weight:700; color:#bbb;
    text-align:center; padding:2px 0;
  }

  .tt-time {
    font-size:.48rem; color:#ccc; font-weight:600;
    display:flex; align-items:center; padding-right:3px;
  }

  .tt-cell {
    border-radius:5px; padding:3px 4px;
    font-size:.48rem; font-weight:700;
    min-height:22px;
    display:flex; align-items:center; justify-content:center;
    text-align:center; line-height:1.2;
    opacity:0;
    animation:cellPop .35s cubic-bezier(.34,1.56,.64,1) forwards;
    cursor:default;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), filter .2s;
  }
  .tt-cell:hover {
    transform:scale(1.08);
    filter:brightness(0.95);
    z-index:2;
    position:relative;
  }

  @keyframes cellPop { to { opacity:1; transform:scale(1); } }

  .tt-cell.empty { background:transparent; animation:none; opacity:1; }

  /* stagger cells by column */
  .tt-grid > *:nth-child(6n+2)  .tt-cell { animation-delay:.15s; }
  .tt-grid > *:nth-child(6n+3)  .tt-cell { animation-delay:.25s; }
  .tt-grid > *:nth-child(6n+4)  .tt-cell { animation-delay:.35s; }
  .tt-grid > *:nth-child(6n+5)  .tt-cell { animation-delay:.45s; }
  .tt-grid > *:nth-child(6n+6)  .tt-cell { animation-delay:.55s; }

  /* subject colours */
  .sub-math  { background:#e0f4ff; color:#0ea5e9; }
  .sub-sci   { background:#e8f9f2; color:#1aab6e; }
  .sub-eng   { background:#fff0f3; color:#e84393; }
  .sub-hist  { background:#fef9e7; color:#d4a017; }
  .sub-pe    { background:#fff3e0; color:#ff6b35; }
  .sub-art   { background:#f5f0ff; color:#7c3aed; }
  .sub-comp  { background:#eaf0ff; color:#4c6ef5; }
  .sub-free  { background:#f8fafb; color:#ccc;    font-weight:500; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BOTTOM ROW
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .bottom-row {
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }

  /* ── Subject progress ── */
  .subject-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; padding:8px 10px;
  }
  .subject-title { font-size:.6rem; font-weight:700; color:#1a1a2e; margin-bottom:7px; }

  .subject-row { margin-bottom:6px; }
  .subject-label {
    display:flex; justify-content:space-between;
    font-size:.55rem; color:#666; font-weight:600; margin-bottom:3px;
  }
  .subject-label span:last-child { color:#0ea5e9; font-weight:700; }
  .subject-track {
    height:5px; background:#eef0f3; border-radius:20px; overflow:hidden;
  }
  .subject-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar 1.1s cubic-bezier(.4,0,.2,1) forwards;
  }
  .subject-fill.d1 { animation-delay:.4s; }
  .subject-fill.d2 { animation-delay:.55s; }
  .subject-fill.d3 { animation-delay:.7s; }
  .subject-fill.d4 { animation-delay:.85s; }
  @keyframes fillBar { to { width: var(--w); } }

  /* ── Top students ── */
  .students-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .students-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
  }

  .student-row {
    display:flex; align-items:center; gap:6px;
    padding:5px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .student-row:last-child { border-bottom:none; }
  .student-row:hover { background:#f0f9ff !important; padding-left:14px; }

  .mock-avatar {
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-size:.5rem; font-weight:800; color:#fff; flex-shrink:0;
    transition:transform .2s ease;
  }
  .student-row:hover .mock-avatar { transform:scale(1.15) rotate(-4deg); }

  .rank-badge {
    width:14px; height:14px; border-radius:4px;
    display:flex; align-items:center; justify-content:center;
    font-size:.45rem; font-weight:800; flex-shrink:0;
  }
  .rank-badge.r1 { background:#fef9e7; color:#d4a017; }
  .rank-badge.r2 { background:#f4f6f9; color:#888; }
  .rank-badge.r3 { background:#fff3e0; color:#cd7f32; }
  .rank-badge.r4 { background:#f0f9ff; color:#0ea5e9; }

  .score-pill {
    margin-left:auto; font-size:.5rem; font-weight:700;
    padding:2px 5px; border-radius:20px;
    background:#e0f4ff; color:#0ea5e9;
  }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .bottom-row { grid-template-columns:1fr; }
    .tt-grid { grid-template-columns:28px repeat(5,1fr); }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-911a46c */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .float-card:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    animation-play-state: paused;
  }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
    animation: iconPulse 3s ease-in-out infinite;
  }
  @keyframes iconPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP SHELL
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.07),
                inset 0 1px 0 rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  /* ── Topbar ── */
  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-search {
    flex:1; background:#f4f6f9; border-radius:7px;
    padding:4px 8px; font-size:.6rem; color:#aaa;
    display:flex; align-items:center; gap:4px; margin:0 8px;
  }

  /* ── Body ── */
  .mock-body { display:flex; min-height:320px; }

  /* ── Sidebar ── */
  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s {
    font-size:.65rem; font-weight:800; color:#1a1a2e;
    display:flex; align-items:center; gap:5px;
    padding:4px 6px 10px; letter-spacing:-.3px;
  }
  .mock-brand-icon {
    width:14px; height:14px;
    background:linear-gradient(135deg,#2ecc8a,#1aab6e);
    border-radius:4px; flex-shrink:0;
  }
  .cadence-widget:hover .mock-brand-icon { animation: spinOnce .5s cubic-bezier(.34,1.56,.64,1) forwards; }
  @keyframes spinOnce { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; cursor:pointer;
    transition:background .15s, color .15s;
    white-space:nowrap; font-weight:500;
    position:relative; overflow:hidden;
  }
  .mock-nav-item::before {
    content:''; position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:60%; background:#e84393;
    border-radius:0 3px 3px 0;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .mock-nav-item:hover::before, .mock-nav-item.active::before { transform:translateY(-50%) scaleY(1); }
  .mock-nav-item:hover  { background:#fff0f8; color:#e84393; }
  .mock-nav-item.active { background:#fff0f8; color:#e84393; font-weight:700; }
  .mock-nav-icon { font-size:.7rem; flex-shrink:0; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; overflow:hidden; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  /* ── Stat cards ── */
  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card {
    background:#ffffff; border-radius:8px; padding:7px;
    border:1px solid #eef0f3; min-width:0;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
  }
  .mock-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px; white-space:nowrap;
    position:relative; overflow:hidden;
  }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.amber  { background:#fef9e7; color:#d4a017; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  .mc-badge::after {
    content:''; position:absolute; top:0; left:-60%;
    width:40%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
    animation:shimmer 2.8s ease-in-out infinite;
  }
  @keyframes shimmer { 0%{left:-60%} 60%,100%{left:130%} }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PHONE MOCKUP + FEATURE PILLS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mid-row {
    display:grid; grid-template-columns:80px 1fr; gap:8px; margin-bottom:8px;
  }

  /* ── Mini phone ── */
  .phone-mockup {
    width:68px;
    background:#1a1a2e;
    border-radius:12px;
    padding:5px 4px;
    display:flex; flex-direction:column; gap:3px;
    position:relative;
    box-shadow:0 6px 20px rgba(0,0,0,.18);
    animation:phoneWobble 5s ease-in-out 1.5s infinite;
  }
  @keyframes phoneWobble {
    0%,100%{ transform:rotate(0deg) translateY(0); }
    20%    { transform:rotate(-1.5deg) translateY(-2px); }
    40%    { transform:rotate(1deg) translateY(1px); }
    60%    { transform:rotate(-0.8deg) translateY(-1px); }
    80%    { transform:rotate(0.5deg) translateY(0); }
  }

  .phone-notch {
    width:20px; height:4px; background:#333;
    border-radius:20px; margin:0 auto 3px;
  }

  /* phone screen cards */
  .phone-card {
    background:#ffffff; border-radius:6px; padding:4px 5px;
    opacity:0;
    animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) forwards;
  }
  .phone-card:nth-child(2){ animation-delay:.5s; }
  .phone-card:nth-child(3){ animation-delay:.7s; }
  .phone-card:nth-child(4){ animation-delay:.9s; }
  .phone-card:nth-child(5){ animation-delay:1.1s; }

  @keyframes slideUp { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

  .pc-row {
    display:flex; align-items:center; gap:3px; margin-bottom:2px;
  }
  .pc-dot {
    width:5px; height:5px; border-radius:50%; flex-shrink:0;
  }
  .pc-label { font-size:.42rem; font-weight:700; color:#1a1a2e; }
  .pc-val   { font-size:.38rem; color:#999; margin-left:auto; }
  .pc-bar-track {
    height:3px; background:#f0f2f4; border-radius:20px; overflow:hidden; margin-top:1px;
  }
  .pc-bar-fill {
    height:100%; border-radius:20px; width:0;
    animation:fillBar .9s cubic-bezier(.4,0,.2,1) 1s forwards;
  }
  @keyframes fillBar { to { width:var(--w); } }

  /* ── Feature pills ── */
  .feature-pills {
    display:flex; flex-direction:column; gap:5px; justify-content:center;
  }

  .feat-pill {
    display:flex; align-items:center; gap:6px;
    background:#ffffff; border-radius:8px;
    padding:6px 8px; border:1px solid #eef0f3;
    opacity:0;
    animation:slideRight .4s cubic-bezier(.34,1.56,.64,1) forwards;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease;
  }
  .feat-pill:hover {
    transform:translateX(4px);
    box-shadow:0 4px 14px rgba(0,0,0,.07);
  }
  .feat-pill:nth-child(1){ animation-delay:.4s; }
  .feat-pill:nth-child(2){ animation-delay:.55s; }
  .feat-pill:nth-child(3){ animation-delay:.7s; }
  .feat-pill:nth-child(4){ animation-delay:.85s; }
  @keyframes slideRight { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

  .feat-icon {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0;
  }
  .feat-text { font-size:.56rem; font-weight:700; color:#1a1a2e; }
  .feat-sub  { font-size:.48rem; color:#aaa; font-weight:500; }
  .feat-arrow {
    margin-left:auto; font-size:.6rem; color:#ddd;
    transition:color .15s, transform .2s;
  }
  .feat-pill:hover .feat-arrow { color:#e84393; transform:translateX(2px); }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     NOTIFICATIONS FEED
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .notif-wrap {
    background:#ffffff; border-radius:8px;
    border:1px solid #eef0f3; overflow:hidden;
  }
  .notif-title {
    font-size:.6rem; font-weight:700; color:#1a1a2e;
    padding:7px 10px 5px; border-bottom:1px solid #eef0f3;
    display:flex; justify-content:space-between; align-items:center;
  }
  .notif-live {
    display:flex; align-items:center; gap:3px;
    font-size:.5rem; color:#1aab6e; font-weight:600;
  }
  .notif-live::before {
    content:''; width:5px; height:5px; background:#1aab6e;
    border-radius:50%; display:inline-block;
    animation:livePulse 1.4s ease-in-out infinite;
  }
  @keyframes livePulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.3)} }

  .notif-row {
    display:flex; align-items:flex-start; gap:7px;
    padding:6px 10px; font-size:.58rem; color:#444;
    border-bottom:1px solid #f4f6f9; font-weight:500;
    transition:background .15s, padding-left .2s ease;
  }
  .notif-row:last-child { border-bottom:none; }
  .notif-row:hover { background:#fff6fb !important; padding-left:14px; }

  .notif-icon-wrap {
    width:22px; height:22px; border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    font-size:.65rem; flex-shrink:0; margin-top:1px;
    transition:transform .2s ease;
  }
  .notif-row:hover .notif-icon-wrap { transform:scale(1.15) rotate(-4deg); }

  .notif-body { flex:1; min-width:0; }
  .notif-msg  { font-size:.56rem; font-weight:600; color:#1a1a2e; line-height:1.3; }
  .notif-time { font-size:.48rem; color:#bbb; margin-top:1px; }

  .notif-dot {
    width:5px; height:5px; border-radius:50%;
    background:#e84393; flex-shrink:0; margin-top:5px;
    animation:livePulse 2s ease-in-out infinite;
  }
  .notif-dot.read { background:transparent; animation:none; }

  /* ── Responsive ── */
  @media (max-width:500px) {
    .float-card.fc1 { left:0; top:5px; }
    .float-card.fc2 { right:0; top:70px; }
    .float-card.fc3 { left:0; bottom:30px; }
    .dashboard-mockup { margin:15px 5px; }
    .mock-cards { grid-template-columns:repeat(2,1fr); }
    .mock-sidebar { width:80px; }
    .mid-row { grid-template-columns:1fr; }
    .phone-mockup { display:none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc203a9 */.cadence-widget {
    font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FLOATING METRIC CARDS (Financial Focus)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .cw-float-cards {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 10;
  }

  .float-card {
    position: absolute;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
    pointer-events: auto;
    opacity: 0;
    transform: translateY(12px);
  }

  .float-card.fc1 { top: 12px;    left: -10px;  }
  .float-card.fc2 { top: 90px;    right: -10px; }
  .float-card.fc3 { bottom: 50px; left: -10px;  }

  @keyframes floatIn { to { opacity:1; transform:translateY(0); } }

  .float-card.fc1 { animation: floatIn .5s ease .2s  both, bobUp   3.5s ease-in-out .8s  infinite; }
  .float-card.fc2 { animation: floatIn .5s ease .35s both, bobDown 4.0s ease-in-out 1.0s infinite; }
  .float-card.fc3 { animation: floatIn .5s ease .5s  both, bobSlow 4.8s ease-in-out 1.2s infinite; }

  @keyframes bobUp   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
  @keyframes bobDown { 0%,100%{transform:translateY(0)}  50%{transform:translateY(6px)}  }
  @keyframes bobSlow { 0%,100%{transform:translateY(0)}  40%{transform:translateY(-5px)} 70%{transform:translateY(4px)} }

  .fc-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
  }

  .fc-label { font-size:.65rem; color:#999; font-weight:500; white-space:nowrap; }
  .fc-val   { font-size:.9rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DASHBOARD MOCKUP
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .dashboard-mockup {
    background: #f8fafb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
    border: 1px solid rgba(255,255,255,.7);
    opacity: 0;
    animation: floatIn .5s ease .1s forwards;
    position: relative;
    z-index: 5;
    margin: 20px 30px;
  }

  .mock-topbar {
    display:flex; align-items:center; gap:6px;
    padding:8px 12px; background:#ffffff; border-bottom:1px solid #eef0f3;
  }
  .mock-dot { width:8px; height:8px; border-radius:50%; }
  .mock-dot.d1{background:#ff5f57} .mock-dot.d2{background:#febc2e} .mock-dot.d3{background:#28c840}

  .mock-body { display:flex; min-height:320px; }

  .mock-sidebar {
    width:100px; background:#ffffff; border-right:1px solid #eef0f3;
    padding:10px 6px; display:flex; flex-direction:column; gap:1px; flex-shrink:0;
  }
  .mock-brand-s { font-size:.65rem; font-weight:800; color:#1a1a2e; padding:4px 6px 10px; }

  .mock-nav-item {
    font-size:.57rem; color:#888; padding:5px 6px; border-radius:7px;
    display:flex; align-items:center; gap:5px; font-weight:500;
  }
  .mock-nav-item.active { background:#e8f9f2; color:#1aab6e; font-weight:700; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PAYMENT CONTENT
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .mock-content { flex:1; padding:12px 10px; }
  .mock-greeting { font-size:.68rem; font-weight:700; color:#1a1a2e; margin-bottom:10px; }

  .mock-cards {
    display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:10px;
  }
  .mock-card { background:#ffffff; border-radius:8px; padding:7px; border:1px solid #eef0f3; }
  .mc-num { font-size:.85rem; font-weight:800; color:#1a1a2e; line-height:1.1; }

  .mc-badge {
    display:inline-block; font-size:.5rem; font-weight:600;
    padding:1px 5px; border-radius:20px; margin-top:3px;
  }
  .mc-badge.green  { background:#e8f9f2; color:#1aab6e; }
  .mc-badge.pink   { background:#fff0f8; color:#e84393; }
  .mc-badge.blue   { background:#eaf0ff; color:#4c6ef5; }

  /* Payment Action Section */
  .payment-box {
    background: #ffffff; border: 1px solid #eef0f3; border-radius: 10px;
    padding: 10px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between;
  }
  .pay-btn {
    background: #1aab6e; color: #fff; font-size: .55rem; font-weight: 700;
    padding: 6px 12px; border-radius: 6px; border: none; cursor: pointer;
    box-shadow: 0 4px 10px rgba(26,171,110,0.3);
  }

  /* List Styling */
  .trans-row {
    display:flex; align-items:center; gap:8px; padding:6px 0;
    border-bottom: 1px solid #f4f6f9;
  }
  .trans-info { flex:1; }
  .trans-title { font-size: .56rem; font-weight: 700; color: #1a1a2e; }
  .trans-date { font-size: .48rem; color: #bbb; }
  .trans-amt { font-size: .58rem; font-weight: 800; color: #1a1a2e; }

  @media (max-width:500px) {
    .dashboard-mockup { margin: 15px 5px; }
    .mock-sidebar { display: none; }
    .mock-cards { grid-template-columns: repeat(2,1fr); }
  }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cadb7c3 */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1bad0 */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-135ae9f */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-433a2a0 */.elementor-13938 .elementor-element.elementor-element-433a2a0 .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5853e8d */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for testimonial-carousel, class: .elementor-element-6cda8e7 */.elementor-13938 .elementor-element.elementor-element-6cda8e7 .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff64302 */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aa5631b */.gradient-text {
    /* Fallback color for older browsers */
    color: #EC068C;

    /* The Gradient */
    background: linear-gradient(135deg, #EC068C, #F47D5D);

    /* Clipping logic */
    -webkit-background-clip: text;
    background-clip: text;

    /* Making the text transparent so the gradient shows through */
    -webkit-text-fill-color: transparent;
    
    /* Ensures the gradient spans the text correctly */
    display: inline-block;
}/* End custom CSS */